Search
The peculiar magic of flexbox and auto margins
27.7.2018
In front-end development, there are often times when I know that I don’t know something. I might know enough to know what CSS to search for, but I have absolutely no idea how to use it or what the right syntax is. Somehow, in my head, there appears to be a filing cabinet that’s entirely empty,...
Teaching Your Clients How to Use The Website You Built Them
27.7.2018
I share my own thoughts on how you might go about educating someone you just built a site for. But it turns out I had a lot of fun putting together a ton of other people's thoughts as well. I tweeted about it and got a flood of responses, so this article is an amalgamation of all that.
Direct...
Solved with CSS! Logical Styling Based on the Number of Given Elements
26.7.2018
This post is the third in a series about the power of CSS.
Article Series:
Colorizing SVG Backgrounds
Dropdown Menus
Logical Styling Based On the Number of Given Elements (this post)
Did you know that CSS is Turing complete? Did you know that you can use it to do some pretty serious logical...
Did you know that style and script tags can be set to display: block?
25.7.2018
The other night, Amit Patel mentioned that you can set script tags in HTML to display: block with CSS and then edit that code inline with the contentEditable attribute. This means that you can then see it all update live in the browser as you type. Shortly after, Marius Gundersen replied that...
Finite State Machines with React
24.7.2018
As JavaScript applications on the web have grown more complex, so too has the complexity of dealing with state in those applications — state being the aggregate of all the data that an application needs to perform its function. Over the last several years, there has been a ton of great...
Your Body Text is Too Small
21.7.2018
Several years ago, there was a big push by designers to increase the font-size of websites and I feel like we’re living in another era of accessibility improvements where a fresh batch of designers are pushing for even larger text sizing today. Take this post by Christian Miller, for example, where...
Accessibility for Teams
19.7.2018
Maya Benari:
Accessibility is a crucial part of government product design. First, it’s the law. Federal agencies face legal consequences when they don’t meet accessibility requirements. Second, it affects us all. Whether you have a motor disability, you sprained your wrist playing dodgeball,...
What bit of advice would you share with someone new to your field?
18.7.2018
The most FA of all the FAQs.
Here's Laura Kalbag:
Find what you love. Don’t worry about needing to learn every language, technique or tool. Start with what interests you, and carve your own niche. And then use your powers for good!
And my own:
Buy a domain name. Figure out how to put an HTML file...
Anatomy of a malicious script: how a website can take over your browser
13.7.2018
By now, we all know that the major tech behemoths like Facebook or Google know everything about our lives, including how often we go to the bathroom (hence all the prostate medication ads that keep popping up, even on reputable news sites). After all, we’ve given them permission to do so,...
Design Systems at GitHub
12.7.2018
Here’s a nifty post by Diana Mounter all about the design systems team at GitHub that details how the team was formed, the problems they've faced and how they've adapted along the way:
When I started working at GitHub in late 2015, I noticed that there were many undocumented patterns, I had...
Unused
11.7.2018
I recently wrote Here’s the thing about "unused CSS" tools, where I tried to enumerate all the challenges any tool would have in finding truly "unused" CSS. The overarching idea is that CSS selectors match elements in the DOM, and those elements in the DOM come from all sorts of places: your static...
Emojis as Icons
11.7.2018
There are lots of unicode symbols that make pretty good icons already, like arrows (←), marks (✘), and objects (✂︎).You can already colorize these like a normal font glyph. Then, there are emojis, those full-color suckers we all know about. What if you could take just the shape of an emoji...
Hyperlinking Beyond the Web
11.7.2018
Hyperlinks are the oldest and the most popular feature of the web. The word hypertext (which is the ht in http/s) means text having hyperlinks. The ability to link to other people’s hypertext made the web, a web — a set of connected pages. This fundamental feature has made the web a very...
itty.bitty
9.7.2018
Mark this down as one of the strangest things I’ve seen in a good long while. Nicholas Jitkoff has made a tool called itty.bitty that creates websites with all of the assets being contained within their own link. You can create a website without any HTML or CSS resources at all because it’s...
The CSS Paint API
9.7.2018
The CSS Paint API is extremely exciting, not only for what it is, but what it represents, which is the beginning of a very exciting time for CSS. Let’s go over what it is, why we have it and how to start using it.
What is the CSS Paint API?
The API is just one part of a whole suite of...
CSS Grid in IE: CSS Grid and the New Autoprefixer
4.7.2018
In Part 1 of this series, I debunked a few misconceptions that many people have around the Internet Explorer (IE) implementation of CSS grid. This article builds on that knowledge. It would be best to go back and read that article first if you haven’t already.
Today I’m going to be tackling...
Binance Halts Trading Over ‘Atypical’ Crypto Transactions
4.7.2018
Binance has suspended trading services after one token on its platform was reported with abnormal transactions
Clearfix: A Lesson in Web Development Evolution
3.7.2018
The web community has, for the most part, been a spectacularly open place. As such, a lot of the best development techniques happen right out in the open, on blogs and in forums, evolving as they’re passed around and improved. I thought it might be fun (and fascinating) to actually follow this...
CSS Grid in IE: Debunking Common IE Grid Misconceptions
2.7.2018
This is the first in a three-part series all about how to use CSS grid in a way that will work not only in modern browsers but also in Internet Explorer (IE). Imagine writing CSS grid code without having to write a fallback layout! Many of us think that this is some far off future that is many...
Free E-book: Modernize for Mobile Apps
28.6.2018
(This is a sponsored post.)
No sign up required to read the free e-book.
Building modern apps (mobile, PWAs or Single Page Apps) that connect to legacy or enterprise systems is a pain. We put together an e-book that discusses the various options for how to make it all work. Here are some of...