Collective #578

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
Kinesis
Kinesis lets you easily create interactive animations with Vue.js.
Check it out
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
Min and Max Width/Height in CSS
A practical dive into min-width and min-height in CSS by Ahmad Shadeed
Check it out
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
Excalidraw
Excalidraw is a whiteboard tool that lets you easily sketch diagrams that have a hand-drawn feel to them.
Check it out
Exifer
A lightweight JavaScript image meta-data reader that can extract EXIF, GPS, XMP & IPTC data.
Check it out
2019: Projects of the Year
A collection of the most beautiful projects made with Readymag.
Check it out
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
Jesper Landberg Portfolio
The fantastic portfolio of creative front-end developer Jesper Landberg.
Check it out
Line Through Effect
A great video tutorial on how to create a cool line through effect with CSS and JavaScript.
Watch it
Get Moving (or not) with CSS Motion Path
Dan Wilson explores some possibilities with the new CSS Motion Path properties.
Read it
Instagram Font Generator
Pick, preview, copy and paste fancy text to use on Instagram and other social networks.
Check it out
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
Craft.js
A React Framework for building extensible drag and drop page editors.
Check it out
Snowflake painter
A fantastic snowflake creator made by Yoksel.
Check it out
"Watercolor" effect in WebGL
A fantastic WebGL demo made by Robin Delaporte.
Check it out
Another Damn ToDo App in Vue.js
Raymond Camden shares how he built the classic ToDo app in Vue.js.
Check it out
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
Sscaffold
Sscaffold is a modern, lightweight CSS library that builds on Milligram, Skeleton and Normalize.
Check it out
Beautiful React Hooks
A collection of useful React hooks to speed-up your components and hooks development.
Check it out
What is the JAMstack?
A January series of compact articles on JAMstack.
Check it out
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
Awesome Mobile Security
An effort to build a single place for all useful Android and iOS security related resources.
Check it out