HTML Component Vocabulary
Common component patterns marked up and named for reference.
Fixing body and html class specificity
A better format for classes on body and html elements.
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 […]
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 […]
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
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 […]