Home » NewsBlog » CSS

Gotchas When Publishing Modules in npm and Bower

2018-02-21T03:06:29+00:00 February 21st, 2018|Categories: News, Tutorials|Tags: |

Bower and npm are de-facto the package managers of the web. I doubt there are many front-end developers out there who haven’t heard of them or used them to manage dependencies. Whilst many of us use them as consumers, one day you might decide to share a project of your own and become a contributor! [...]

The Red Reveal: Illusions on the Web

2018-02-20T03:05:19+00:00 February 20th, 2018|Categories: News, Tutorials|Tags: |

In part one of a series of posts about optical illusions on the web, Dan Wilson looks at how to create the “Red Reveal” that he happens to describe like this: Growing up, my family played a lot of board games. Several games such as Outburst, Password, and Clue Jr. included something that amazed me [...]

My Talk Writing Process

2018-02-20T03:05:03+00:00 February 20th, 2018|Categories: News, Tutorials|Tags: |

Some people have a talk preparation process that is super organized and runs like a well-oiled machine. Mine, on the other hand, is a bit messy, but it works for me. Even when a talk looks polished and put together on stage, it doesn’t mean the process to get it there was that way too. [...]

Shipping system fonts to GitHub.com

2018-02-17T03:05:34+00:00 February 17th, 2018|Categories: News, Tutorials|Tags: |

System font stacks got hot about a year ago, no doubt influenced by Mark Otto's work putting them live on GitHub. The why, to me, feels like (1) yay performance and (2) the site looks like the rest of the operating system. But to Mark: Helvetica was created in 1957 when the personal computer was [...]

Your Sketch library is not a design system redux

2018-02-16T03:05:56+00:00 February 16th, 2018|Categories: News, Tutorials|Tags: |

I really like this post by Brad Frost about what is and isn’t a design system, particularly when he de-emphasizes the importance of tools when it comes to that sort of work : ...components living inside static design tools like Sketch isn’t itself a design system. Pardon my clickbait. Perhaps a better title would have [...]

CSS Basics: Using Multiple Backgrounds

2018-02-15T03:05:56+00:00 February 15th, 2018|Categories: News, Tutorials|Tags: |

With CSS, you can control the background of elements. You can set a background-color to fill it with a solid color, a background-image to fill it with (you guessed it) an image, or even both: body { background-color: red; background-image: url(pattern.png); } Here's an example where I'm using an SVG image file as the background, [...]

CSS Basics: The Second “S” in CSS

2018-02-15T03:05:40+00:00 February 15th, 2018|Categories: News, Tutorials|Tags: |

CSS is an abbreviation for Cascading Style Sheets. While most of the discussion about CSS on the web (or even here on CSS-Tricks) is centered around writing styles and how the cascade affects them, what we don't talk a whole lot about is the sheet part of the language. So let's give that lonely second [...]