Blog

Design Systems at GitHub

Here’s a nifty post by Diana Mounter all about the design systems team at GitHub that details how the team was formed, the problems they’ve faced and how they’ve adapted along the way: When I started working at GitHub in late 2015, I noticed that there were many undocumented patterns, I had to write a lot...

Building a Complex UI Animation in React, Simply

Let’s use React, styled-components, and react-flip-toolkit to make our own version of the animated navigation menu on the Stripe homepage. It’s an impressive menu with some slick animation effects and the combination of these three tools can make it relatively easy to recreate. This is an intermediate-level wa...

Fast, Good, Local Site Search with Jetpack

If you have, say, 20 posts/pages on your WordPress site, the search functionality that is baked right into your self-hosted WordPress site will probably do a great job. Search is a pretty cool feature to ship with WordPress, truth be told. But as a site grows, you’ll find limits. How it works behind the scenes is...

Are you a designer? These Portfolio WordPress Themes Were Created for You

Advertise here via BSA What does it take to have a decent portfolio? You will definitely need the right tools and a fair amount of creativity. Extra creativity isn’t something that someone can easily come up with. But there are some top-of-the-line WordPress themes that can help you. They are to some degree portfoli...

Unused

I recently wrote Here’s the thing about “unused CSS” tools, where I tried to enumerate all the challenges any tool would have in finding truly “unused” CSS. The overarching idea is that CSS selectors match elements in the DOM, and those elements in the DOM come from all sorts of places: your s...

Emojis as Icons

There are lots of unicode symbols that make pretty good icons already, like arrows (←), marks (✘), and objects (✂︎).You can already colorize these like a normal font glyph. Then, there are emojis, those full-color suckers we all know about. What if you could take just the shape of an emoji and use it like ...

How To Create A Flat Vector Illustration In Affinity Designer

How To Create A Flat Vector Illustration In Affinity Designer Isabel Aracama 2018-07-11T20:00:02+02:00 2018-07-11T18:05:32+00:00 (This is a sponsored post.) If you are in the design world, chances ar...

There’s no such thing as motivation

I’m not highly motivated. I don’t have amazing willpower or self-control. I don’t get up at 6 am to read, meditate, drink a green smoothie, and run 10K. That’s because I don’t believe in motivation. Instead, I’ve built … ...

Hyperlinking Beyond the Web

Hyperlinks are the oldest and the most popular feature of the web. The word hypertext (which is the ht in http/s) means text having hyperlinks. The ability to link to other people’s hypertext made the web, a web — a set of connected pages. This fundamental feature has made the web a very powerful platform and i...

Learning To Code By Writing Code Poems

Learning To Code By Writing Code Poems Murat Kemaldar 2018-07-11T14:00:32+02:00 2018-07-11T12:57:49+00:00 Back in 2008, I started studying design and clearly remember how the sheer sight of code just...