Search
Change System Volume from Command Line on Mac OS
15.10.2018
Oftentimes the awesome GUI applications we love are simply gloss over a command line functionality. While I do love a visual app, it’s always good to know how to do things from command line, if only for the sake of automation. I’ve covered loads of command line secrets, most notably...
Script & Style Show: Episode 25: AR, VR, and Mozilla Reality with Chris Van Wiemeersch
14.10.2018
On this episode: Todd notices what David’s been watching on YouTube while logged in as the Script & Style user and David has no defense but loads of embarrassment. David hurriedly transitions to welcoming guest Chris Van Wiemeersh from Mozilla’s Reality team. Chris enlightens...
How to Get and Set CSS Variable Values with JavaScript
8.10.2018
CSS variables are a very welcome addition to the language, despite them being incredibly basic. Sure we could use SASS or stylus but languages should never count on developers relying on frameworks and toolkits to accomplish what we know we need. And just like every other part of a webpage,...
Script & Style Show: Episode 24: Meme Sites, Developing for Fun, and Podcasts with Lemon!
6.10.2018
On this episode: Todd asks David what he wants to be for Halloween and quickly regrets it, while Todd reveals his somewhat controversial costume. David and Todd then welcome Lemon, an amazing web developer that creates silly but hilarious web games, hosts The FPl.us podcast, and shares his views...
Script & Style Show: Episode 23: Blogging, CodePenning, and Podcasting with Chris Coyier
1.10.2018
In this episode: David kicks off by recounting a heroic (and tiring) sprint across the O’Hare airport to make his flight home from Toronto. CSS-Tricks scribe Chris Coyier joins Todd and David to discuss CSS-Tricks, CodePen, podcasting, and numerous walks down memory lane. This episode...
Team Management with monday.com
25.9.2018
Experimenting with monday.com was an eye-opening experience; I always knew that team management was difficult but it always seemed like you’d need half a dozen pieces of software to bring it all together; think HR, team management, task management, CRM, billing…organization of all...
How to Get Green Blood in PUBG
24.9.2018
My current video game obsession is Player Unknown’s Battleground, also referred to as PUBG. It’s an online multiplayer game which drops yourself and 99 others into a single, large map and you battle it out until the last man is standing. It’s frustrating, heart-attack inducing...
Not secure: Chrome a weby na HTTP
30.7.2018
Minulý týden vyšla nová verze Chrome 68, která začala označovat všechny weby na HTTP jako Not secure, česky Nezabezpečeno. Zatím teda jen s šedým (i) v kroužku, bez červeného vykřičníku. Spousta hojně navštěvovaných českých webů ale není připravena. Ukažme si, jak jsme se dostali až sem a co...
The peculiar magic of flexbox and auto margins
27.7.2018
In front-end development, there are often times when I know that I don’t know something. I might know enough to know what CSS to search for, but I have absolutely no idea how to use it or what the right syntax is. Somehow, in my head, there appears to be a filing cabinet that’s entirely empty,...
Stuff you can do with CSS pointer events
27.7.2018
Martijn Cuppens (the same fella with the very weird div!) has some more irresistible CSS trickery. Three of the examples are about making a child element trigger an event on a parent element (almost like the magic that is :focus-within).
Here's how I reasoned it out to myself:
You know how if...
Sometimes `sizes` is quite important.
27.7.2018
Paraphrased question from email:
I just read your article Responsive Images: If you’re just changing resolutions, use srcset. In the age of "responsive websites," srcset does not help in certain situations. For example, I have a popular products slider. On mobile, I have one image per slide where...
Create the Google Button Effect with CSS
27.7.2018
I always found Google’s branding simple but grew to realize that was the beauty in their design; there’s something about “just enough” that is the perfect balance between bland and over the top. GMail’s design grew old over the years and Google just got around...
Teaching Your Clients How to Use The Website You Built Them
27.7.2018
I share my own thoughts on how you might go about educating someone you just built a site for. But it turns out I had a lot of fun putting together a ton of other people's thoughts as well. I tweeted about it and got a flood of responses, so this article is an amalgamation of all that.
Direct...
Recent Videos!
27.7.2018
I've recorded a decent number of videos lately, most of which are pairing with someone and digging into a topic as I glean as much information as I can! Several of these are sponsored, in that they are a part of an advertising package. Hopefully, you know me well enough that I don't work with...
Solved with CSS! Logical Styling Based on the Number of Given Elements
26.7.2018
This post is the third in a series about the power of CSS.
Article Series:
Colorizing SVG Backgrounds
Dropdown Menus
Logical Styling Based On the Number of Given Elements (this post)
Did you know that CSS is Turing complete? Did you know that you can use it to do some pretty serious logical...
Visual. Intuitive. Unlike Anything Else.
26.7.2018
(This is a sponsored post.)
monday.com is a team management tool that’s found favor with more than 34,000 teams, including teams of two to teams of 2,000+, teams working for startups, and teams working on projects for Fortune 500 companies like AOL, Adidas, Samsung, and the Discovery Channel...
Build Firefox Faster with Artifact Builds
26.7.2018
Working on Firefox DevTools has always been a dream of mine, mostly because it feels like the ultimate way to give back to the development community and those that helped me become a success. And when I explain who Mozilla is and people ask “Oh, so you work on Firefox?!”, I can finally...
Build a state management system with vanilla JavaScript
25.7.2018
Managing state is not a new thing in software, but it’s still relatively new for building software in JavaScript. Traditionally, we’d keep state within the DOM itself or even assign it to a global object in the window. Now though, we’re spoiled with choices for libraries and frameworks to help...
Did you know that style and script tags can be set to display: block?
25.7.2018
The other night, Amit Patel mentioned that you can set script tags in HTML to display: block with CSS and then edit that code inline with the contentEditable attribute. This means that you can then see it all update live in the browser as you type. Shortly after, Marius Gundersen replied that...
Realtime Cryptocurrency Rates API with coinlayer
24.7.2018
Last year when cryptocurrencies were gaining massively in value each month, I badly wanted to create a personal web project which would let me quickly buy and sell crypto outside of brokers like Coinbase; the problem I ran into was not having a reliable API for doing so. I recently discovered...