Collective #613

Original Source: http://feedproxy.google.com/~r/tympanus/~3/GPg4O2tdytc/

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

Our Sponsor
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

From Our Blog
Exploring Animations for Menu Hover Effects

A couple of ideas for creative menu hover animations with images.

Check it out

The post Collective #613 appeared first on Codrops.