Search
The Typed Object Model
20.11.2019
I help write technical documentation and one feature I've been writing about this year that has really stood out is the Typed Object Model (or Typed OM). If you haven't come across it yet you would be forgiven as it's pretty new. It falls under the CSS Houdini suite of API's and on the surface...
The Best Cocktail in Town
18.11.2019
I admit I've held in a lot of pent-up frustration about the direction web development has taken the past few years. There is the complexity. It requires a steep learning curve. It focuses more on more configuration than it does development.
That's not exactly great news for folks like me...
Ways to Organize and Prepare Images for a Blur-Up Effect Using Gatsby
18.11.2019
Gatsby does a great job processing and handling images. For example, it helps you save time with image optimization because you don’t have to manually optimize each image on your own.
With plugins and some configuration, you can even setup image preloading and a technique called blur-up for your...
JAMstack CMSs Have Finally Grown Up!
15.11.2019
This article is based on Brian's presentation at Connect.Tech 2019. Slides with speaker notes from that presentation are available to download.
In my experience, developers generally find the benefits of the JAMstack easy to comprehend. Sites are faster because the resources are static and served...
Thoughts After Looking at the Web Almanac’s Chapter on CSS
13.11.2019
Woah, I didn't see this coming! The HTTP Archive dropped this big "state of the web" report called Web Almanac with guest writers exploring data from 5.8 million websites.
Una Kravetz and Adam Argyle wrote the CSS chapter. The point is to squeeze a digestible amount of insight out of a mountain's...
An Early Look at the Vue 3 Composition API in the Wild
13.11.2019
I recently had an opportunity to try the new Vue Composition API in a real project to check where it might be useful and how we could use it in the future.
Until now, when we were creating a new component we were using Options API. That API forced us to separate the component’s code by options...
Diana Smith’s Pure CSS Artwork “Lace”
8.11.2019
Diana is at it again with her absolutely unbelievable CSS paintings. This latest one is called Lace. Past paintings are Francine, Vignes, and Zigario.
She wrote for us last year if you'd like a little insight into her thinking.
Andy Baio looked at the painting in a variety of older...
Working with Fusebox and React
8.11.2019
If you are searching for an alternative bundler to webpack, you might want to take a look at FuseBox. It builds on what webpack offers — code-splitting, hot module reloading, dynamic imports, etc. — but code-splitting in FuseBox requires zero configuration by default (although webpack will offer...
What is super() in JavaScript?
6.11.2019
What's happening when you see some JavaScript that calls super()?.In a child class, you use super() to call its parent’s constructor and super.<methodName> to access its parent’s methods. This article will assume at least a little familiarity with the concepts of constructors and child...
Making a Chart? Try Using Mobx State Tree to Power the Data
5.11.2019
Who loves charts? Everyone, right? There are lots of ways to create them, including a number of libraries. There’s D3.js, Chart.js, amCharts, Highcharts, and Chartist, to name only a few of many, many options.
But we don’t necessary need a chart library to create charts. Take Mobx-state-tree (MST)...
A Look at JAMstack’s Speed, By the Numbers
1.11.2019
People say JAMstack sites are fast — let’s find out why by looking at real performance metrics! We’ll cover common metrics, like Time to First Byte (TTFB) among others, then compare data across a wide section of sites to see how different ways to slice those sites up compare.
First, I’d like...
Lyn Ulbricht Speaks Out Against Unfair Silk Road Sentencing, Facebook and Government Hypocrisy
25.10.2019
U.S. representative Ann Wagner noted at a recent hearing that child pornographic material has been reported on Facebook more than any other site. Lyn Ulbricht, mother of currently imprisoned Silk Road founder Ross Ulbricht, spoke out in a video livestream Wednesday against her son’s unfair...
Understanding How Reducers are Used in Redux
24.10.2019
A reducer is a function that determines changes to an application’s state. It uses the action it receives to determine this change. We have tools, like Redux, that help manage an application’s state changes in a single store so that they behave consistently.
Why do we mention Redux when talking...
Digging Into the Preview Loading Animation in WordPress
22.10.2019
WordPress shipped the Block Editor (aka Gutenberg) back in version 5.0 and with it came a snazzy new post preview screen that shows the WordPress logo drawing itself while the preview loads.
That's what you get when saving a post draft and clicking the "Preview" button in the editor. How'd they...
Bitcoin Cash Roundup: Adoption Stories and New Developments
19.10.2019
Bitcoin Cash (BCH) adoption, development, and participation continue to spread as there’s been a myriad of BCH-related announcements in the last few weeks. Moreover, there’s now over 18 million bitcoin cash in circulation and only three million coins left to mine. Also read: Ethereum...
Ethereum Name Service Adds Infrastructure for Multi-Currency Support
18.10.2019
On October 16, the Ethereum Name Service (ENS) announced multi-currency support and integration with 15 platforms and wallets. The fusion will provide users with the ability to use a single ENS name across a wide spectrum of crypto applications alongside leveraging a variety of digital assets. Also...
Weekly Platform News: CSS column-span Property, ADA applies to Websites, Auto-generated Image Descriptions
17.10.2019
In this week's roundup: multi-column layouts gain wide support, the ADA means more A11y for retailers, and Google is doing something about all the empty image alt attributes in the wild.
The CSS column-span property will soon be widely supported
The CSS column-span property, which has been...
The Teletype Text Element Lives On… at Least on This Site
11.10.2019
It was this: <tt>
I say "was" because it's deprecated. It may still "work" (like everybody's favorite <marquee> in some browsers), but it could stop working anytime, they say. The whole purpose of it was to display text in a monospace font, like the way Teletype machines used...
Recipes for Performance Testing Single Page Applications in WebPageTest
10.10.2019
WebPageTest is an online tool and an Open Source project to help developers audit the performance of their websites. As a Web Performance Evangelist at Theodo, I use it every single day. I am constantly amazed at what it offers to the web development community at large and the web performance folks...
Mina Markham Should Make Beyoncé’s Site Accessible
3.10.2019
I remember when this went around in January, and I'm a little shocked it didn't happen.
Mina is the perfect person for the job (like, duh) and the result would be good for everyone. Let's make this happen. The least we can do is sign Amélie Lamont's petition.
Direct Link to Article —...