Search
What do you name color variables?
7.12.2018
What naming scheme do you use for color variables? Have you succeeded at writing CSS that uses color variables in a manner agnostic to the colors they represent?I've tried all of the following, and I have yet to succeed at writing CSS that works well with any color scheme....
WDRL — Edition 251: Clear Site Data, Edge will use Chromium, Register you SPA as Share Target, And Fix Things Later
7.12.2018
Hey,
The web gets more complicated every week. With each new feature added to browsers, being explored by security reasearchers and other things, it gets harder for developers to grasp all that. Don’t get me wrong — it’s not that I dislike all the new features, I really like many of them. But...
Compound Components in React Using the Context API
7.12.2018
Compound components in React allow you to create components with some form of connected state that’s managed amongst themselves. A good example is the Form component in Semantic UI React.
To see how we can implement compound components in a real-life React application, we’ll build a compound...
CSS Selectors are Conditional Statements
6.12.2018
foo {
}
Programmatically, is:
if (element has a class name of "foo") {
}
Descendent selectors are && logic and commas are ||. It just gets more complicated from there, with things like combinators and pseudo selectors. Just look at all the ways styles can cascade.
Jeremy Keith:
If...
The Software We Pay For
5.12.2018
We did a Web Developer Economics series a few years ago, where we looked at the various costs of being a web developer:
Web Developer Economics: One-Off Software Costs
Web Developer Economics: Hardware Costs
Web Developer Economics: Monthly Service Costs
Web Developer Economics: The Wrapup
I'm...
DRY Switching with CSS Variables: The Difference of One Declaration
5.12.2018
This is the first post of a two-part series that looks into the way CSS variables can be used to make the code for complex layouts and interactions less difficult to write and a lot easier to maintain. This first installment walks through various use cases where this technique applies. The second...
It’s not about the device.
4.12.2018
Ever have that, "Ugighgk, another device to support?!" feeling? Like, perhaps when you heard that wrist devices have browsers? Ethan's latest post is about that.
Personally, the Apple Watch is interesting to me not because it’s a watch. Rather, it’s interesting to me because it’s...
Bridging the Gap Between CSS and JavaScript: CSS-in-JS
3.12.2018
In this article, we’re going to dig into the concept of CSS-in-JS. If you’re already acquainted with this concept, you might still enjoy a stroll through the philosophy of that approach, and you might be even more interested in the next article.
Web development is very interdisciplinary. We’re used...
Blue Beanie Day 2018
30.11.2018
Another year!
You better not cry, you better not shout, I’m telling you why: @BlueBeanieDay is coming Nov. 30! Start sharing your #bbd photos, links, articles, and videos now: https://t.co/3US4vHBsDR#a11y #WebStandards #InclusiveDesign #ProgressiveEnhancement pic.twitter.com/AiV3ktRqka
—...
Embed a Blog Onto Any Website With DropInBlog
30.11.2018
With DropInBlog, you can embed a blog into your site in only three minutes. A quick JavaScript/HTML widget, or a full-featured JSON API, is all it takes.
A headless blog you can take anywhere
Ever been working on your existing static site or anything that wasn’t built with WordPress, wanted...
Coding Exercise: Build JavaScript Array Methods From Scratch
27.11.2018
https://www.youtube.com/watch?v=ALYH5XOvMwI
There's no better way to ensure that you understand how something works than building yo
Build Simple Authentication in Express in 15 Minutes
27.11.2018
Building web pages with user authentication can be a huge pain. You typically need to set up some sort of database to manage users even if you're not using the database for anything else. You would
Protecting Laravel Sites with IP Intelligence
24.11.2018
From the moment you publish a website, you need to be wary of security. From hackers to script-kiddies, you can’t always be sure of where the next attack could come from.
So, as developers,
The Hottest Black Friday Deals For Web Developers
21.11.2018
These days, you don't need a formal CS degree to be an amazing developer. Whether you're brand new or just looking to sharpen your skills, there is no lack of content out there for
Three Questions to Ask of Every Bug You Encounter
19.11.2018
Bugs. Errors. Exceptions. Problems. Issues. Whatever you call them in the moment, bugs are deeply associated with failure. Specifically, our own failure to write perfect code. These “failures” can
Download a YouTube Channel’s Videos
7.11.2018
YouTube is an endless source of entertainment, be it stuff you’re proud to share you like or stuff you would rather others not know about (see: David’s history of watching old WWE Royal Rumbles). I watch a lot of YouTube in hotels and on flights when I don’t have internet access...
Are You an Expert of Bitcoin History? Take Our Quiz and Find Out!
31.10.2018
Celebrate Bitcoin white paper's 10-year anniversary by testing your knowledge of Bitcoin's history!
Lessons in Failure: Removing the Old Debugger from Firefox
29.10.2018
Joining the Firefox DevTools team was a dream come true for me. I shared why in the first episode of the Script & Style show but the quick summary is that I grew up loving Firefox (even before it was called “Firefox”) because Mozilla cared about developers via their early developer...
Mercurial: Mass Add and Remove All Files
29.10.2018
While I much prefer git and the GitHub workflow, Firefox’s codebase (mozilla-central) is store in a mercurial repository. There are tools that wrap mercurial so you can use a git-like interface, like git-cinnabar, but my philosophy is to learn the root tool so that I know what’s going...
Change Mac Brightness from Command Line
24.10.2018
Earlier this week I posted about how you can modify your Mac’s volume from command line. Little command line scripts make me smile because I spend so much of my day in command line, and automation can be the key to productivity. I next thought about modifying brightness from command line...