Archive for the ‘CSS’ Category

Google HTML/CSS Style Guide. I love style guides, I really do. I see style guides as being essential when working on a team because there is so much that can be done just a little bit differently that might have a frustrating effect on another teammate. I’m not proclaiming that everyone should be embracing and [...]

Responsive viewport units – destroy/dstorey. I’m going to be honest. There are certain parts of CSS3 that have me nervous. It’s not that I’m intimidated about using them, they just break the lid off what we once thought was impossible. How the heck can you wrap your mind around some of this stuff? It’s inevitable [...]

CSS px is an Angular Measurement. I’m not quite sure exactly what to make of this but I found it interesting. The ‘px’ unit in CSS is a non-linear angular measurement… The moon from Earth is about 24.3px wide, for example. What it really comes down to is screen resolution. Discussions surrounding the pixel were [...]

#328 Twitter Bootstrap Basics – RailsCasts. If you’re not familiar with them, RailsCasts are really high quality screencasts focused on Ruby On Rails development. While I don’t do much (if any) RoR development consistently, I think this 10 minute screencast is a great look into why Twitter Bootstrap is so powerful. If you’re a RoR [...]

Scope CSS classes with prefixes · Deep Thoughts by Mark Otto. This is a short, sweet, and fantastic article on writing modern, lean, effective CSS. I’ve been thinking a lot about writing better CSS lately, and adopting a system like this has helped exponentially. Programmers are said to be lazy, front end developers should be [...]

How Basecamp Next got to be so damn fast without using much client-side UI – (37signals). This is super neat. 37signals outlines a big look into what they did behind the scenes when building Basecamp Next, specifically the changes made on the client side. There is some wacky stuff going on but I’m super interested [...]

Using CSS without HTML · Mathias Bynens. While not at all for production use, this is a really neat look into the idea of building a document without any HTML. Now you see why this isn’t for production use by any means. The technique is based on some fallback behavior implemented by browsers, namely auto-inclusion [...]

* { box-sizing: border-box } FTW « Paul Irish. The universal selector got a bit of a bad reputation when people used it as a CSS reset. There are some performance concerns when using it, but Paul Irish makes a great suggestion here. border-box is a good thing, just as long as you can break [...]

CSS3 3D Transforms in IE10 – IEBlog – Site Home – MSDN Blogs. Some CSS3 3D Transform information has been published on IEBlog that’s worth checking out. I’m continually impressed with the work the IE team is doing, and this continues with that trend.

The CSS3 Test. With so much going on with CSS3 it’s sometimes difficult to remember whether or not a specific browser (or specific version of a specific browser) supports a particular feature of CSS3. Instead of wrestling through docs, something like The CSS3 Test might save you a few minutes here or there. By simply [...]