Search
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á
Become a Front-End Master in 2020 With These 10 Project Ideas
1.11.2019
This is a little updated cross-post from a quickie article I wrote on DEV. I'm publishing here 'cuz I'm all IndieWeb like that.
I love this post by Simon Holdorf. He's got some ideas for how to level up your skills as a front-end developer next year. Here they are:
Build a movie search app using...
Learn to Make Your Site Inclusive, by Design
29.10.2019
Accessibility is our job. We hear it all the time. But the truth is that it often takes a back seat to competing priorities, deadlines, and decisions from above. How can we solve that?
That's where An Event Apart comes in. Making sites inclusive by design is just one of the many topics covered over...
Why Are Accessible Websites so Hard to Build?
23.10.2019
I was chatting with some front-end folks the other day about why so many companies struggle at making accessible websites. Why are accessible websites so hard to build? We learn about HTML, we make sure things are semantic and — voila! @— we have an accessible website. During the course...