RT Adam Argyle
🆕 #GUIchallenges
Thinking on ways to build a 3D menu
Watch →
Read along →
Try a demo →
Get the source →
Thought the Japanese translated version turned out super rad!
https://www.youtube.com/watch?v=HCsV8u-KYUw
https://goo.gle/3c3oILb
https://goo.gle/3bWNSLz
https://goo.gle/3wulnOO
Quick and Dirty Bootstrap Overrides at Runtime by @mer_matthews
https://css-tricks.com/quick-and-dirty-bootstrap-overrides-at-runtime/
Some bonafide CSS trickery that combines a ton of concepts into one single, concise bit of code.
https://css-tricks.com/detecting-specific-text-input-with-html-and-css/
React Suspense: Lessons Learned While Loading Data by @AdamRackis
https://css-tricks.com/react-suspense-lessons-learned-while-loading-data/
Bonafide CSS trick alert! @nelsonmenezes figured out a new way (that only works in Firefox for now) to animate to the auto height of an element that is awfully clever.
https://css-tricks.com/css-grid-can-do-auto-height-transitions/
CSS Icon Glassmorphism Effect by @anatudor
https://css-tricks.com/icon-glassmorphism-effect-in-css/
Does the Next Generation of Static Site Generators Make Building Sites Better?
https://css-tricks.com/does-the-next-generation-of-static-site-generators-make-building-sites-better/
Favicons: How to Make Sure Browsers Only Download the SVG Version
https://css-tricks.com/favicons-how-to-make-sure-browsers-only-download-the-svg-version/
Yes, Design Systems Do Improve Developer Efficiency and Design Consistency
https://css-tricks.com/yes-design-systems-do-improve-developer-efficiency-and-design-consistency/
How to Create an Animated Chart of Nested Squares Using Masks by @meszarosrob
https://css-tricks.com/how-to-create-an-animated-chart-of-nested-squares-using-masks/
As a serious web professional, I tried enterkeykint="poop" but, alas, it was not respected by the browser.
https://css-tricks.com/enterkeyhint/
Introducing Svelte, and Comparing Svelte with React and Vue
https://css-tricks.com/introducing-svelte-and-comparing-svelte-with-react-and-vue/
If you select a bunch of elements in a design tool, then rotate then, then later select those same elements and try to rotate them back, you'll find they have "drifted" a bit from the original location.
https://css-tricks.com/fixing-the-drift-in-shape-rotations/
Scroll-Linked Animations With the Web Animations API (WAAPI) and ScrollTimeline by @bramus
https://css-tricks.com/scroll-linked-animations-with-the-web-animations-api-waapi-and-scrolltimeline/
More web history from Mr. @jay_hoffmann, covering the salacious stuff: The browser wars that led to a major antitrust suit, but also the start of something entirely new at Mozilla.
https://css-tricks.com/chapter-10-browser-wars/
Proxying Third-Party JavaScript as First-Party JavaScript (and the Potential Effect on Analytics)
https://css-tricks.com/proxying-third-party-javascript-as-first-party-javascript-and-the-potential-effect-on-analytics/
I keep bookmarking Adam's GUI Challenges posts/videos and, before I even have a chance to review and link them up, another one is already published!
https://css-tricks.com/gui-challenges/
Rebase vs. Merge: Integrating Changes in Git by @gntr
https://css-tricks.com/rebase-vs-merge-integrating-changes-in-git/
High five to @malchata on the big release of "Responsible JavaScript" on A Book Apart!
https://css-tricks.com/responsible-javascript-2/
