Collective #648
11.2.2021
Fluid typography with CSS clamp * Graxel * Tiny Blocks * Why I Still Use RSS * Same Energy
The post Collective #648 appeared first on Codrops
iframe feedback
11.2.2021
What if an <iframe had within it another <iframe of the exact same source? Inception, as they say. Baptise Crespy does this all-important research in the name of art and science.
Turns out browsers are smart enough to not …
The post iframe feedback appeared first on CSS-Tricks.
You...
HTML Video Sources Should Be Responsive
11.2.2021
Scott Jehl doesn’t mince words here:
Removing media support from HTML video was a mistake. It means that for every video we embed in HTML, we’re stuck with the choice of serving source files that are potentially too large or
…
The post HTML Video Sources Should...
:focus-visible Support Comes to Firefox
10.2.2021
Look at that! The :focus-visible pseudo-selector is now supported in Firefox, as of version 85 which shipped yesterday. I had to rush over to the MDN Docs just to confirm, and yep, the :focus-visible page has been updated to …
The post :focus-visible Support Comes to Firefox appeared first...
How to Favicon in 2021
10.2.2021
I always appreciate someone looking into and re-evaluating the best practices of something that literally every website needs and has a complex set of requirements. Andrey Sitnik has done that here with favicons.
The final suggestion:
<link rel="icon" href="/favicon.ico"
…
The post...
The Differences in Web Hosting (Go with the Happy Path)
10.2.2021
One of our readers checked out “Helping a Beginner Understand Getting a Website Live” and had some follow up questions specifically about hosting providers. Here’s what they asked:
What’s the difference between hosting providers? For example, what is the difference...
Simple CSS Line Hover Animations for Links
10.2.2021
A couple of simple & subtle CSS-based line hover animations for links.
The post Simple CSS Line Hover Animations for Links appeared first on Codrops
A table with both a sticky header and a sticky first column
10.2.2021
We’ve covered that individual <table> cells, <th> and <td> can be position: sticky. It’s pretty easy to make the header of a table stick to the top of the screen while scrolling through a bunch or rows (like this …
The post A table with both a sticky...
Nested Media Queries
9.2.2021
We don’t have “regular” nesting in CSS. Maybe this becomes a thing someday, or something like it. That would be cool, although that pre-spec doesn’t mention anything about media queries. I’d hope we get that right out of the gate …
The post Nested Media Queries...
Recreating Game Elements for the Web: The Among Us Card Swipe
9.2.2021
As a web developer, I pay close attention to the design of video games. From the HUD in Overwatch to the catch screen in Pokemon Go to hunting in Oregon Trail, games often have interesting mechanics and satisfying interactions, …
The post Recreating Game Elements for the Web: The Among...
How to Push to a Git Remote Branch of a Different Name
9.2.2021
Git is one of those tools that I’ve always known just enough about to be dangerous, and usually tend to learn new skills when I’m in a position to truly need them. Shockingly enough it has taken me roughly 15 years of using git for me to encounter the need to push to a remote...
SVG within CSS
8.2.2021
Stefan Judis has a “Today I Learned” (TIL) post explaining how SVGs filters can be inlined in CSS. The idea is that CSS has the filter property which supports some built-in functions, like grayscale(100%) and stuff like that.
But …
The post SVG within CSS appeared first...