Collective #613
Publikováno: 9.7.2020
1-Line Layouts * Accordion Rows in CSS Grid * viewBox Newsletter * Knopf.css * WordPress Static Site
The post Collective #613 appeared first on Codrops.

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.

Be: 500+ pre-built websites for ANY kind of project
Now comes with Elementor and dedicated Elementor pre-built websites.

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.

Lights and Shadows
Bartosz Ciechanowski’s interactive journey into the world of light and how it interacts with different objects.

The Cicada Principle, revisited with CSS variables
Lea Verou shows some amazing examples of the Cicada Principle with CSS variables.

Accordion Rows in CSS Grid
Eric Meyer shares the way he’s using CSS Grid rows to for more layout flexibility.

viewBox
A newsletter with tips, demos, articles and a monthly challenge all about the magical world of SVG! By Cassie Evans and Louis Hoebregts.

WebGL with Three.js Program
Bruno Simon has started working on a Three.js course and the outline looks very promising.

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.

Rubik’s Cube
A Rubik’s cube made with Three.js. By Aaron Bird.

Knopf.css
A modern, modular, extensible button system designed for both rapid prototyping and production-ready applications.

Favicon in Dark Mode
A great CodyHouse video that shows how to change the colors of your favicon when dark mode is enabled.

The Comeback of Fun in Visual Design
Michael Flarup writes about the long awaited “swing of the pendulum” in visual design.

Uncommon CSS Properties
In this article, Ahmad Shadeed goes through some different interesting CSS properties.

Lemon.io
Find a perfect freelance match for your project in just 24 hours.

CSS collector’s cabinet
Lynn Fisher’s beautiful CSS creation.

Always bet on HTML – being misunderstood
Christian Heilmann takes a look at the reasons why people might be less enthused about HTML.

Goodbye Squarespace. Hello Eleventy, Tailwind CSS and Netlify!
Sahil Parikh shares his experience with transitioning his blog to a static site generator.

Bubbles Lamp
A beautiful demo by ilithya.

Arched 3D panel
Watch a modern take on an older component Ana Tudor coded some year ago.

WordPress Static Site: Benefits, Limits & Tools
A complete guide to getting started with WordPress static site generators.

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.

Exploring Animations for Menu Hover Effects
A couple of ideas for creative menu hover animations with images.
The post Collective #613 appeared first on Codrops.