Search
Getting Acquainted With Svelte, the New Framework on the Block
6.2.2020
For the last six years, Vue, Angular, and React have run the world of front-end component frameworks. Google and Facebook have their own sponsored frameworks, but they might leave a bitter taste for anyone who advocates for an open and unbiased web. Vue is another popular framework that...
Freezing User-Agent Strings
3.2.2020
There's been news about Chrome freezing their User-Agent string (and all other major browsers are on board). That means they'll still have a User-Agent (UA) string (that comes across in headers and is available in JavaScript as navigator.userAgent. By freezing it, it will be less useful over time...
Apollo GraphQL without JavaScript
29.1.2020
It's cool to see progressive enhancement being done even while using the fanciest of the fancy front-end technologies.
This is a button in a JSX React component that has a click handler applied directly to it that fires a data mutation Ajax request through Apollo GraphQL. That is about the least...
Getting Started with Front End Testing
20.1.2020
Amy Kapernick covers four types of testing that front-end devs could and should be doing:
Linting (There's ESLint for JavaScript and Stylelint or Prettier for CSS.)
Accessibility Testing (Amy recommends pa11y, and we've covered Axe.)
Visual Regression Testing (Amy recommends Backstop, and we've...
Our Learning Partner: Frontend Masters
10.1.2020
I'd like to think there is a lot to learn on CSS-Tricks. But we don't really offer much by the way of courses. You're probably reading this because you just generally read this site, and you land on CSS-Tricks otherwise mostly because you are looking for an answer to some front-end...
Collective #578
6.1.2020
Front-End Performance Checklist 2020 * Kinesis * Excalidraw * Exifer * Sscaffold * Craft.js
Collective #578 was written by Pedro Botelho and published on Codrops
Validate CSP from Command Line
2.1.2020
The content security policy spec has been an amazing front-end security tool to help prevent XSS and other types of attacks. I’d go as far to say that every site should implement as specific CSP as possible. If you aren’t familiar with CSPs, here’s a quick example:...
A Recap of Frontend Development in 2019
1.1.2020
I noted Trey Huffine’s 2018 version of this article in The Great Divide.
To put a point on this divide a bit more, consider this article by Trey Huffine, "A Recap of Frontend Development in 2018." It's very well done! It points to big moments this year, shows interesting data, and makes...
A Recap of Frontend Development in 2019
1.1.2020
I noted Trey Huffine’s 2018 version of this article in The Great Divide.
To put a point on this divide a bit more, consider this article by Trey Huffine, "A Recap of Frontend Development in 2018." It's very well done! It points to big moments this year, shows interesting data, and makes...
What it means to be a front-end developer in 2020 (and beyond)
29.12.2019
I wrote a piece for Layout, the blog of my hosting sponsor Flywheel.
Stick around in this field for a while, and you'll see these libraries, languages, build processes, and heck, even entire philosophies on how best to build websites come and go like a slow tide.
You might witness some...
Domain-Driven Design With React
16.12.2019
There is very little guidance on how to organize front-end applications in the world of React. (Just move files around until it “feels right,” lol). The truth is that we can do better. Let’s take a look at one pattern you might consider using to architect your site.
At first, you might split...
Dip Your Toes Into Hardware With WebMIDI
12.12.2019
Did you know there is a well-supported browser API that allows you to interface with interesting and even custom-built hardware using a mature protocol that predates the web? Let me introduce you to MIDI and the WebMIDI API and show you how it presents a unique opportunity for front-end developers...
Save Big on An Event Apart for a Limited Time!
3.12.2019
(This is a sponsored post.)
If you could get one gift from your boss this holiday season, what would you want it to be? You know, other than the usual mouse pad, picture frame or, my favorite, the ol' coffee mug and Starbucks card combo.
What if you were to receive something, hmm, more substantial?...
Save Big on An Event Apart for a Limited Time!
3.12.2019
(This is a sponsored post.)
If you could get one gift from your boss this holiday season, what would you want it to be? You know, other than the usual mouse pad, picture frame or, my favorite, the ol' coffee mug and Starbucks card combo.
What if you were to receive something, hmm, more substantial?...
Having a Little Fun With Custom Focus Styles
2.12.2019
Every front-end developer has dealt or will deal with this scenario: your boss, client or designer thinks the outline applied by browsers on focused elements does not match the UI, and asks you to remove it. Or you might even be looking to remove it yourself.
So you do a little research and find...
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...
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...
How We Perform Frontend Testing on StackPath’s Customer Portal
15.11.2019
Nice post from Thomas Ladd about how their front-end team does testing. The list feels like a nice place to be:
TypeScript - A language, but you're essentially getting various testing for free (passing the right arguments and types of variables)
Jest - Unit tests. JavaScript functions are doing...
Jak jsem se (ne)stal front-end vývojářem
8.11.2019
Pojednání o tom, jak (ne)obtížné je začít pracovat jako vývojář a jakou cestu očekávat. Není v něm ani jedna ukázka kódu, ale je v něm pár odborných pojmů. Pro lidi, kteří zvažují se naučit kódit/vyvíjet/programovat a pro ty, které jen zajímá, jak taková cesta vypadá