Inspirational Website of the Week: Gunnar Freyr
So fresh and so clean, with superb typography, loaded with great details and wonderful shapes.
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.
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.
“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 .
Real-Time Wave Tracing
An amazing wave based real-time light simulation that can model things like dispersion, diffraction, beam divergence and more.
Leva
A React-first components GUI made by the team of Poimandres.
How to Make Badass Shadows
Some great tips that will help you create better UI shadows.
Pablito Planeta – Design Astrologist
Pablo wants to take you on a ride through the pixel galaxy and look into your designer sign’s future!
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.)
Parvus
An accessible, open-source image lightbox with no dependencies.
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.
Cistercian SVG
Adrian Roselli dives into creating Cistercian numerals with SVGs.
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.
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.
threejs-airforce-echo
A great recreation of Active Theory’s airforceecho.com game by Francesco Michelini.
Table tenniCSS
A super fun demo made by Amit Sheen.
An Accessible Current Page Navigation State
Design and technical considerations behind the icon that indicates what page you’re currently on.
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.
Flameshot
Flameshot is a powerful but easy-to-use screenshot tool.
The Beauty Of Tiny Enhancements In CSS
Learn how to use advanced CSS features without impacting users with non-supporting browsers.
HTML test cases
A great series of simple tests on accessible form controls. By Russ Weakley.
Coffee Table
A beautiful renewed site with a curated collection of coffees tried by Tobias Reich.
Cell Tower Distribution
An impressive visualization of 40 million cell towers around the globe.
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.
Iceberger
Such a cool little tool to see how an iceberg will float (and flip) depending on its shape.
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.
10 Years of Open-Source Visualization
In honor of D3’s anniversary, Mike Bostock reflects on lessons learned.
Circular SVG Text Animation
Exploring some experimental circular SVG text effects for an intro animation.
The post Collective #651 appeared first on Codrops.