What’s the Difference Between Width/Height in CSS and Width/Height HTML attributes?
Some HTML elements accept width and height as attributes. Some do not. For example: |
Continue reading
React Router 5 embraces the power of hooks and has introduced four different hooks to help with routing. You will find this article useful if you are | Continue reading
Say you have an RSS feed like this one. The goal is to request that RSS feed, parse it, and do something useful with the data in it. RSS is XML, and XML | Continue reading
It was fun watching a bunch of back and forth blogging between a bunch of smart people quoting a bunch of smart people last week. If you missed it, you | Continue reading
On the Microsoft Edge team, we’re committed to an open web and helping to drive innovation forward, which is why we’ve kicked off a new initiative in | Continue reading
Back in 2011, the domain name for this site, css-tricks.com, was stolen. "Domain Hijacking," they call it. It wasn't just this site, but around 12 others | Continue reading
I mean, kinda. I was just asked this question the other day so I'm answering here because blogging is cool. The point of an RSS feed is for people to read | Continue reading
Mike Solomon worked on a fancy scrollytelling post for Esquire and blogged about it. It has GIFs of each step along the way of figuring out not just | Continue reading
It’s entirely possible to build custom checkboxes, radio buttons, and toggle switches these days, while staying semantic and accessible. We don’t even | Continue reading
If you have a limited-width container, say a centered column of text, "breaking out" of that to make a full-width element involves trickery. Perhaps the | Continue reading
For the last six years, Vue, Angular, and React have run the world of front-end component frameworks. Google and Facebook have their own sponsored | Continue reading
Whenever a browser upgrades versions, it's a little marketing event, and rightly so. Looks like for Firefox it's about once a month, Chrome is ~6 weeks, | Continue reading
I've been guilty of publicly bemoaning the complexity of HTTPS. In the past, I've purchased SSL certificates from third-party vendors and had trouble | Continue reading
Please raise your hand if you’ve ever faced never-ending content revision requests from your clients. It’s not that the changes themselves are difficult, | Continue reading
Short answer: :not( { Longer answer (same conclusion, just an explanation on why we might need this): Say you have an element that you style with a | Continue reading
Tab Atkins in 2012: There has never been a CSS4. There will never be a CSS4. CSS4 is not a thing that exists. Rachel Andrew in 2016: While referring to | Continue reading
PHP templating often gets a bad rap for facilitating subpar code — but that doesn't have to be the case. Let’s look at how PHP projects can enforce a | Continue reading
"Static Site Generator," that is. We'll get to that in a second. Netlify is a sponsor of this site (thank you very much), and I see Zach Leatherman has | Continue reading
Every time I start a new project, I organize the code I’m looking at into three types, or categories if you like. And I think these types can be applied | Continue reading
There's been news about Chrome freezing their User-Agent string (and all other major browsers are on board). That means they'll still have a User-Agent | Continue reading
Have you ever needed a countdown timer on a project? For something like that, it might be natural to reach for a plugin, but it’s actually a lot more | Continue reading
Every so often, the fruits of innovation bear fruit in the form of improvements to the foundational layers of the web. In 2015, HTTP/2 became a published | Continue reading
Say you have a two-column layout: a main column with content. Say it has a lot of content, with sections that requires scrolling. And let's toss in a | Continue reading
If you haven’t worked with immutability in JavaScript before, you might find it easy to confuse it with assigning a variable to a new value, or | Continue reading
A little interview with me over on Uses This. I'll skip the intro since you know who I am, but I'll republish the rest here. What hardware do you use? I'm | Continue reading
CSS doesn't have max-font-size, so if we need something that does something along those lines, we have to get tricky. Why would you need it at all? Well, | Continue reading
There actually is a steps() function in CSS, but it's only used for animation. You can't, for example, tell an element it's allowed to grow in height but | Continue reading
Pretty notable when a tweet about a flexbox layouts gets 8K+ likes on Twitter! https://twitter.com/argyleink/status/1217213431947747328 That's "native" | Continue reading
Learning how to build GraphQL APIs can be quite challenging. But you can learn how to use GraphQL APIs in 10 minutes! And it so happens I've got the | Continue reading
If you are familiar with SVG and CSS animations and started to work with them often, here are some ideas you might want to keep in mind before jumping | Continue reading
Here's some legit CSS trickery from yuanchuan. There is this CSS property offset-path. Once upon a time, it was called motion-path and then it was | Continue reading
Miriam Suzanne has a Mozilla Developer video on the subject. The revert value is fairly new, supported in Firefox and Safari, but not yet in | Continue reading
If you draw your own SVG files or if you download them from the internet, tools like this SVG-Editor or SVGOMG are your friends. Compressing the files | Continue reading
Some HTML elements accept width and height as attributes. Some do not. For example: |
Continue reading
There are some new features in CSS that can assist us with building layouts for different directions and languages with ease. This article is about CSS | Continue reading
When a component lives in an environment where the data queries populating it live nearby, there is a pretty direct line between the visual component and | Continue reading
In this article, we explain the difference between single-page apps (SPAs) and static sites, and how we can bring the advantages of both worlds together | Continue reading
In the past few years, we’ve seen a lot of change and diversion in regard to web technologies. In 2020, I foresee us as a web community heading | Continue reading
January 15th, 2020 was the day Microsoft Edge went Chromium. A drop in browser engine diversity. There is a strong argument to be made that's not good for | Continue reading
It's just a word to evoke the idea that serving as much as you can statically while using client-side code and hitting serverless APIs for any needs after | Continue reading
I recently started drawing on my iPad using the Procreate app with Apple Pencil. I’m enjoying the flexibility of drawing this way. What usually keeps me | Continue reading
I've said before that HSL is the best color format we have. Most of us aren't like David DeSandro, who can read hex codes. HSL(a) is Hue, Saturation, | Continue reading
I love stuff like this. The Modern Lovers, a rock band in the 70's, play a show in Boston, probably having some poster of their own for the show.Mike | Continue reading
Pavithra Kodmad asked people for recommendations on what they thought were some of the most timeless articles about web development that have changed | Continue reading
Been seeing a lot of Eleventy action lately. It's a smaller player in the world of static site generators, but I think it's got huge potential because of | Continue reading
I'm a fan of the componentization of the web. I think it's a very nice way to build a website at just about any scale (except, perhaps, the absolute most | Continue reading
NetNewsWire is one of the classic RSS apps, debuting in 2002. I was pretty stoked when it went 5.0 and was open-sourced in August 2019! You can snag it | Continue reading
Where do you put styles in web components? I'm assuming that we're using the Shadow DOM here as, to me, that's one of the big draws of a web component: a | Continue reading
GooFonts is a side project signed by a developer-wife and a designer-husband, both of them big fans of typography. We’ve been tagging Google | Continue reading