Bi-Weekly Frontend News
Collective #525
Every Layout
Every Layout will teach you how to better harness the built-in algorithms that power browsers and CSS. By Heydon Pickering and Andy Bell. Check it out
Our Sponsor
15 design and development tools and resources you should be using ASAP
Are you a freelancing professional web designer or a member of a web design team? Either way, you’re always looking for great tools that will make your work easier. Check them out
Pure CSS Only Portrait - Isla
An insane piece of CSS art made by Ben Evans. A word of caution: it might break some (mobile) browsers! Check it out
When should you be using Web Workers?
An article by Surma explaining why it's a good idea to use Web Workers. Read it
Drawing Realistic Clouds with SVG and CSS
A magic cloud making technique by Beau Jackson. Read it
CJSS
Finally you can write it all in CSS! 😆 Read more about it in this tweet. Check it out
The Faker You Are, the More Successful You Can Be
Pablo Stanley's amazing presentation on the dos and don'ts to becoming a successful designer. Watch it
Rock God Pose
An fun interactive web app using Machine Learning and human pose estimation. Made by Ben Falchuk. Check it out
Responsible JavaScript: Part II
Jeremy Wagner's excellent article on how to cure a JavaScript hangover. Read it
The State of CSS 2019
The results of the first ever State of CSS survey. Check it out
Spotlight
A lightweight and easy to integrate image gallery plugin without dependencies. Check it out
AI Assistant Blob
Aaron Iker created this demo based on Oleg Frolov's Dribbble shot. Check it out
Games and Graphics in Popup URL bars
Matthew Rayfield explores the possibilities of the stacked URL bar display system to the max. Read it
Using Hamburger Menus? Try Sausage Links
Bradley Taunt shows how "sausage links" can serve as a simpler alternative to hamburger menus for certain use cases. Read it
Micro Frontends
Cam Jackson describes a recent trend of breaking up frontend monoliths into many smaller, more manageable pieces, and how this architecture can increase the effectiveness and efficiency of teams working on frontend code. Read it
Web Camera 02
An interesting web cam experiment by r21nomi. Check it out
Promise combinators
Learn about the new additions to the available promise combinators in JavaScript,Promise.allSettled and Promise.any.
Read it
Falling City
A great Three.js scene demo by Jon Kantner based on a background used in "The Battle Cats". Check it out
Interactive Charts with D3.js
Amelia Wattenberger explores the fundamental concepts for adding interactivity to D3 charts. Read it
404 Illustrations
A set of trendy, ready to use images for your 404 page. Get it
electron-boilerplate
A boilerplate to kickstart creating an app with Electron. By Sindre Sorhus. Check it out
A Recipe for Designing Animations — Without Sacrificing Performance
Neil Shankar shares how he took the challenge of producing high-quality animations without contributing to latency for a redesign of the Google Chrome homepage. Read it
