Collective #379
Inspirational Website of the Week: Crux
An old schoolish, yet refreshingly realistic design with a brilliant navigation. Our pick this week.
Get inspired
HelloSign API: The dev friendly eSign
Embed HelloSign API into your app in minutes, with only a few lines of code.
Check it out
365 shapes of blue
Explore Julien Espagnon's journey of learning to code with experiments he made each day in 2017.
Check it out
Object Explorer
A resource to help figure out what JavaScript object method would be best to use at any given time. By Sarah Drasner.
Check it out
Auto-Sizing Columns in CSS Grid: 'auto-fill' vs 'auto-fit'
Sara Soueidan explains how to auto-size columns in a CSS grid layout in this great article.
Read it
lit
A tiny CSS framework that aims to preserve everything Skeleton, Milligram, and other micro frameworks have to offer. By Arham Jain.
Check it out
Front-End Performance Checklist 2018
A very useful front-end performance checklist for 2018 by Vitaly Friedman.
Check it out
Top JavaScript Libraries & Tech to Learn in 2018
Eric Elliott's fantastic analysis and predictions for 2018.
Read it
Stimulus
A JavaScript framework that doesn't take over your complete front-end but adds to it.
Check it out
The Future Belongs to CSS
An interesting demo employing CSS Grid, Flexbox and position: sticky. Made by Josh Collinsworth.
Check it out
Cyberspace
An interesting three.js experiment by Yoichi Kobayashi.
Check it out
Cropping & Scaling Images Using SVG Documents
Sara Soueidan shares an SVG snippet that replaces a CSS object-fit declaration.
Read it
Sapper: Towards the ideal web app framework
Read about Sapper, a new web app framework by Svelte.
Read it
Building a webic community
Read Chen Hui Jing's inspiring article on building a 'webic' community in Singapore.
Check it out
headless-devtools
Headless-devtools lets you perform Chrome DevTools actions from your code by leveraging Headless Chrome with Puppeteer.
Check it out
Can Preload Cut the Mustard?
Scott Jehl writes on a an interesting peculiarity of link[rel=preload].
Fizzl
A tool for collecting design feedback quickly and easily. Free for the first couple of months.
Check it out
The Secret of Great Gradient
Anna Grenn shows how to create the perfect gradient inspired by nature.
Read it
A recap of front-end development in 2017
A list of the most notable events in front-end engineering in 2017.
Read it
Instagram.css
Complete set of Instagram filters in pure CSS inspired by CSSgram.
Check it out
19 web design trends for 2018
John Moore Williams explores the hottest web design trends, techniques, and tools for 2018.
Read it