Search
Sometimes `sizes` is quite important.
27.7.2018
Paraphrased question from email:
I just read your article Responsive Images: If you’re just changing resolutions, use srcset. In the age of "responsive websites," srcset does not help in certain situations. For example, I have a popular products slider. On mobile, I have one image per slide where...
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...
Visual. Intuitive. Unlike Anything Else.
26.7.2018
(This is a sponsored post.)
monday.com is a team management tool that’s found favor with more than 34,000 teams, including teams of two to teams of 2,000+, teams working for startups, and teams working on projects for Fortune 500 companies like AOL, Adidas, Samsung, and the Discovery Channel...
Weird things variable fonts can do
20.7.2018
I tend to think of variable fonts as a font format in which a single font file is capable of displaying type at near-infinite variations of things like boldness, width, and slantyness. In my experience, that's a common use case. Just check out many of the interactive demos over...
How to make a modern dashboard with NVD3.js
19.7.2018
NVD3.js is a JavaScript visualization library that is free to use and open source. It’s derived from the well-known d3.js visualization library. When used the right way, this library can be extremely powerful for everyday tasks and even business operations.
For example, an online dashboard. We...
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...
PSA: Yes, Serverless Still Involves Servers.
16.7.2018
You clever dog. You've rooted it out! It turns out when you build things with serverless technology you're still using servers. Pardon the patronizing tone there, I've seen one-too-many hot takes at this point where someone points this fact out and trots away triumphantly.
And yes, because...
Create your own Serverless API
16.7.2018
If you don’t already know of it, Todd Motto has this great list of public APIs. It’s awesome if you’re trying out a new framework or new layout pattern and want to hit the ground running without fussing with the content.
But what if you want or need to make your own API? Serverless can help create...
Building a Complex UI Animation in React, Simply
12.7.2018
Let’s use React, styled-components, and react-flip-toolkit to make our own version of the animated navigation menu on the Stripe homepage. It's an impressive menu with some slick animation effects and the combination of these three tools can make it relatively easy to recreate.
This is...
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...
Use Angular and NativeScript to Build a Web and Mobile Application
9.7.2018
Angular has been around for a few years now and since its release it has been useful when creating many different categories of applications, including web as well as mobile. The problem, at least
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...
One-Offs
2.7.2018
There is this sentiment that you don't design the homepage of a site first. For most sites, it's an anomaly. It's unlike any other page and not something to base the patterns you use for the rest of the site or help inform other pages.
You might call it a one-off.1
One-offs are OK! A world without...
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...
Startup Raises $600K to Build Bitcoin Cash Mobile Wallet
29.6.2018
CoinText.io,a blockchain startup developing a way of conducting offline bitcoin cash transactions, closed a $600,000 seed funding round
Fitting Text to a Container
29.6.2018
There are a number of ways to go about putting some text in a container and having it size itself to fill that container. There are different technologies we can use and different considerations to think about. Let us count the ways.
Magic Number it with viewport units
If you set type with...
How to use Error Boundaries in React 16
26.6.2018
Have you seen these in your console?
Cannot read property ‘getHostNode’ of null ????
TypeError: Cannot re
5 Most Common Dropdown Use Cases Solved with React Downshift
26.6.2018
Downshift is a library that helps you build simple, flexible, WAI-ARIA compliant enhanced input React components. Its major use case is for buildin
Add real-time comments to a Gatsby blog
26.6.2018
(This is a sponsored post.)
This tutorial will show you how to add realtime comments to a Gatsby blog. You will use Node and Express to create a simple backend, allowing users to add and view comments instantly.
Direct Link to Article — Permalink…
The post Add real-time comments to...