Search
A Conversation with One of Bitcoin Cash’s Most Prolific Developers
8.1.2021
Calin Culianu is the #1 contributor to the Electron Cash project. Also, he contributes to BCHN, and has created the Fulcrum server. Definitely a Bitcoin Cash hero in my book. I picked his brain a bit about all things Bitcoin Cash, and got some juicy answers. Calin likes to talk, so let’s...
Representation Matters
15.12.2020
This year I had the pleasure of re-launching The Accessibility Project. I spend a lot of time researching and writing about accessibility and inclusive design, so this felt like the cumulation of a lot of that effort. The site now uses all sorts of cool web features like CSS Grid, @supports,...
How to Create a Commenting Engine with Next.js and Sanity
6.11.2020
One of the arguments against the Jamstack approach for building websites is that developing features gets complex and often requires a number of other services. Take commenting, for example. To set up commenting for a Jamstack site, you often need a third-party solution such as Disqus, Facebook,...
More People Dipping Toes Into Web Monetization
5.11.2020
Léonie Watson:
I do think that Coil and Web Monetization are at the vanguard of a quiet revolution.
Here’s me when I’m visiting Léonie’s site:
Enjoy the pennies!
My Coil subscription ($5/month) doles out money to sites I visit that have monetization set up and installed.
Other...
What’s New In DevTools (Chrome 86)
26.8.2020
It wasn’t that long ago that Umar Hansa published a look at the most interesting new features in Chrome DevTools released in 2020. In fact, it was just earlier this month!
But in that short amount of time, Chrome has a few new tricks up its sleeve. One of the features Umar covered was...
Computed Values: More Than Meets the Eye
5.8.2020
Browser DevTools are indispensable for us front end developers. In this article, we’ll take a look at the Computed tab, a small corner of the DevTools panel that shows us big things, like how relative CSS values are resolved. We’ll also see how inheritance fits into the browser’s...
Some Performance Links
3.7.2020
Just had a couple of good performance links burning a hole in my pocket, so blogging them like a good little blogger.
Web Performance Recipes With Puppeteer
Puppeteer is an Node library for spinning up a copy of Chrome “headlessly” (i.e. no UI) and controlling it. People use it...
CSS background-repeat: round
23.6.2020
The CSS spec is full of gems that sneak their way past most of us web designers and developers. Stuff like :focus-within, prefers-reduced-motion, and prefers-color-scheme suddenly make their way into CSS without us really finding out for months or years. One such example is background-repeat:...
Google’s Technical Writing Guide
3.4.2020
It’s good!
I’ve written up my advice (sprinkled with great advice from others), but this is way more straightforward nuts-and-bolts training on technical writing. It’s structured like an actual course, with exercises along the way.
I’m far from an expert here. But between...
Performant Expandable Animations: Building Keyframes on the Fly
1.4.2020
Animations have come a long way, continuously providing developers with better tools. CSS Animations, in particular, have defined the ground floor to solve the majority of uses cases. However, there are some animations that require a little bit more work.
You probably know that animations should...
Consistent Backends and UX: How Do New Algorithms Help?
26.3.2020
Article Series
Why should you care?
What can go wrong?
What are the barriers to adoption?
How do new algorithms help?
In previous articles, we explained what consistency is, the difference between "strong" and "eventual" consistency, and why this distinction is more important than ever to modern...
Animating CSS Width and Height Without the Squish Effect
6.3.2020
The first rule of animating on the web: don't animate width and height. It forces the browser to recalculate a bunch of stuff and it's slow (or "expensive" as they say). If you can get away with it, animating any transform property is faster (and "cheaper").
Butttt, transform can be tricky. Check...
Browser Version Release Spectrum
6.2.2020
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...
Practice GraphQL Queries With the State of JavaScript API
29.1.2020
Learning how to build GraphQL APIs can be quite challenging. But you can learn how to use GraphQL APIs in 10 minutes! And it so happens I've got the perfect API for that: the brand new, fresh-of-the-VS-Code State of JavaScript GraphQL API.
The State of JavaScript survey is an annual survey of...
New Bill in Oklahoma Proposes Depository for Cryptocurrencies Used by Government
19.1.2020
A bill has been introduced in the U.S. state of Oklahoma to establish a new type of state-chartered financial institution that will be “the central depository for virtual currency used by governmental agencies in this state.” The new establishment aims to provide financial and technical...
Why Parcel Has Become My Go-To Bundler for Development
21.10.2019
Today we’re gonna talk about application bundlers — tools that simplify our lives as developers. At their core, bundlers pick your code from multiple files and put everything all together in one or more files in a logical order that are compiled and ready for use in a browser. Moreover, through...
Thinking in React Hooks
25.9.2019
Amelia Wattenberger has written this wonderful and interactive piece about React Hooks and details how they can clean up code and remove all those troubling lifecycle events:
React introduced hooks one year ago, and they've been a game-changer for a lot of developers. There are tons of how-to...
Caniuse and MDN compatibility data collaboration
10.9.2019
Second only to "silly GIFs," I'd guess screenshots of caniuse are the most common slide graphic at web conferences. It's become the ultimate source for looking at web compatibility data in the hearts and minds of web developers.
Can I use CSS filter in Firefox? Yes. Can I use the filter() function?...
Popular Web Tools and Services Among Designers & Developers (Sponsored)
26.8.2019
Today we will present you the most popular 30 web tools and services among designers and developers. We handpicked solutions that are offering the best functionalities, support, and pricing on the market. You will find probably the best logo design creating software, the very well-known Hotjar...
Multiplayer Tic Tac Toe with GraphQL
23.8.2019
GraphQL is a query language for APIs that is very empowering for front-end developers. As the GraphQL site explains it, you describe your data, ask for what you want, and get predictable results.
If you haven’t worked with it before, GraphQL might be a little confusing to grok at first glance....