Collective #429
![C429_mockup](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/07/C429_mockup.jpg?x86293)
Shotsnapp
A fantastic tool for creating mockup presentations for your design. Made by Gaddafi Rusli.
Check it out![C429_Be](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/07/C429_Be-1.jpg?x86293)
Use pre-built websites to avoid making unforgivable design mistakes
Even the best web designers make mistakes. A solution to this problem is using pre-built websites. Be Theme offers over 350 of them, each of them at one click away from being installed on your website.
Check them out![C429_access](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/07/C429_access.jpg?x86293)
Designing for accessibility is not that hard
Pablo Stanley shows us seven easy-to-implement guidelines to design a more accessible web.
Read it![C429_tenori](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/07/C429_tenori.jpg?x86293)
Tenori-off
A smart music sequencer that uses Machine Learning to try to match drums to a synth melody. Made by Monica Dinculescu.
Check it out![C429_scrollgradient](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/07/C429_scrollgradient.jpg?x86293)
Scrolling Gradient
Mike Riethmuller created this demo where a background gradient changes according to the scroll position.
Check it out![C429_tree](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/07/C429_tree.jpg?x86293)
Reduce JavaScript Payloads with Tree Shaking
Jeremy Wagner explains how to use tree shaking, a form of dead code elimination, to improve JavaScript performance.
Read it![C429_doodle](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/07/C429_doodle.jpg?x86293)
SVG Pattern Doodler
Niklas Knaack created this fantastic demo where a simple algorithm draws patterns and doodles into an SVG element.
Check it out![C429_array](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/07/C429_array.jpg?x86293)
An adventure in sparse arrays
Remy Sharp explores sparse arrays and shares some common pitfalls when dealing with them.
Read it![C429_singlie](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/07/C429_singlie.jpg?x86293)
Singlie
A progressive and minimal implementation of the circular and linear singly linked list data structures in modern ES6.
Check it out![C429_leira](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/07/C429_leira.jpg?x86293)
Free Font: Leira
A playful brush font designed by Evita Vilaka.
Get it![C429_interneting](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/07/C429_interneting.jpg?x86293)
Interneting Is Hard
In case you missed it: A resource of friendly web development tutorials for complete beginners.
Check it out![C429_scroll](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/07/C429_scroll.jpg?x86293)
fakeScroll
A lightweight and robust custom-looking HTML scrollbar script.
Check it out![C429_react](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/07/C429_react.jpg?x86293)
React From Zero
A simple yet comprehensive React tutorial.
Check it out![C429_ch](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/07/C429_ch.jpg?x86293)
What is the CSS 'ch' Unit?
Eric Meyer explains the ch unit in CSS.
Read it![C429_generative](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/07/C429_generative.jpg?x86293)
Generative WorldCup
An experiment with the world cup statistics API and canvas to generate abstract patterns for each soccer match.
Check it out![C429_fontsize](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/07/C429_fontsize.jpg?x86293)
Pixels vs. Ems: Users DO Change Font Size
An interesting article with data on how many users actually change the font size in their browsers. By Evan Minto.
Read it![C429_chart](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/07/C429_chart.jpg?x86293)
ChartGen
An SVG chart generator that utilizes the Box-Muller transform to generate random trending data for realistic SVG line and bar charts.
Check it out![C429_transemails](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/07/C429_transemails.jpg?x86293)
Everything You Need To Know About Transactional Email But Didn't Know To Ask
Some advanced best practices for transactional emails by Garrett Dimon.
Read it![C429_fittext](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/07/C429_fittext.jpg?x86293)
Fitting Text to a Container
Chris Coyier explores the different ways of making a text size itself to fill a container.
Read it![C429_css4](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/07/C429_css4.jpg?x86293)
Where is CSS4? When is it coming out?
Jen Simmons explains why CSS4 does not exist.
Watch it![C429_firejs](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/07/C429_firejs.jpg?x86293)
'Fire' visual effect in JavaScript
A short tutorial on how to create a pixel fire effect in JavaScript with just about 20 lines of code.
Read it![C429_more](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/07/C429_more.jpg?x86293)
More
A nice link animation made by Chris Gannon.
Check it out![C429_svgiconsystems](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/07/C429_svgiconsystems.jpg?x86293)
The guide to integrating and styling icon systems?- inline SVG and icon components
In this two-part series, Claudia Romano explains integration techniques for icon systems using practical code examples.
Read it![C429_vue](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/07/C429_vue.jpg?x86293)
The Vue Handbook
A guide to Vue written by Flavio Copes. Free for a subscription.
Check it out![C429_gridtut](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/07/C429_gridtut.jpg?x86293)
The simpleton's guide to CSS Grid
An easy-to-follow guide to CSS Grid by Dennis Gaebel.
Read it