Techniques for a Newspaper Layout with CSS Grid and Border Lines Between Elements
20.11.2019
I recently had to craft a newspaper-like design that featured multiple row and column spans with divider lines in between them. Take a look at the mockup graphic here and see if it makes you sweat at all. If you’re like me, you have been around a while and know just how difficult this would have...
Variations on Theme: Reinventing Type on the Web
20.11.2019
If anyone knows anything about me, it’s usually one of two things: that I have two outrageously fluffy dogs, or that I like fonts and typography. Like, really really like them. So while I am super excited about how well Tristan is doing with his hydrotherapy —we’re walking 50% further than he...
Build your own React
20.11.2019
Wowza! Rodrigo Pombo’s article about how to build React from scratch is fantastic, not only because it’s well written, but because of the outstanding interaction design: each line in the code examples ge highlighted and explored in further detail as you scroll down the page.
This makes it super...
Inspirational Websites Roundup #10
20.11.2019
Get some website inspiration with this set of beautiful and modern site designs freshly picked over the past few weeks.
Inspirational Websites Roundup #10 was written by Mary Lou and published on Codrops
Getting Started with GraphQL
20.11.2019
GraphQL was developed by Facebook in 2012 to power up its mobile apps. Since open-sourcing GraphQL specification in 2015, it gained a lot of popularity and is now used by many development teams, including giants like GitHub, Twitter or Airbnb. Why so? And what exactly is a GraphQL? Let's take...
No, Absolutely Not
19.11.2019
I think the difference between a junior and senior front-end developer isn't in their understanding or familiarity with a particular tech stack, toolchain, or whether they can write flawless code. Instead, it all comes down to this: how they push back against bad ideas.
What I've learned this year...
JAMstack, Fugu, and Houdini
19.11.2019
What has me really excited about building websites recently is the fact that we, as front-end developers, have the power to do so much more. Only a few years ago, I would need a whole team of developers to accomplish what can now be done with just a few amazing tools.
Although...
Oh, the Places JavaScript Will Go
19.11.2019
I tend to be pretty vocal about the problems client-side JavaScript cause from a performance perspective. We're shipping more JavaScript than ever to our user's devices and the result is increasingly brittle and resource-intensive experiences. It's... not great.
But that doesn't mean I don't like...
How Do You Remove Unused CSS From a Site?
19.11.2019
Here's what I'd like you to know upfront: this is a hard problem. If you've landed here because you're hoping to be pointed at a tool you can run that tells you exactly what CSS you can delete from your project, well... there are tools out there, but I'm warning you to be very careful with them...
Six Months Using Firebase Web Performance Monitoring
19.11.2019
I don't really think of Firebase as a performance monitoring tool (all I ever think about is auth and real-time data storage), but nevertheless, it totally has that feature.
Justin Ribeiro...
[A] tool to track what real users in the wild are experiencing with an easy setup? Yes, please. [...]...
serpstack
19.11.2019
(This is a sponsored post.)
Is it your job to keep an eye on your company's search engine placement? Or your clients? Or are you building a tool to do just that? Manually Googling stuff isn't going to scale particularly well there. Wouldn't it be nice if you could hit an API and it would return...
The Tools are Here
19.11.2019
Heading into 2020, it occurs to me that I've now been making websites for 20 years. Looking back on that time, it seems as though our practices have been in near-constant churn, and that our progress did not always seem linear. But ultimately, even the missteps and tangents along the way have...