Collective #578
Publikováno: 6.1.2020
Front-End Performance Checklist 2020 * Kinesis * Excalidraw * Exifer * Sscaffold * Craft.js
Collective #578 was written by Pedro Botelho and published on Codrops.

Front-End Performance Checklist 2020
A front-end performance checklist with everything you need to know to create fast experiences on the web today.

Kinesis
Kinesis lets you easily create interactive animations with Vue.js.

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.

Min and Max Width/Height in CSS
A practical dive into min-width and min-height in CSS by Ahmad Shadeed

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.

Excalidraw
Excalidraw is a whiteboard tool that lets you easily sketch diagrams that have a hand-drawn feel to them.

Exifer
A lightweight JavaScript image meta-data reader that can extract EXIF, GPS, XMP & IPTC data.

2019: Projects of the Year
A collection of the most beautiful projects made with Readymag.

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.

Jesper Landberg Portfolio
The fantastic portfolio of creative front-end developer Jesper Landberg.

Line Through Effect
A great video tutorial on how to create a cool line through effect with CSS and JavaScript.

Get Moving (or not) with CSS Motion Path
Dan Wilson explores some possibilities with the new CSS Motion Path properties.

Instagram Font Generator
Pick, preview, copy and paste fancy text to use on Instagram and other social networks.

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.

Craft.js
A React Framework for building extensible drag and drop page editors.

Snowflake painter
A fantastic snowflake creator made by Yoksel.

“Watercolor” effect in WebGL
A fantastic WebGL demo made by Robin Delaporte.

Another Damn ToDo App in Vue.js
Raymond Camden shares how he built the classic ToDo app in Vue.js.

Getting Started with Front End Testing
Amy Kapernick showcases different tests for accessibility, visual regression and end-to-end testing as well as linting.

Sscaffold
Sscaffold is a modern, lightweight CSS library that builds on Milligram, Skeleton and Normalize.

Beautiful React Hooks
A collection of useful React hooks to speed-up your components and hooks development.

What is the JAMstack?
A January series of compact articles on JAMstack.

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.

Awesome Mobile Security
An effort to build a single place for all useful Android and iOS security related resources.
Collective #578 was written by Pedro Botelho and published on Codrops.