Collective #596
Publikováno: 12.3.2020
Using Redux with React * Utopia * Midori * Pure CSS Landscape * Why Svelte * Snapfont
Collective #596 was written by Pedro Botelho and published on Codrops.
Inspirational Website of the Week: Odunpazari Modern Museum
Our pick this week is a celebration of modern design, with many interesting interaction details.
Grow with the
All-in-One Marketing Platform
Your app is up and running! Now what? Seamlessly connect it to your marketing data. That’s what.
Revealing footer with position: sticky!
Stephen Shaw reveals how to create a fantastic footer like seen on TheMarkup.org using position: sticky.
Using Redux with React
A complete Redux tutorial with real-world examples by Tania Rascia.
Utopia
A fluid responsive design project by James Gilyead and Trys Mudford.
Rendering 100k spheres, instantiating and draw calls
Daniel Velasquez’s first article in a series where he’s explaining the main techniques needed to make a curl simulation.
Midori
A fantastic Three.js library for animated image backgrounds.
Pure CSS Landscape – An Evening in Southwold
An insane CSS-only landscape painting by Ben Evans. Try changing the color of the sun!
Setting Height And Width On Images Is Important Again
Barry Pollard explains why it’s now well worth setting `width` and `height` attributes on your images again.
mgz.me
A unique portfolio with endless scenes to play with. By Marco Gomez.
ls-lint
An extremely fast file and directory name linter with full unicode support.
Yoichi Kobayashi
The amazing website of web developer Yoichi Kobayashi with lots of 3D magic.
How I made a 3D game in only 2KB of JavaScript
Frank Force shows how he programmed a tiny racing game.
How to create an autocomplete input with only HTML
Learn how to create an autocomplete input with only HTML using the datalist element.
TIL CSS can check for a font installed locally before fetching it remotely!
Adam Argyle shows a great CSS trick for checking for locally installed fonts.
Why Svelte
Learn why the folks of Felt Co-op is choosing Svelte for large web projects in 2020.
Stop using Material Design text fields!
Matsuko Friedland explains why you shouldn’t use or imitate the text fields from Google’s Material Design UI library.
Radiooooo.com
A fantastic musical time machine.
Introduction to D3
A practical introduction to D3.js by Arvind Satyanarayan.
Snapfont
With Snapfont you can instantly preview any Google font, local font or a custom font on a live website.
Jitsi Meet
In case you didn’t know about it: Jitsi Meet is a fully encrypted, 100% open source video conferencing solution.
Shorthand
Shorthand is a utility based CSS framework for rapid prototyping.
Inspirational Websites Roundup #13
A special collection of excellent web designs that reveal current trends and that will get you inspired.
Background Scale Hover Effect with CSS Clip-path
A simple recreation of the background scale hover effect seen on the DDD Hotel website using CSS clip-path.
Collective #596 was written by Pedro Botelho and published on Codrops.