Search
Crypto and Real Estate Were Built for One Another
9.10.2019
Whether buying, selling or tokenizing real estate, the property market and blockchain are deeply intertwined. As the purchase of property has become possible with bitcoin, so has the wider potential of blockchain technology to transform the industry. The convergence of real estate...
Some Hands-On with the HTML Dialog Element
7.10.2019
This is me looking at the HTML <dialog> element for the first time. I've been aware of it for a while, but haven't taken it for a spin yet. It has some pretty cool and compelling features. I can't decide for you if you should use it in production on your sites, but I'd think it's starting...
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...