Collective #651

Inspirational Website of the Week: Gunnar Freyr

So fresh and so clean, with superb typography, loaded with great details and wonderful shapes.

Get inspired

This content is sponsored via Thought Leaders

Get a Free .design Domain Name for your Website!

Your website or portfolio will stand out with a .design domain name. Your free name comes with free WHOIS Privacy, SSL security, and a hosting trial.

Get it now

State Of GDPR In 2021: Cookie Consent For Designers And Developers

Danny Bluestone takes a look at cookie consent and what it means for digital practitioners today.

Read it

“User Engagement” Is Code for “Addiction”

There is something about social media that human beings are not psychologically prepared for. UI elements addict us and influence us. Read why social media is a civilization-level problem in this great article by .

Check it out

Real-Time Wave Tracing

An amazing wave based real-time light simulation that can model things like dispersion, diffraction, beam divergence and more.

Check it out

Leva

A React-first components GUI made by the team of Poimandres.

Check it out

How to Make Badass Shadows

Some great tips that will help you create better UI shadows.

Read it

Pablito Planeta – Design Astrologist

Pablo wants to take you on a ride through the pixel galaxy and look into your designer sign’s future!

Check it out

The Future of Web Software Is HTML-over-WebSockets

Matt E. Patterson writes about future of web-based software architectures, and this time it’s server-rendered (again.)

Read it

Parvus

An accessible, open-source image lightbox with no dependencies.

Check it out

The Future of CSS: Scroll-Linked Animations with @scroll-timeline (Part 2)

The second part of a look into what cool things we’ll be able to fo with CSS powered scroll-linked animations.

Read it

Cistercian SVG

Adrian Roselli dives into creating Cistercian numerals with SVGs.

Read it

Stop Using Icon Fonts

An article by Michael Irigoyen where he explains why icon fonts should not be used anymore and what to use instead.

Read it

Scratching my own itch: a JavaScript slide show for full screen looping GIFs and MP4s

Christian Heilmann built a plain vanilla JavaScript slideshow for full screen looping GIFs and MP4s.

Check it out

threejs-airforce-echo

A great recreation of Active Theory’s airforceecho.com game by Francesco Michelini.

Check it out

Table tenniCSS

A super fun demo made by Amit Sheen.

Check it out

An Accessible Current Page Navigation State

Design and technical considerations behind the icon that indicates what page you’re currently on.

Read it

The Ultimate CSS Grid Tutorial for Beginners (With Interactive Examples)

A CSS grid tutorial for beginners, discussing the various parts of the Grid Layout spec with lots of interactive examples by Louis Lazaris.

Read it

Flameshot

Flameshot is a powerful but easy-to-use screenshot tool.

Check it out

The Beauty Of Tiny Enhancements In CSS

Learn how to use advanced CSS features without impacting users with non-supporting browsers.

Read it

HTML test cases

A great series of simple tests on accessible form controls. By Russ Weakley.

Check it out

Coffee Table

A beautiful renewed site with a curated collection of coffees tried by Tobias Reich.

Check it out

Cell Tower Distribution

An impressive visualization of 40 million cell towers around the globe.

Check it out

I Miss My Bar

A modern digital artifact recreating the atmosphere of our favorite local bars to keep us company. An initiative by Maverick Monterrey.

Check it out

Iceberger

Such a cool little tool to see how an iceberg will float (and flip) depending on its shape.

Check it out

Tauri

In case you didn’t know about it: Tauri is a framework for building tiny, blazing fast binaries for all major desktop platforms. Developers can integrate any front-end framework that compiles to HTML, JS and CSS for building their user interface.

Check it out