Collective #613
Inspirational Website of the Week: makemepulse
Makemepulse challenges the laws of physics by being razor sharp and smooth as a feather at the same time. Our pick this week.
Get inspired
Be: 500+ pre-built websites for ANY kind of project
Now comes with Elementor and dedicated Elementor pre-built websites.
Discover more
Ten modern layouts in one line of CSS
A post by Una Kravets that highlights a few powerful lines of CSS that do some serious heavy lifting and help you build robust modern layouts.
Check it out
Lights and Shadows
Bartosz Ciechanowski's interactive journey into the world of light and how it interacts with different objects.
Read it
The Cicada Principle, revisited with CSS variables
Lea Verou shows some amazing examples of the Cicada Principle with CSS variables.
Check it out
Accordion Rows in CSS Grid
Eric Meyer shares the way he's using CSS Grid rows to for more layout flexibility.
Read it
viewBox
A newsletter with tips, demos, articles and a monthly challenge all about the magical world of SVG! By Cassie Evans and Louis Hoebregts.
Check it out
WebGL with Three.js Program
Bruno Simon has started working on a Three.js course and the outline looks very promising.
Check it out
CSS News July 2020
In this article, Rachel Andrew takes a look at some of the interesting CSS features that are making their way into browsers right now.
Read it
Rubik's Cube
A Rubik's cube made with Three.js. By Aaron Bird.
Check it out
Knopf.css
A modern, modular, extensible button system designed for both rapid prototyping and production-ready applications.
Check it out
Favicon in Dark Mode
A great CodyHouse video that shows how to change the colors of your favicon when dark mode is enabled.
Check it out
The Comeback of Fun in Visual Design
Michael Flarup writes about the long awaited "swing of the pendulum" in visual design.
Read it
Uncommon CSS Properties
In this article, Ahmad Shadeed goes through some different interesting CSS properties.
Check it out
Lemon.io
Find a perfect freelance match for your project in just 24 hours.
Check it out
CSS collector’s cabinet
Lynn Fisher's beautiful CSS creation.
Check it out
Always bet on HTML – being misunderstood
Christian Heilmann takes a look at the reasons why people might be less enthused about HTML.
Check it out
Goodbye Squarespace. Hello Eleventy, Tailwind CSS and Netlify!
Sahil Parikh shares his experience with transitioning his blog to a static site generator.
Read it
Bubbles Lamp
A beautiful demo by ilithya.
Check it out
Arched 3D panel
Watch a modern take on an older component Ana Tudor coded some year ago.
Watch it
WordPress Static Site: Benefits, Limits & Tools
A complete guide to getting started with WordPress static site generators.
Read it
Accessible and Keyboard-Friendly Hamburger Menu + Slide Out Navigation
A live demo and tips on building an accessible hamburger menu that's keyboard-friendly and toggles a slide-out navigation panel.
Check it out
Exploring Animations for Menu Hover Effects
A couple of ideas for creative menu hover animations with images.
Check it out