Collective #578
![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/01/C578_checklist.png?x17071)
Front-End Performance Checklist 2020
A front-end performance checklist with everything you need to know to create fast experiences on the web today.
Check it out![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/01/C578_kinesis.jpg?x17071)
Kinesis
Kinesis lets you easily create interactive animations with Vue.js.
Check it out![Divi Freelancer](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/01/DiviFreelancer.jpg?x17071)
Start your own freelance business
Learn how to develop websites with the most popular WordPress theme in the world and secure your success as a freelancer.
Start learning now![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/01/C578_minwidth.jpg?x17071)
Min and Max Width/Height in CSS
A practical dive into min-width and min-height in CSS by Ahmad Shadeed
Check it out![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/01/C578_stateofjs.jpg?x17071)
Sampling bias, FDR, and The State of JS
A very insightful article on sampling bias and why the results of the State of JS survey should be taken with a grain of salt.
Read it![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/01/C578_sketch.jpg?x17071)
Excalidraw
Excalidraw is a whiteboard tool that lets you easily sketch diagrams that have a hand-drawn feel to them.
Check it out![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/01/Screen-Shot-2020-01-06-at-17.07.02.jpg?x17071)
Exifer
A lightweight JavaScript image meta-data reader that can extract EXIF, GPS, XMP & IPTC data.
Check it out![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/01/C578_readymag.jpg?x17071)
2019: Projects of the Year
A collection of the most beautiful projects made with Readymag.
Check it out![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/01/C578_bodycopy.jpg?x17071)
A short history of body copy sizes on the Web
An interesting article on the history of body copy font sizes and the challenges that come with responsiveness.
Read it![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/01/C578_jesper.jpg?x17071)
Jesper Landberg Portfolio
The fantastic portfolio of creative front-end developer Jesper Landberg.
Check it out![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/01/C578_linethrough.jpg?x17071)
Line Through Effect
A great video tutorial on how to create a cool line through effect with CSS and JavaScript.
Watch it![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/01/C578_motion.jpg?x17071)
Get Moving (or not) with CSS Motion Path
Dan Wilson explores some possibilities with the new CSS Motion Path properties.
Read it![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/01/C578_metatagsfont.jpg?x17071)
Instagram Font Generator
Pick, preview, copy and paste fancy text to use on Instagram and other social networks.
Check it out![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/01/C578_grid.jpg?x17071)
Understanding CSS Grid: Creating A Grid Container
In a new series, Rachel Andrew breaks down the CSS Grid Layout specification and takes a detailed look at what happens when you create a grid container.
Read it![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/01/C578_craft.jpg?x17071)
Craft.js
A React Framework for building extensible drag and drop page editors.
Check it out![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/01/C578_slowflake.jpg?x17071)
Snowflake painter
A fantastic snowflake creator made by Yoksel.
Check it out![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/01/C578_paint.jpg?x17071)
"Watercolor" effect in WebGL
A fantastic WebGL demo made by Robin Delaporte.
Check it out![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/01/C578_todo.jpg?x17071)
Another Damn ToDo App in Vue.js
Raymond Camden shares how he built the classic ToDo app in Vue.js.
Check it out![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/01/C578_testing.jpg?x17071)
Getting Started with Front End Testing
Amy Kapernick showcases different tests for accessibility, visual regression and end-to-end testing as well as linting.
Read it![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/01/C578_sscaffold.jpg?x17071)
Sscaffold
Sscaffold is a modern, lightweight CSS library that builds on Milligram, Skeleton and Normalize.
Check it out![Collective Item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/01/C578_hooks.jpg?x17071)
Beautiful React Hooks
A collection of useful React hooks to speed-up your components and hooks development.
Check it out![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/01/C578_jamstack.png?x17071)
What is the JAMstack?
A January series of compact articles on JAMstack.
Check it out![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/01/C578_elliot.jpg?x17071)
The Hidden Treasures of Object Composition
As part of the "Composing Software" series on learning functional programming and compositional software techniques in JavaScript ES6+, Eric Elliott explores the topic of object composition.
Read it![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/01/C578_awesomemobile.jpg?x17071)
Awesome Mobile Security
An effort to build a single place for all useful Android and iOS security related resources.
Check it out