Collective #614
Inspirational Website of the Week: Anastasiia Afanasieva
So many engaging details, fantastic motion and superb typography! Without a doubt, our pick for you this week.
Get inspired
Instant websites for your clients with Divi Layout Packs
With the Divi Layout Packs you'll get world-class designs ready to be used for your client projects.
Check it out
The WET Codebase
Dan Abramov shares his talk where he shows "why strict adherence to writing code that is free of duplication inevitably leads to software we can't understand".
Check it out
Style Stage from Modern CSS Solutions
A modern CSS showcase styled by community contributions. Maintained by Stephanie Eckles of ModernCSS.dev.
Check it out
30 Great Websites with Parallax Scrolling
A great collection of websites with interesting parallax effects.
Check it out
How To Create A GitHub Profile README
Learn how to access GitHub's new profile level README feature.
Read it
Awesome Github Profile README
A curated list of awesome Github Profile READMEs.
Check it out
zerodivs.com
An experimental UI editor for creating illustrations with single-element CSS. By Joan Perals.
Check it out
Tabler Icons
In case you missed it: 550+ customizable free SVG icons.
Check it out
Super Expressive
Super Expressive is a lightweight JavaScript library that allows you to build regular expressions in almost natural language.
Check it out
Webwaste
An excerpt from Chapter 9 of Gerry McGovern's Book World Wide Waste, from Silver Beach.
Check it out
Grids Part 1: To grid or not to grid
Sarah Higley's first article in a series on interactive grid accessibility.
Read it
Zettlr
Zettlr is an open source Markdown editor with many advanced features.
Check it out
The State Of Pixel Perfection
An interesting article on pixel perfection and why the modern web should overcome the concept.
Read it
Scrollable sidebar with sticky footer using Flexbox
Learn how to use Flexbox to create a scrollable sidebar with a sticky footer in this great video by CodyHouse.
Watch it
Foam
Foam is a personal knowledge management and sharing system for VSCode.
Check it out
What is CSS Specificity?
Sarah Chima explains CSS specificity, an important topic to understand if you want to get better at CSS.
Read it
Clipped Image Reveal on Hover
A very nice clipped hover effect by Katherine Kato.
Check it out
3D Radio
An interactive 3D radio made by Ricardo Oliva Alonso.
Check it out
GUI Sites
Simone Marzulli's curated list of sites that look like desktop graphical user interfaces.
Check it out
127 design websites
An extensive list of websites to show off your design. Made by the content team at lemon.io.
Check it out
AudioMass
In case you missed it: AudioMass is a free full-featured web-based audio and waveform editing tool in just 65kb of vanilla JavaScript.
Check it out
form-validation.js
The most customizable validation framework for JavaScript.
Check it out
Button state and accessibility
Chris Fernandi looks at button state and the [aria-pressed] attribute.
Read it