Collective #673
Publikováno: 5.8.2021
How To Build Resilient JavaScript UIs * Apollo * User preference media features client hints headers
The post Collective #673 appeared first on Codrops.
Inspirational Website of the Week: ORCA
Super-fresh, bold and with lots of character — this website has a strong design that just works.
What if Your Project Management Tool Was Fast and Intuitive?
Clubhouse is made for engineers and project managers, providing easy reporting, task management, and collaboration. Try it free and delight the scrum gods!
Using Absolute Value, Sign, Rounding and Modulo in CSS Today
Ana Tudor shows how to use existing CSS features to compute the values that abs(), sign(), round() and mod() should return.
CSS Nesting, specificity and you
An article on native CSS nesting which is coming to browsers soon. By Kilian Valkhof.
Mastering the Basics of Icon Design with Adrien Coquet
Learn icon design basics in Adobe Illustrator from French Graphic Designer Adrien Coquet.
How To Build Resilient JavaScript UIs
This article by Callum Hart explores how graceful degradation, defensive coding, observability, and a healthy attitude towards failures make empowers us to build UIs that are resilient.
Aligning a Button Label Vertically
How to align a button content in web fonts with large spacing above and below the text. By Ahmad Shadeed.
Blobby deer
Louis Hoebregts’ demo that shows how to render SVG with Three.js and then animate it with GSAP.
How MDN’s autocomplete search works
Peter Bengtsson explains how MDN Web Doc’s autocomplete search works and how it was implemented.
User preference media features client hints headers
Learn about Sec-CH-Prefers-Color-Scheme client hint header that allows sites to obtain the user’s color scheme preferences optionally at request time, allowing servers to inline the right CSS and therefore avoid a flash of incorrect color theme.
Apollo
A Unix-style personal search engine and web crawler for your digital footprint. By Amir Bolous.
Conjuring Generative Blobs With The CSS Paint API
A tutorial by George Francis where he shows how to make generative blobs utilizing the CSS Paint API.
Writing great alt text: Emotion matters
Jake Archibald writes on how to pick a proper alt text for an image.
The Remote Culture War Has Begun, And Executives Are Pumping Out “Back To Work” Propaganda
Ed Zitron writes about a new kind of “propaganda that is coming from a management elite that feels themselves losing control of workers, which is the only reason that they had them in the office in the first place”.
GPGPU Deferred Shaded Boxes
Rendering and animating lots of shaded boxes with hwoa-rang-gl. By Georgi Nikolov.
Windmill scene
Inspired by the landscape of the Netherlands, Felix Mariotto coded this beautiful Three.js scene. Check out the repo.
Why self hosting is important
Solène writes about the utter importance of self hosting and how to get started.
You want enabling CSS selectors, not disabling ones
Silvestar Bistrović writes about enabling selectors and why they are beneficial.
Magical Marbles in Three.js
A tutorial on how to add volumetric effects to a built-in Three.js shader for an interesting marble animation.
The post Collective #673 appeared first on Codrops.