Search
Browser Engine Diversity
24.9.2019
We lost Opera when they went Chrome in 2013. Same deal with Edge when it also went Chrome earlier this year. Mike Taylor called these changes a "Decreasingly Diverse Browser Engine World" in a talk I'd like to see.
So all we've got left is Chrome-stuff, Firefox-stuff, and Safari-stuff. Chrome...
Variable Fonts Link Dump!
21.9.2019
There's been a ton of great stuff flying around about variable fonts lately (our tag has loads of stuff as well). I thought I'd round up all the new stuff I hadn't seen before.
Google fonts has a beta of hosted variable fonts and the announcement demo is on CodePen.
Speaking of Google Fonts...
Automatically compress images on Pull Requests
19.9.2019
Sarah introduced us to GitHub Actions right after it dropped about a year ago. Now they have improved the feature and are touting its CI/CD abilities. Run tests, do deployment, do whatever stuff computers do! It's essentially a YAML file that says run this, then this, then this, etc., with...
Web Developer Search History
18.9.2019
Sophie Koonin blogged "Everything I googled in a week as a professional software engineer," which was a fascinating look into the mind of a web developer and what they need to look up during day-to-day work. We all joke that we just Google stuff (or StackOverflow stuff) we don't know off the...
How Web Content Can Affect Power Usage
18.9.2019
Because we know that all people with battery-powered devices are constantly concerned about their battery levels, and that websites are significant consumers of that battery power, we should probably think about this stuff a lot more than we do.
I'd expect the browser itself to be our main ally...
Firefox blocks third-party tracking cookies and cryptominers
4.9.2019
This is super interesting stuff from Mozilla: the most recent update of Firefox will now block cryptominers and third-party tracking scripts by default. In the press release they write:
For today’s release, Enhanced Tracking Protection will automatically be turned on by default for all users...
Can you view print stylesheets applied directly in the browser?
19.8.2019
Yep.
Let's take a look at how to do it in different browsers. Although note the date of this blog post. This stuff tends to change over time, so if anything here is wrong, let us know and we can update it.
In Firefox...
It's a little button in DevTools. So easy!
Open DevTools...
Using Your Domain with a Netlify-Hosted Site
6.8.2019
Netlify has their own docs for Custom Domains, so if you're looking for horse's mouth technical docs on this stuff, that should be treated as the source of truth. But I'd like to take a crack at it from a slightly different angle, where we look at where you are and what you wanna do, and the point...
Don’t comma-separate :focus-within if you need deep browser support
24.7.2019
I really like :focus-within. It's a super useful selector that allows you to essentially select a parent element when any of its children are in focus.
Say you wanted to reveal some extra stuff when a <div> is hovered...
div:hover {
.extra-stuff {
/* reveal it */
}
}
That's...
Position Sticky and Table Headers
13.7.2019
You can't position: sticky; a <thead>. Nor a <tr>. But you can sticky a <th>, which means you can make sticky headers inside a regular ol' <table>. This is tricky stuff, because if you didn't know this weird quirk, it would be hard to blame you. It makes way more...
‘Lots of Shady Stuff’: BitMEX Posts Part of Debate Between CEO and Nouriel Roubini
11.7.2019
Dr. Doom and the BitMEX CEO "Tangle In Taipei" in a set of videos
Haunted: Hooks for Web Components
3.7.2019
I was just chatting with Dave and he told me about Haunted. It's hooks, but for native web components! Pretty cool. I think the existence of stuff like this makes using web components more and more palatable — particularly in that totally-native no-build-step-needed-at-all kinda way.
I...
Graphical User Interfaces for Git
3.7.2019
Git is command-line-driven software, but that doesn't mean you have to use the command line to make it work. There are lots of options! Some of the deepest programmer nerds I know prefer to use GUIs for Git (Graphic
User Interface, or you know, software you can see things and click stuff), and some...
Toast
3.7.2019
One day, all the sudden, I started hearing jokes about toast. I had no idea what the context was. I assumed some friends just got started telling toast jokes, which isn't rare by any means. But it turns out it was a whole thing. It got me thinking, jeez, if I can't keep up with this stuff when it's...
Snag Resources from An Event Apart Boston 2019 and Save on Washington D.C. Registration
6.6.2019
(This is a sponsored post.)
Hey, so we talked a little bit about An Event Apart Boston 2019 leading up to the event and now there are a ton of resources available from it. I stopped counting the number of links after 50 because there's way more than that. Seriously, there's stuff in there...
A Course About CSS Layout and Animations
6.6.2019
Christina Gorton just released a new course called CSS Layout and Animations as a part of Design+Code, which is a $9/month. That includes a ton of video training on everything from stuff like this to React to Sketch to iOS development... and beyond!
Christina approaches the course with my favorite...
Getting To Know The MutationObserver API
8.5.2019
MutationObserver watches the DOM, specifically the places you tell it to, like:
document.querySelector('#watch-this');
...and it can tell you (trigger a callback) when stuff happens — like when a child is added, removed, changed, or a number of other things.
I used it just the other day...
While solving for collaboration, we built a product that our own teams love and use everyday!
11.4.2019
(This is a sponsored post.)
Flock is a messaging and collaboration tool built for both designers and developers. With close-to-zero setup, it brings together all your team’s conversations, appointments, and files in one place, helping you spend more time on what you are best at — building...
How to Reverse a Video
9.4.2019
One of my favorite media utilities is ffmpeg. This command line utility allows us to do some pretty amazing stuff like; Slice videos Convert video formats Modify video speed Combine audio and video Every once in a while I see a meme or funny video that reverses a video for effect. Since ffmpeg does...
Decaying Sites
4.4.2019
Websites have a tendency to decay all by themselves. Link rot, they call it. Unpaid domain name registrations. Companies that have gone out of business. Site owners that have lost interest. What's sadder than a 404? Landing on a holding page of a URL that used to exist, but now has fallen into...