Skip to main content
            Fresh Article

            Some New Icon Sets

            I’ve bookmarked some icon sets lately, partly because I can never find a nice set when I need to. I figured I’d even go the extra mile here and blog them so I can definitely find them later. Aside from being nice, cohesive, and practical sets of icons, I find it interesting that literally all of them:

            • are SVG, and thus easily resizeable
            • are built with rather efficient <path> elements
            • are stroked instead of filled (at least optionally)
            • have a
            Read article “Some New Icon Sets”



            The Flavors of Object-Oriented Programming (in JavaScript)

            In my research, I've found there are four approaches to Object-Oriented Programming in JavaScript. Which methods should I use? Which one is "the best" way? Here I'll present my findings along with information that may help you decide which is right for you.

            ooooops I guess we’re* full-stack developers now

            This is a written version of my talk from Jamstack Conf London 2019.

            #195: How to Draw a Line with CSS

            Stupid simple, right? It is! But it’s fun to think about for a few minutes and count a bunch of different ways we could do it. And what do I mean by a line anyway? We’ll mostly talk about a 1px solid horizontal line, but we’ll veer off a little bit and talk about other lines. Can’t CSS draw a line from any point to any point? Not really, actually — unless we get pretty fancy with SVG that is.… Read article “#195: How to Draw a Line with CSS”



            The CSS font-kerning property defines the way specific pairs of letters are spaced.

            You see, fonts often contain information about how much breathing room a character has on its left and right edges.

            The proper term for the spacing is sidebearings.

            When two characters are placed next to each other, their sidebearings add up to form the actual space between characters.

            The right sidebearing of A and the left sidebearing of V define the space between them.

            Font designers … Read article “font-kerning”



            Responsive typography has been tried in the past with a slew of methods such as media queries and CSS calc().

            Here, we’re going to explore a different way to linearly scale text between a set of minimum and maximum sizes as the viewport’s width increases, with the intent of making its behavior at different screen sizes more predictable — All in a single line of CSS, thanks to clamp().

            The CSS function clamp() is a heavy hitter. It’s … Read article “Linearly Scale font-size with CSS clamp() Based on the Viewport”


            #194: Jetpack’s Social Integration

            Jetpack can help automate your site’s social media.

            It’s a pretty small feature compared to all the huge stuff Jetpack can do, like improve your site’s search, back it up, and protect it. But it’s a feature I love nonetheless.

            CSS-Tricks has social media accounts, for example, the Twitter handle @css. We largely use that account to notify folks when new content has been published to the site, and it’s been that way long enough … Read article “#194: Jetpack’s Social Integration”

            Keep browsing in the archives



            Programming Sass to Create Accessible Color Combinations


            Need to Test API Endpoints? Two Quick Ways to Do It.


            HTTPS is Easy!


            Fancy Ampersand

            Monthly Sponsor
            Thanks, Fauna