Dec 29 2011
Many (especially decorative) web fonts come only in a few selected weights and styles. It’s smart to load as few as possible since they can be quite heavy, but also make sure you only use them in the weights/styles you load otherwise the browser will fake it for you and muddy it up.
Dec 28 2011
In which we get the rotate value in degrees from a CSS rotation transform.
Dec 26 2011
Hey folks! It’s that time of year again where I write a post to say thanks to every person visiting this site. CSS-Tricks is part of my career, so just by virtue of you visiting this site directly helps me.
Like families often send holiday letters to their relatives with a review of their year and the notable things family members have done, I like to write this blog post and review the year at CSS-Tricks through the numbers. (See …
Dec 22 2011
Callbacks are one way to keep JavaScript functionalities cleanly separated, but they aren’t always enough. Using custom events are easier, more flexible, cleaner, and can make more obvious readable code.
Dec 21 2011
Using a hidden checkbox, you can re-create a lot of functionality on website that rely on clicks and toggled states. Fair warning, it’s not always super semantic or a good idea, but it’s awful fun to play with.
LiveReload is a Mac-only menu bar app that is quite helpful for web developers. Just tell it to watch a specific folder, and when a file is saved, the browser will automatically refresh showing the change. So no need to switch applications and manually refresh, which is awkward and prone to breaking concentration.
Even better, LiveReload can trigger all the preprocessing to happen first. So if you like to work in SASS, Compass, LESS, Jade, CoffeeScript, Eco, HAML, Slim, or Stylus (or would like to try out working with these languages) LiveReload makes it easy. Essentially, just start making files with the appropriate file extention and LiveReload will compile them down to their native language every time the file is saved.