Introducing VTT
I originally wrote this post for the Web Platform Documentation Project. Since the project was halted in 2015 I decided to move the text to this blog while the companion code repository remains on...
Home
Theming the web with CSS Custom Properties
When I first heard about CSS Custom Properties (CSS Variables) one of the things I found most intriguing was the possibility of creating themes and have multiple themes available for use. In this post...
Literate CSS
here's an idea... take a markdown file containing both documentation and the SCSS/CSS code it references as fenced markdown blocks and use that to generate your production code. Granted, it is not a...
Conditional CSS using CSS feature queries
In Javasacript we've been able to detect support for specific features almost since day one, at least since we decided that detecting browsers and equating a browser/version combination with support...
Understanding alignment in a multi-language world
We're living in a progressively more diverse and more multilingual world. When the language works the same as English we have no problem. We start having issue becomes when we work with languages...
crazy layouts
I've been playing with the idea of creating crazy, magazine style, layouts since I Attended Jen Simmons and Rachel Andrew workshops at An Event Apart last year. I came up with this crazy idea, build...
Web Components as pattern libraries: Styling the element
Styling the element # Insert the following CSS in the style declaration for our pattern-figure element :host { display: block; clear: both; } :host > figure { max-width:...
Web Components as Pattern Libraries: Building the element
One of the things that have caught my attention about web components is how easy it is to adapt them as pattern libraries and design libraries. Because we can isolate the style and scripts for each...
CSS and Javascript working together
Do we need CSS after all? # CSS is not immune to the framework wars. This is a quick look at some of the available CSS frameworks. Bootstrap Foundation Semantic-UI Susy Material...
Developer frustration: Better be ready
There is a point when we need to decide if technology is a help or a hindrance. This came up recently in a conversation with @jiminpan in Twitter made me realize something: We all react differently to...