Search
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...
Progressive Web Apps in 2021
12.2.2021
Maximiliano Firtman has a look at PWAs this year, including trying to get a bead on how widespread they are:
At the end of 2020, approximately 1% of websites included a Service Worker, and 2.2% had an installable Web App
…
The post Progressive Web Apps in 2021 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...
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...
(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...
Open Web Docs
2.2.2021
Robert Nyman:
Open Web Docs was created to ensure the long-term health of web platform documentation on de facto standard resources like MDN Web Docs, independently of any single vendor or organization. Through full-time staff, community management, and
…
The post Open Web Docs...
Tech Stacks and Website Longevity
25.1.2021
Steren Giannini in “My stack will outlive yours”:
My stack requires no maintenance, has perfect Lighthouse scores, will never have any security vulnerability, is based on open standards, is portable, has an instant dev loop, has no build step
…
The post Tech Stacks and Website...
Fixing Smooth Scrolling with Find-on-Page
13.1.2021
Back when we released the v17 design (we’re on v18 now) of this site. I added html { scroll-behavior: smooth; } to the CSS. Right away, I got comments like this (just one example):
… when you control+f or
…
The post Fixing Smooth Scrolling with Find-on-Page appeared first...
Flash’s Web Tech Legacy
11.1.2021
Tiffany B. Brown on how Flash paved the way for some things we might think of as fairly modern web technologies:
Flash wasn’t just good for playing multimedia. It was also good for manipulating it. Using ActionScript, you could pan
…
The post Flash’s Web Tech Legacy...
Make Your Own Tools
4.1.2021
Spencer Miskoviak on the Wealthfront blog:
By creating custom DevTools specific to an app, they can operate at an even higher abstraction to handle things like user interactions, or debugging tracking events. While this requires building and maintaining the
…
The post Make Your Own Tools...
3 Steps to Enable Client Hints on Your Image CDN
31.12.2020
The goal of Client Hints is to provide a framework for a browser when informing the server about the context in which a web experience is provided.
HTTP Client Hints are a proposed set of HTTP Header Fields for proactive
…
The post 3 Steps to Enable Client Hints on Your Image CDN appeared...
The Rules of Margin Collapse
30.12.2020
Josh Comeau covers the concept of margin collapsing:
This idea might sound simple, but if you’ve been writing CSS for a while, you’ve almost certainly been surprised when margins either don’t collapse, or they collapse in weird and unexpected ways.
…
The post The Rules...
A Utility Class for Covering Elements
26.12.2020
Big ol’ same to Michelle Barker here:
Here’s something I find myself needing to do again and again in CSS: completely covering one element with another. It’s the same CSS every time: the first element (the one that needs to be covered) has position: relative applied to it....
“Yes or No?”
23.12.2020
Sara Soueidan digs into this HTML/UX situation. “Yes” or “no” is a boolean situation. A checkbox represents this: it’s either on or off (uh, mostly). But is a checkbox always the best UX? It depends, of course:
Use radio buttons if you expect the answer to be equally...
Retrospective on Fela
21.12.2020
I really appreciate a real-world walkthrough of a technology. Not only in what that technology does, but why it was chosen and how it worked for a team. Anybody can read the docs, but what you know after years of real-world usage is far more valuable. Hugo “Kitty” Giraudel:
I want to properly...
What Makes CSS Hard To Master
18.12.2020
Tim Severien:
I feel we, the community, have to acknowledge that CSS is easy to get started with and hard to master. Let’s reflect on the language and find out what makes it hard.
Tim’s reasons CSS is hard (in my own words):
You can look at a matching Ruleset, and still not have the whole...
MDN on GitHub
14.12.2020
Looks like all the content of MDN is on GitHub now. That’s pretty rad. That’s been the public plan for a while. Chris Mills:
We will be using GitHub’s contribution tools and features, essentially moving MDN from a Wiki model to a pull request (PR) model. This is so much better...
Why I love Tailwind
11.12.2020
Max Stoiber wrote some interesting notes about why he loves Tailwind. (Max created styled-components, so he has some skin in the styling methodology game.) There’s a lot of great history in this post about how Tailwind emerged and became a valuable tool for designers and engineers alike, but...
Web Performance Calendar
7.12.2020
The Web Performance Calendar just started up again this year. The first two posts so far are about, well, performance! First up, Rick Viscomi writes about the mythical “fast” web page:
How you approach measuring a web page’s performance can tell you whether it’s built for speed or whether it feels...
Painting With the Web
1.12.2020
Matthias Ott, comparing how painter Gerhard Richter paints (do stuff, step back, take a look) to what can be the website building process and what can wreck it:
[…] this reminds me of designing and building for the Web: The unpredictability, the peculiarities of the material,...