HTML Component Vocabulary

Common component patterns marked up and named for reference.

Read More »

Fixing body and html class specificity

A better format for classes on body and html elements.

Read More »

Thoughts on Foundational CSS Font Setup

Earlier this week, I listened to the first episode of “Happier with Gretchen Rubin”. One of the things they talked about was if a person was a “satisficer or maximizer” – and I’m definitely out there towards maximizer on the spectrum. This definitely made me “know myself better” and helps me understand my own behaviors […]

Read More »

Transform Order Matters

I was recently working on a project that involved a fair bit of CSS animation and I discovered that the order in which the transform functions are ordered in your markup can affect the display. Specifically putting scale(1.2) before translateX(-50%) shifts the element off center. But if the translate is first, then the scale everything […]

Read More »

Link: width=device-width, initial-scale, and too-wide elements

http://www.quirksmode.org/blog/archives/2014/01/widthdevicewidt.html Investigation by PPK into how different mobile browsers handle display of wide elements with different meta viewport values. Unless you have a special need, safest approach seems to be to specify both initial-scale=1 and width=device-width

Read More »

Improving the Performance of your Website

Having a fast website is important for both SEO and User Experience (UX). If a site is too slow to load, people are more likely to move on to something else. This is a short list of fairly easy activities that can be accomplished by any competent web developer which will have a major impact […]

Read More »