Collective #728
Publikováno: 8.9.2022
Is it :modal? * Critical CSS? Not So Fast! * Stable Diffusion * JSON Crack
Inspirational Website of the Week: Elva Design Group
There are just so many things to love about this website: great typography, smooth animations and cool page transitions. Our pick this week.
This content is sponsored via BuySellAds
Your source for candid chats on tech, business and leadership
Hear from Postlight’s senior leadership each week as they dive into everything from running great executive meetings to creating successful product launches.
Is it :modal?
Jhey Tompkins introduces a handy CSS pseudo-selector that gives you a way to select elements that are modal.
Stable Diffusion Is the Most Important AI Art Model Ever
Learn wy Stable Diffusion is such a big deal in this article by Alberto Romero.
Critical CSS? Not So Fast!
Harry Roberts writes about how helpful Critical CSS actually is.
Mini Tokyo 3D
A real-time 3D digital map of Tokyo’s public transport system. A data visualization produced by Akihiko Kusanagi.
Watch Pro Series
A fantastic landing page demo in Three.js for a fake Watch Pro 3D visualization. By Anderson Mancini.
kmenu
The imporoved library that aims to help create a better user experience with an accessible and faster website navigation.
Building the main navigation for a website
A tutorial by Manuel Matuzović that describes how to build an accessible main navigation of a website.
Next.js Conf
The beautiful web presence of the Next.js conference with some cool refraction interactivity.
Visual Studio Code is designed to fracture
A very interesting article by Geoffrey Huntley.
Three.js Holo Sign
An amazing WebGL demo of a holographic sign by Francesco Michelini.
Hacking CSS Animation State and Playback Time
Lu Wang walks through his cool CSS animation project and shows some tricks along the way.
TIL: You Can Access A User’s Camera with Just HTML
Learn how to use the HTML capture attribute in this article by Austin Gil.
Simplifying Drag and Drop (Lists and Nested Lists)
Tania Rascia made some very handy demos with drag and drop in React.
JSON Crack
Simple visualization tool for your JSON data. No forced structure, paste your JSON and view it instantly.
Best YouTube Channels for Front-end Developers
A list of some interesting YouTube channels for front-end developers.
PianoChord.io
A place to explore piano chords freely and interactively.
D2 Tour (alpha)
D2 is a new declarative language to turn text into diagrams.
From Our Blog
3D Perspective Glitch Hover Effect
A fun hover effect that shows a pixelated image with a glitch animation inspired by the one seen on buōy’s website.