Author
Chris Coyier
Comments
Start Conversation
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 in the design and development space. To this day, none of us really know how it happened and who was behind it, although I believe all the domains are back to their original owners now.
The registrants involved varied, so even that wasn't a common thread. My best guess was that the bad guys … Read article
Sponsored by
Frontend Masters
There is a growing number of things that we have to do to help the browser achieve for peak performance.
sizes
attribute and how big the images are with w
descriptors. width
and height
presentational attributes, which have always been somewhat useful and are now really useful. will-change
property in 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 your content elsewhere (hence the last part of the acronym, Syndication, as in, broadcasting elsewhere). Probably an RSS reader. But RSS is XML, so in a sense, it's a limited API to your content as well, which people can use to do other programmatic things (e.g. show a … Read article
Of all the tech-focused year-in-review posts I read, Guillermo Rauch's is my favorite. There is a lot in there, jumping from topics like modern architectures, high-fiving specific apps, and philosophical movements.
I'll pick one quote about the rise of "deploy previews":
… Read articleA salient feature is the transition we are seeing away from code review into deployment preview.
Code review is undeniably important (specially speedy code review), but nothing beats teams collaborating by sharing URLs to the actual sites
It’s entirely possible to build custom checkboxes, radio buttons, and toggle switches these days, while staying semantic and accessible. We don’t even need a single line of JavaScript or extra HTML elements! It’s actually gotten easier lately than it has been in the past. Let’s take a look.… Read article
I love this post that walks through the development of CSS and HTML — it shows just how far web design has come and how much easier it is for us all now. … Read article
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 best trick is the one with left relative positioning and a negative left viewport-based margin. While it has its caveats (e.g. requiring hidden overflow on the body, the container needs to be centered, etc.), at least it's easy to pull off and everything else in the container just happily goes about its business.
There have … Read article
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 position: sticky;
but also using negative margins, wrapper divs, backgrounds, and even a smidge of JavaScript measuring to get it all right.
What it doesn't have is any isolated demo of the effect. I figured I'd give a crack at reverse engineering it. … Read article
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 frameworks, but they might leave a bitter taste for anyone who advocates for an open and unbiased web. Vue is another popular framework that has multiple sponsors but isn’t run by a single corporation, which may be attractive to some folks.
There’s another player in the framework space that’s gaining attention and operates very much in … Read article
Here’s a great in-depth post from Adam Silver about his journey to create an autocomplete field that’s as accessible as possible. There are so many edge cases to consider! There are old browsers and their peculiar quirks, there are accessibility best practices for screen readers, and not to mention dealing with the component design when there’s no JavaScript, etc.
Adam offers a warning before he begins:
… Read article[...] I've been looking at ways to let users enter a destination country. Unfortunately,
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, and Safari is once a year.
Chrome 80 just dropped, as they say, and we get a video and blog post. What strikes me about releases like this these days is that there isn't big flagship features that we're all collectively interested in as developers. Maybe a little great divide… Read article
Take your JavaScript to the next level and find out what it’s fully capable of with the JavaScript path on Frontend Masters.