Search
Netlify
16.2.2021
High five to Netlify for the ❥ sponsorship. Netlify is a great place to host your static (or not-so-static!) website because of the great speed, DX, pricing, and feature set. I’ve thought of Netlify a bunch of times just in …
The post Netlify appeared first on CSS-Tricks.
You...
Using AbortController as an Alternative for Removing Event Listeners
15.2.2021
The idea of an “abortable” fetch came to life in 2017 when AbortController was released. That gives us a way to bail on an API request initiated by fetch() — even multiple calls — whenever we want.
Here’s a super …
The post Using AbortController as an Alternative for Removing Event Listeners...
Front-End Dissatisfaction (and Backing Off)
13.2.2021
Asko Nõmm reached a breaking point with front end:
I want to have a personal life and not have to spend my nights reading up on some new flavour of *.js in fear that if I don’t I would soon
…
The post Front-End Dissatisfaction (and Backing Off) appeared first on CSS-Tricks.
You...
Responsible Web Applications
12.2.2021
Joy Heron bought a cool domain name and published an article there:
Luckily, with modern HTML and CSS, we can create responsive and accessible web apps with relative ease. In my years of doing software development, I have learned some
…
The post Responsible Web Applications appeared first...
Reconciling Editor Experience and Developer Experience in the CMS
12.2.2021
Components are great, aren’t they? They are these reusable sources of truth that you can use to build rock-solid front-ends without duplicating code.
You know what else is super cool? Headless content management! Headless content management system (CMS) products offer …
The post Reconciling...
Is CSS float deprecated?
12.2.2021
An interesting conversation came up at work the other day: Should we use the CSS float property now that we have CSS Grid and Flexbox?
The short answer
No! Well, mostly. I’d only use it today for wrapping text around …
The post Is CSS float deprecated? appeared first on CSS-Tricks.
You...
WordPress 5.7: Big ol’ jQuery Update
11.2.2021
WordPress core is making the jump from jQuery 1.12.4 to jQuery 3.5.1! This is a big deal for lots of reasons — like modern features, better DX, and security improvements to name a few. Right now, the plan is to …
The post WordPress 5.7: Big ol’ jQuery Update appeared first...
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...
Launchpool Plans to Launch an Egalitarian Model for All Stakeholders
10.2.2021
Launchpool : noun – A group of crypto industry participants who pool together resources to launch projects. The concept behind the project is to bring investors together, aligning all for the benefit of everyone and the project. Each investor is put on the same footing and given the same...
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...
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...
Animating a CSS Gradient Border
8.2.2021
This little trick for gradient borders is super useful:
.border-gradient {
border: 5px solid;
border-image-slice: 1;
border-image-source: linear-gradient(to left, #743ad5, #d53a9d);
}
Here’s some basic demos from our article on the subject. Sephanie Eckles was sharing around the idea...
(Jay Freestone’s) Front-end predictions for 2021
8.2.2021
React framework maturity, early container queries, WASM adoption, and monoliths. I’ll take all four, please. Not feeling like a particularly front-end-y? Jay says:
Interestingly, the biggest developments in the front-end are unlikely to be traditionally front-end concerns. Back...
Bitcoin Bull-Run Boosts Sales of a French Premium Wine Retailer Despite the Coronavirus Pandemic
6.2.2021
A French wine trading firm has been favored by the recent crypto bull-run, specifically with the bitcoin prices surging across the board. Despite the pandemic, Lasserre & Papillon is making good numbers after founding BTC Wine. BTC Wine Was Launched During the 2017 Crypto Prices’ Rally...
Exploring the Complexities of Width and Height in CSS
5.2.2021
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...