CSS–101 – Go fetch yourself!
Using descendant selectors is inneficient, but when your key selector (the rightmost selector) is a ID selector, then things get worse. via CSS–101 – Go fetch yourself!. It’s a little weird sometimes...
View ArticleCode Fast Die Young – Design annoyances
I’m not a designer, but I like to play one on the internet. Having spent a fair amount of time in front-end code, and teaching myself the basics through necessity, I think I have a decent sense of when...
View ArticleMobile Boilerplate
Mobile Boilerplate is your trusted template made custom for creating rich and performant mobile web apps. You get cross-browser consistency among A-grade smartphones, and fallback support for legacy...
View ArticleGoogle Web Fonts – Streamline your web font requests. Introducing “text=”
Google will optimize the web font served based on the contents of this parameter. For example, if you only require a few letters for a logo, such as “MyText”, Google will return a font file that is...
View ArticleSnook.ca – Font sizing with rem
And voila, we now have consistent and predictable sizing in all browsers, and resizable text in the current versions of all major browsers. via Snook.ca – Font sizing with rem. Seriously nice.
View ArticleCSS-Tricks – IE 8 Thinks All Table Cells Have a Colspan
Nathan Smith let me know about this little gem. IE 8 (only) thinks that all table cells have a colspan attribute, whether they do or not. So if you are looking to style table cells uniquely that have...
View ArticleThe Watchmaker Project – How to fix the broken iPad form label click issue
Mobile Safari, the browser found on iPhones, iPod Touches and the iPad, does not (currently) implement the same label behaviour as other browsers. Clicking on labels doesn’t do anything—possibly, as...
View ArticleCSS-Tricks – Functional CSS Tabs Revisited
The idea of “CSS Tabs” has been around for a long time. If you Google it, a lot of what you get is styled CSS tabs, but less stuff on the building an actually functional tabbed area. At least,...
View ArticleLea Verou – Pure CSS3 typing animation with steps()
steps() is a relatively new addition to the CSS3 animations module. Instead of interpolating the values smoothly, it allows us to define the number of “frames” precisely. So I used it to create headers...
View ArticleFrankie Roberto – Responsive Text
Some websites now contain ‘responsive images’. These scale (or crop) depending upon your screen’s viewing area, so the image sizes remain appropriate whether you’re looking at the website on a mobile...
View ArticleLine Clampin’ | CSS-Tricks
You want X lines of text. Anything after that, gracefully cut off. That’s “line clamping” and it is a perfectly legit desire. When you can count on text being a certain number of lines, you can create...
View Article10 Years
So for the tenth anniversary, the Zen Garden is open for business once more. I’ve thrown the codebase on Github, given the dusty copy a refresh, started the conversion of the site to HTML5, and brought...
View ArticleIdeal column width for paragraphs online
Are there any type of guidelines to help me size the width of paragraphs on the screen? I want to take into consideration: Major web font faces (i.e. Arial, Verdana, Georgia, Times) A range font sizes...
View ArticleMobile Boilerplate
Mobile Boilerplate is your trusted template made custom for creating rich and performant mobile web apps. You get cross-browser consistency among A-grade smartphones, and fallback support for legacy...
View ArticleIdeal column width for paragraphs online
Are there any type of guidelines to help me size the width of paragraphs on the screen? I want to take into consideration: Major web font faces (i.e. Arial, Verdana, Georgia, Times) A range font sizes...
View ArticleEffeckt.css
Ever notice how small flourishes and subtle transitions dramatically increases the value of the experience you enjoy with an app or site? Designing and developing UIs for the mobile web is tricky, but...
View ArticleTaking Control of the CSS/JS that WordPress Plugins Load
Concatenating resources isn’t some obscure thing only the most elite websites need to worry about. It’s an every website problem. People have tackled this problem in a million ways. CSS sprites were...
View ArticleCSS: Just Try and Do a Good Job
Here’s how I’m trying to approach CSS these days: just try and do a good job. I don’t subscribe to any specific methodologies or strict rules. More like a set of loose guidelines that attempt to keep...
View ArticleNaming Things
Put simply, code is read more often than it is written or changed. A consistent and predictable naming scheme can make code easier for other developers to understand, improve and maintain, presumably...
View ArticleQuantity Queries for CSS
In this article, I will be outlining a technique to make CSS quantity-aware using specially formed selectors. I will be applying these selectors to one classic problem in particular: how to alter the...
View Article