Search
Avoiding the Pitfalls of Nested Components in a Design System
26.4.2022
When creating a component-based, front-end infrastructure, one of the biggest pain points I’ve personally encountered is making components that are both reusable and responsive when there are nested components within components.
Take the following “call to action” (<CTA />…
Avoiding...
Writing Strong Front-end Test Element Locators
22.4.2022
Automated front-end tests are awesome. We can write a test with code to visit a page — or load up just a single component — and have that test code click on things or type text like a user would, …
Writing Strong Front-end Test Element Locators originally published on CSS-Tricks. You should...
Collective #708
21.4.2022
JavascriptDB * The Future of CSS: CSS Toggles * Loaders * The Front-End Developer's Guide to the Terminal
The post Collective #708 appeared first on Codrops
Adding Tailwind CSS to New and Existing WordPress Themes
20.4.2022
In the 15 or so years since I started making WordPress websites, nothing has had more of an impact on my productivity — and my ability to enjoy front-end development — than adding Tailwind CSS to my workflow (and it …
Adding Tailwind CSS to New and Existing WordPress Themes originally...
Comparing Node JavaScript to JavaScript in the Browser
18.2.2022
Being able to understand Node continues to be an important skill if you’re a front-end developer. Deno has arrived as another way to run JavaScript outside the browser, but the huge ecosystem of tools and software built with Node mean …
Comparing Node JavaScript to JavaScript in the Browser...
(Jay Freestone’s) Front-End Predictions for 2022
18.2.2022
I linked to Jay’s front-end predictions last year and I think they panned out pretty well. I think he’s got a bit of a knack for that wide-scope look at front-end, including tooling and architecture, as well as browser tech. …
(Jay Freestone’s) Front-End Predictions for 2022...
The Relevance of TypeScript in 2022
31.1.2022
It’s 2022. And the current relevance of TypeScript is undisputed. TypeScript has dominated the front-end developer experience by many, many accounts. By now you likely already know that TypeScript is a superset of JavaScript, building on JavaScript by adding …
The Relevance of TypeScript...
Why Don’t Developers Take Accessibility Seriously?
24.1.2022
You know that joke, “Two front-end developers walk into a bar and find they have nothing in common”? It’s funny, yet frustrating, because it’s true.
This article will present three different perspectives on accessibility in web design and development. Three …
Why Don’t Developers Take...
What the Heck Does “npm” Mean?
20.1.2022
One of the things that makes this new, tooling-heavy era of front-end development so seemingly hard to understand at first is that, while we often call things by a singular name, they tend to be actually comprised of several different …
What the Heck Does “npm” Mean? originally published...
What Were the Hottest Front-End Tools in 2021?
17.1.2022
Another year has passed and once again I’ve had the privilege of going through the Web Tools Weekly newsletter archives from the past 12 months to hunt down the front-end tools that readers found to be the most interesting during …
What Were the Hottest Front-End Tools in 2021?...
Ship a Full-Stack App in Days with AWS Amplify Studio
13.12.2021
(This is a sponsored post.)
Amazon has a vision with AWS Amplify. First, a premise:
As browsers have become faster and more powerful over the last decade, front-end developers are building web apps that are more feature-rich and …
Some notes on using esbuild
9.12.2021
This is a fantastic article from Julia Evans about duking it out with modern front-end tooling. Julia has made a bunch of Vue projects and typically uses no build process at all:
 I usually have an index.html file, a script.js…
Jetpack Licensing for Agencies and Professionals
7.12.2021
(This is a sponsored post.)
I’ve built WordPress websites for I don’t know how long now, but suffice to say I’ve relied on it for a bulk of the work I do as a freelance front-ender. And in that …
The Gap (Design Engineering)
17.11.2021
Egor Kloos describes a situation where a (purely visual) designer asks for some changes to a component. There is a misunderstanding where the (code monkey) developer implements the change exactly as requested—but really what was required was both a bug …
The post The Gap (Design Engineering)...
Quickly Get Alerted to Front-End Errors and Performance Issues
11.11.2021
(This is a sponsored post.)
Measuring things is great. They say what you only fix what you measure. Raygun is great at measuring websites. Measuring performance, measuring errors and crashes, measuring code problems.
You know what’s even better than …
The post Quickly Get Alerted...
enterkeyhint
5.11.2021
I only just recently learned the enterkeyhint attribute on form inputs was a thing! It seems like kind of a big deal to me, as crafting HTML form markup is a decent slice of a front-end developer’s life, and this …
The post enterkeyhint appeared first on CSS-Tricks. You can support...
What if… you could use Visual Studio Code as the editor of in-browser Developer Tools?
22.10.2021
It’s not uncommon for my front-end workflow to go something like this:
Work on thing.
See that thing in an automatically refreshed browser.
See something wrong with that thing.
Inspect and correct the thing in DevTools.
Apply the correct code
…
The post What if… you could use Visual...
Developer Decisions For Building Flexible Components
7.10.2021
Blog posts that get into the whole “how to think like a front-end developer” vibe are my favorite. Michelle Barker nails that in this post, and does it without sharing a line of code!
We simply can no longer
…
The post Developer Decisions For Building Flexible Components...
Front-End Dev Shortcuts in iOS 15
29.9.2021
I was pretty stoked when Chris shared a way to “View Source” on mobile. Sure, it’s not the same as a built-in feature but it allows iOS users like myself a way to peek at a site’s code the …
The post Front-End Dev Shortcuts in iOS 15 appeared first on CSS-Tricks....
The Self Provisioning Runtime
24.9.2021
Big thoughts on where the industry is headed from Shawn Wang:
Advancements in two fields — programming languages and cloud infrastructure — will converge in a single paradigm: where all resources required by a program will be automatically provisioned, and
…
The post The Self...