Home » NewsBlog » CSS

Recreating the GitHub Contribution Graph with CSS Grid Layout

2018-02-03T03:00:43+00:00 February 3rd, 2018|Categories: News, Tutorials|Tags: |

Ire Aderinokun sets out to build the GitHub contribution graph — that’s the table with lots of green squares indicating how much you’ve contributed to a project – with CSS Grid: As I always find while working with CSS Grid Layout, I end up with far less CSS than I would have using almost any [...]

JavaScript, I love you, you’re perfect, now change

2018-02-02T03:05:29+00:00 February 2nd, 2018|Categories: News, Tutorials|Tags: |

Those of us who celebrate Christmas or Hannukkah probably have strong memories of the excitement of December. Do you remember the months leading up to Christmas, when your imagination exploded with ideas, answers to the big question "What do you want for Christmas?" As a kid, because you aren't bogged down by adult responsibility and [...]

Take a coding quiz, get offers from top tech companies

2018-02-02T03:05:26+00:00 February 2nd, 2018|Categories: News, Tutorials|Tags: |

(This is a sponsored post.) That's how TripleByte works. The companies that find hires from TripleByte (like Dropbox, Apple, Reddit, Twitch, etc) don't have as many underqualified applicants to sort through because they've come through a technical interview of sorts already. Direct Link to Article — Permalink Take a coding quiz, get offers from top [...]

Aspect Ratios with SVG

2018-02-02T03:05:24+00:00 February 2nd, 2018|Categories: News, Tutorials|Tags: |

I quite like this little trick from Noam Rosenthal: Content goes here Two things going on there: As soon as you give a a viewBox, it goes full-width, but only as tall as the implied aspect ratio in the viewBox value. The viewBox value is essentially "top, left, width, height" for the coordinate system interally [...]

A Site About Serverless Technology

2018-02-01T03:05:11+00:00 February 1st, 2018|Categories: News, Tutorials|Tags: |

I know some of you have a visceral and negative feeling toward the word serverless. I felt that way at first too, but I'm kinda over it. Even if it's not a perfect word, it's done a good job of encapsulating a movement into a single word. That movement is far more than I'm qualified [...]

Designer-Oriented Styles

2018-02-01T03:05:09+00:00 February 1st, 2018|Categories: News, Tutorials|Tags: |

James Kyle: Components are a designer’s bread and butter. Designers have been building design systems with some model of “component” for a really long time. As the web has matured, from Atomic Design to Sketch Symbols, “components” (in some form or another) have asserted themselves as a best practice for web designers ... Designers don’t [...]

Building a Good Download… Button?

2018-02-01T03:05:05+00:00 February 1st, 2018|Categories: News, Tutorials|Tags: |

The semantics inherent in HTML elements tell us what we’re supposed to use them for. Need a heading? You’ll want a heading element. Want a paragraph? Our trusty friend is here, loyal as ever. Want a download? Well, you’re going to want... hmm. What best describes a download? Is it a triggered action, and therefore [...]

People Writing About Style Guides

2018-01-31T03:05:11+00:00 January 31st, 2018|Categories: News, Tutorials|Tags: |

Are you thinking about style guides lately? It seems to me it couldn't be a hotter topic these days. I'm delighted to see it, as someone who was trying to think and build this way when the prevailing wisdom was nice thought, but these never work. I suspect it's threefold why style guides and design [...]