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
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
10 Years of Open-Source Visualization
In honor of D3’s anniversary, Mike Bostock reflects on lessons learned.
Read it
Circular SVG Text Animation
Exploring some experimental circular SVG text effects for an intro animation.
Check it out