The following article is co-authored by Uri Shaked and Michal Porag. Let’s explore the complexities of how CSS computes the width and height dimensions of elements. This is based on countless late-night hours debugging and fiddling with lots of …
The post Exploring the Complexities of Width and Height in CSS appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.
https://css-tricks.com/exploring-the-complexities-of-width-and-height-in-css/
Hey, we’re back with weekly updates about the browser landscape from Šime Vidas. In this week’s update, the CSS :not pseudo class can accept complex selectors, how to disable smooth scrolling when using “Find on page…” in Chrome, Safari’s …
The post Weekly Platform News: The :not() pseudo-class, Video Media Queries, clip-path: path() Support appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.
The React Hooks Announcement In Retrospect: 2 Years Later — Ryan Carniato considers hooks to be the most significant turning point in front end in the past five years, but he also says hooks have muddied the waters as well. … The post Some React Blog Posts I’ve Bookmarked and Read Lately appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter. https://css-tricks.com/some-react-blog-posts-ive-bookmarked-and-read-lately/
Font-size: An Unexpectedly Complex CSS Property — From Manish Goregaokar in 2017. Of many oddities, I found the one where font: medium monospace renders at 13px where font: medium sans-serif renders at 16px particularly weird. The good line-height — Since … The post Some Typography Blog Posts I’ve Bookmarked and Read Lately appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter. https://css-tricks.com/some-typography-blog-posts-ive-bookmarked-and-read
Algolia is for search. Literally any website can take advantage of Algolia-powered search. You put JSON data (“records”) in, and then you can search them at lightning speed. The magic of Algolia is that they help you with both of …
The post Algolia appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.
The way routing works in JavaScript is usually that you specify which relative URL pattern you want for which component to render. So for /about you want the component to render. Let’s take a look at how to …
The post Lazy Load Routes in Vue with webpack Dynamic Comments appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.
https://css-tricks.com/lazy-load-routes-in-vue-with-webpack-dynamic-comments/
Back/forward cache — I always assumed browsers just do fancy stuff with the back/forward buttons and us developers had very little control. Philip Walton tells us it’s critical that we understand “what makes pages eligible (and ineligible) for bfcache to … The post Some Performance Blog Posts I’ve Bookmarked and Read Lately appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter. https://css-tricks.com/some-performance-blog-posts-ive-bookma
Here’s a fun CSS trick to show your friends: a large title that switches from a solid color to knockout text as the background image behind it scrolls into place. And we can do it using plain ol’ HTML and …
The post Going From Solid to Knockout Text on Scroll appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.
https://css-tricks.com/going-from-solid-to-knockout-text-on-scroll/
I poked at a tweet from Ken Kocienda over the weekend:
“Water not wet” reports man standing in ocean. https://t.co/5oUUdWARTU — Chris Coyier (@chriscoyier) January 31, 2021 I don’t know Ken, so I feel a little bad for being harsh. …
The post The Web is for More Than Document Viewing appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.
https://css-tricks.com/the-web-is-for-more-than-document-viewing/
One was the footer of an (older) U.S. Government website. The other was the navigation for AWS services from the AWS Console.
The post I Saw Two Mega Menus Today… appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.