Now this put a smile on my face: how to go from a blank – unstyled – website from a version that has gotten some love. A great resource to show in a first class on web design / web development imho. Web Design in 4 Minutes →
Tag Archives: web
UpGuard Web Scan
Improved Font Loading in WebKit
Web Notifications Generator
Relative Positioning Inside an SVG
Sara Soueidan, who else, has written an extensive article on how to mimic relative positioning in an SVG. The gist: nest your SVGs. Whilst her examples are – as per usual – very extensive and complete, I took the liberty on simplifying her final example: See the Pen Relative Positioning in SVG by Bramus! (@bramus) …
Typography for User Interfaces
Viljami Salminen: Since my early days in the industry, I’ve grown to love type and all the little nuances that go into setting it. In this article, I want to share some of the fundamentals that I’ve learned, and hopefully help you get better at setting type for user interfaces. Typography for User Interfaces (Article) …
Stress test your design with forceFeed.js
Fun script by Heydon Pickering, whom you might know from the lobotmized owl selector, and quantity queries with CSS. Static mockups are liars. They only show the designer’s content. The forceFeed.js script is designed to help you test your design’s tolerance for variable, dynamic content. A tiny script that “force feeds” HTML elements with random …
Continue reading “Stress test your design with forceFeed.js”
HTML Parser Quiz
Modern Layouts: Getting Out Of Our Ruts
Video (filmed at An Event Apart) and slides from “Modern Layouts: Getting Out of Our Ruts” by Jen Simmons: In the early years of the web, there was a lot of variation and experimentation with where to put content on a web page. Then, it seems we all settled into a handful of patterns and …
lint-staged: Lint JS and CSS files staged by Git
Running a lint process on a whole project is slow and linting results can be irrelevant. Ultimately you want to lint only files that are staged/will be committed. This project contains a script that will run arbitary npm tasks against staged files, filtered by a spicified glob pattern. lint-staged introductory blogpost: Make Linting Great Again …
Continue reading “lint-staged: Lint JS and CSS files staged by Git”