How we help Black-owned businesses grow their digital skills

February 25th, 2020

Born on a cotton plantation in Louisiana in 1867, Sarah Breedlove faced many challenges as she sought to work her way out of poverty during a time of intense racial discrimination. Like many Black Americans, Sarah, who would later be known as Madam C.J. Walker, turned to entrepreneurship as a way to create her own…

Responsive Grid Magazine Layout in Just 20 Lines of CSS

February 25th, 2020

I was recently working on a modern take of the blogroll. The idea was to offer readers a selection of latest posts from those blogs in a magazine-style layout, instead of just popping a list of our favorite blogs in the sidebar. The easy part was grabbing a list of posts with excerpts from our…

Pages for Likes

February 24th, 2020

I posted about parsing an RSS feed in JavaScript the other day. I also posted about my RSS setup talking about how Feedbin is at the heart of it. Dave discovered that Feedbin can also produce an RSS feed for all your likes. Like is a feature of Feedbin, and fortunately also NetNewsWire, which syncs…

Upholding the legacy of Black entrepreneurship in Atlanta

February 24th, 2020

February is Black History Month across the U.S., but here in Atlanta, Black history is everywhere, year-round. Atlanta is the number one city for Black prosperity, and the country’s fourth-largest tech hub. As more than a quarter of Atlanta’s tech workers are Black, it’s clear that our city’s startup scene is just the latest iteration…

Fixed Headers and Jump Links? The Solution is scroll-margin-top

February 21st, 2020

The problem: you click a jump link like <a href=”#header-3″>Jump</a> which links to something like <h3 id=”header-3″>Header</h3>. That’s totally fine, until you have a position: fixed; header at the top of the page obscuring the header you’re trying to link to! Fixed headers have a nasty habit of hiding the element you’re trying to link…

Inspiring high school students with HTML and CSS

February 21st, 2020

Here’s a heartwarming post from Stephanie Stimac on her experience teaching kids the very basics of web development: […] the response from that class of high school students delighted me and grounded me in a way I haven’t experienced before. What I view as a simple code was absolute magic to them. And for all…

How one Googler creates more than music at Carnival

February 21st, 2020

While many Brazilians grow up celebrating Carnival, this wasn’t true for Christiane Silva Pinto. It wasn’t until college when she joined her first bateria that it became an incredibly important tradition to her. “When I was playing in college, I loved the music and practicing with the band, but I also loved that I got…

Pop-Up Livestream on February 22

February 20th, 2020

As mentioned in this post, Matt will host a livestream on February 22 during Bangkok daylight hours. He opened an invitation to any speaker who was affected by the cancellation, and the livestream will include the following fine people: Imran Sayed, Md Saif Hassan, Muhammad Muhsin, Nirav Mehta, Piccia Neri, Umar Draz, and Francesca Marano…

Animate SVG Path Changes in CSS

February 20th, 2020

Every once in a while I’m motivated to attempt to draw some shapes with <path>, the all-powerful drawing syntax of SVG. I only understand a fragment of what it all can do, but I know enough to be dangerous. All the straight-line syntax commands (like L) are pretty straightforward and I find the curved Q…

Do This to Improve Image Loading on Your Website

February 19th, 2020

In the video embedded below, Jen Simmons explains how to improve image loading by using width and height attributes. The issue is that there’s a lot of jank when an image is first loaded because an img will naturally have a height of 0 before the image asset has been successfully downloaded by the browser….