Search
Set Branch Alias with Git
28.3.2019
Version control systems can be difficult to use, especially when you don’t use a UI app. Just think about main branch or revision names: svn uses “trunk”, git uses “master”, and mercurial (hg) uses “tip”. I need to switch between mercurial and...
An Illustrated (and Musical) Guide to Map, Reduce, and Filter Array Methods
26.3.2019
Map, reduce, and filter are three very useful array methods in JavaScript that give developers a ton of power in a short amount of space. Let’s jump right into how you can leverage (and remember how to use!) these super handy methods.
Array.map()
Array.map() updates each individual value in...
Creating a Custom Element from Scratch
20.3.2019
In the last article, we got our hands dirty with Web Components by creating an HTML template that is in the document but not rendered until we need it.
Next up, we’re going to continue our quest to create a custom element version of the dialog component below which currently only uses...
Level up your JavaScript error monitoring
7.3.2019
(This is a sponsored post.)
Automatically detect and diagnose JavaScript errors impacting your users with Bugsnag. Get comprehensive diagnostic reports, know immediately which errors are worth fixing, and debug in a fraction of the time.
Bugsnag detects every single error and prioritizes errors...
Level up your JavaScript error monitoring
7.3.2019
(This is a sponsored post.)
Automatically detect and diagnose JavaScript errors impacting your users with Bugsnag. Get comprehensive diagnostic reports, know immediately which errors are worth fixing, and debug in a fraction of the time.
Bugsnag detects every single error and prioritizes errors...
Do CSS Custom Properties Beat Sass Loops?
2.3.2019
I reckon that a lot of our uses of Sass maps can be replaced with CSS Custom properties – but hear me out for a sec.
When designing components we often need to use the same structure of a component but change its background or text color based on a theme. For example, in an alert, we might need...
Diana Smith’s Top 5 CSS Properties She Uses to Produce CSS Art
20.2.2019
Have you seen Diana Smith's CSS drawings? Stunning. These far transcend the CSS drawings that sort of crudely replicate a flat SVG scene, like I might attempt. We were lucky enough for her to post some of her CSS drawing techniques here last year.
Well, Diana has also listed the top five...
The Ultimate Guide to JavaScript Algorithms: Tools
23.1.2019
To a significant level, the success of a software engineer is highly dependent on the quality of the tools he uses for his craft. In this section, we will highlight the tools that feature prominent
Level up your JavaScript error monitoring
13.12.2018
(This is a sponsored post.)
Automatically detect and diagnose JavaScript errors impacting your users with Bugsnag. Get comprehensive diagnostic reports, know immediately which errors are worth fixing, and debug in a fraction of the time.
Bugsnag detects every single error and prioritizes errors...
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....
Script & Style Show: Episode 16: JavaScript & LEDs with Kristina Durivage
23.7.2018
In this episode: Todd’s back from an amazing conference and David sees this week’s guest as being the ticket to making his kids thing he’s a super hero. The amazing Kristina Durivage stops by to talk JavaScript, electrical engineering and unusual uses of LEDs for programming...
Script & Style Show: Episode 14: CSS filters and mix-blend-mode with Tim Thomas
6.7.2018
In this week’s episode: David uses City Slickers to illustrate his sorrow over turning 35 years old while Todd tries to talk him down. Tim Thomas stops by to demo some really awesome animated effects you can do with CSS’ mix-blend-mode and filter. The demos are outstanding and really...
Responsive tables, revisited
16.5.2018
Lea Verou with some extra super fancy CSS trickery. No way we could miss linking this one up!
One of the problems with responsive table solutions, at least the ones where you are using CSS to rejigger things, is that there is duplicated content somewhere. Either in CSS or HTML.
Lea finds two ways...
Level Up Your JavaScript Error Monitoring
26.4.2018
(This is a sponsored post.)
Automatically detect and diagnose JavaScript errors impacting your users with Bugsnag without changing your code or adding try/catch blocks. Get comprehensive diagnostic reports, know immediately which errors are worth fixing, and debug in a fraction of the time compared...
4 Things Every Progressive Web App Must Have
5.4.2018
A Progressive Web App (PWA) is a web app that uses modern web capabilities to deliver an app-like experience to users. It looks and behaves as if it is a mobile app and can be kinda installed. In t
5 Crucial Concepts for Learning d3.js and How to Understand Them
23.3.2018
You may have already heard about d3.js, the dazzling JavaScript library that lets you create beautiful charts and graphics with just a few lines of code. You might have seen some of the fantastic examples of D3 in action, or you may have heard that the New York Times uses it to create...