Search
Simple & Boring
25.3.2019
Simplicity is a funny adjective in web design and development. I'm sure it's a quoted goal for just about every project ever done. Nobody walks into a kickoff meeting like, "Hey team, design something complicated for me. Oh, and make sure the implementation is convoluted as well. Over-engineer that...
More Like position: tricky;
4.2.2019
I rather like position: sticky;. It has practical use cases. I think of things like keeping a table of contents in a sidebar of a long article, but as a fairly simple implementation and without risk of overlapping things in awkward ways. But Elad Shechter is right here: it's not used that much...
An Overview of the Most Exciting Proposals for the Web Platform Related to Web Components
30.1.2019
As much as I like frameworks, I'm also a big fan of the native web platform, especially web components.
I look forward to the times when the implementation will be powerful eno
An Initial Implementation of clip-path: path();
24.12.2018
One thing that has long surprised (and saddened) me is that the clip-path property, as awesome as it is, only takes a few values. The circle() and ellipse() functions are nice, but hiding overflows and rounding with border-radius generally helps there already. Perhaps the most useful value...
GraphQL API with AWS and Use with React
26.11.2018
GraphQL has become a go-to API implementation for developers looking to take advantage of features liketype safety, network efficiency, real-time data with subscriptions & more.
Building
Building “Renderless” Vue Components
20.7.2018
There's this popular analogy of Vue that goes like this: Vue is what you get when React and Angular come together and make a baby. I've always shared this feeling. With Vue’s small learning curve, it's no wonder so many people love it. Since Vue tries to give the developer power over components...
CSS Grid in IE: Faking an Auto-Placement Grid with Gaps
6.7.2018
This is the third and final part in a three-part series about using CSS grid safely in Internet Explorer 11 (IE11) without going insane.
In Part 1, I covered some of the common misconceptions that people have about IE11’s native CSS grid implementation. In Part 2, I showed the world how easy...
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...
What are Higher-Order Components in React?
19.4.2018
If you have been in the React ecosystem for a while, there is a possibility that you have heard about Higher Order Components. Let’s look at a simple implementation while also trying to explain the core idea. From here you should get a good idea of how they work and even put them to use.
Why...
VuePress Static Site Generator
18.4.2018
VuePress is a new tool from Vue creator Evan You that spins up Vue projects that are more on the side of websites based on content and markup than progressive web applications and does it with a few strokes of the command line.
We talk a lot about Vue around here, from a five-part series on getting...