npm How to Distribute a Pattern Library as an npm Package from a Private Git Repo So you’ve got a pattern library: Congratulations! The next step is making it possible for other people to use those patterns. You could simply provide download links for the CSS and other
design Do Siegel’s Seven Deadly Sins Hold Up? In 1996, David Siegel’s book Creating Killer Web Sites was at the top of the charts on Amazon, and it quickly became the gold standard of web design books. Siegel may not
mobile What’s the Mobile Use Case? I recently worked on a project to dramatically improve mobile access for an app. At least twice during the proposal process, I was asked “What’s the mobile use case?” I was caught
css Code Verbosity Recently I was refactoring some CSS, and I found something like this code snippet: body { font-family: sans-serif; font-size: 14px; line-height: 1.4; } h1 { font-family: serif; font-size: 36px; font-weight: bold; } Ugh, I thought, why
css What IS Flexbox? An elegant layout method for a more civilized age. Flexbox is a new layout mode in CSS3. The previous version of CSS defined four layout modes: block layout for laying out documents inline
css The Many Exciting CSS Limits of Internet Explorer Internet Explorer has a number of limits in the way it loads CSS, which can cause some of your styles not to be applied if you unknowingly exceed them. IE9 and lower: A
design Trust Your Designer, But Review Their Code It can be awkward when your designer says they want to work directly in code. You want to protect the high quality of your front-end layer, but you don’t want to seem
css How to use @font-face to avoid faux-italic and bold browser styles Did you know that if you declare a custom font using @font-face, the browser will try to fake the bold and italic styles if it can't find them? This is a clever little
css How to avoid paragraph gaps when using superscript and subscript Frequently, when I see a webpage with superscript or subscript text, I see associated gaps in the paragraph. This is caused because the default way browsers render super and subscript text is to
