Chat Clussman is a design technologist and a father. His main obsession is quality of life but he’s also fond of writing, photography, design, grids, Apple, and WordPress. He lives in Austin, TX.
An approach to building responsive websites that also work in IE using SASS to output a separate stylesheet. This technique avoids any JS dependencies. I hadn't really considered the single stylesheet drawback of using LESS/SASS. I would normally just hand roll the separate stylesheet, which defeats the purpose of using LESS or SASS.
Inspiring stuff. From the CNNMoney website where these homes were featured:
These aren't your typical mobile homes. They're swanky, beautifully designed and, well, made out of recycled shipping containers... The containers are mold proof, fire proof, termite proof and stronger than traditional wood framing -- making this house virtually indestructible, according to its designers.
One technique for images in responsive designers. This method caps the max height of an image so it can size appropriately for both small screens and large.
Cool use of CSS transitions to reveal additional information. You could argue that this sort of thing doesn't belong in the presentation layer--and you might be right--but you can't deny it looks sexy. And since you don't always have the benefit of a Javascript programmer, it's kind of nice to have options.
I can't believe the amount of work that went into creating this event and the nine books that went with it. It pays off though. The design is fantastic. They drew each page on a giant chalkboard, shot it, then erased it and drew the next one.
What's better than telling a web designer how great icon fonts are? Showing them. CSS Tricks does a more than convincing job of showing why you should use icon fonts to display icons on your website, including the ability to resize, recolor, shadow, and transform them on the fly.
I heard about this company on a Boagworld podcast and their rates are cheap. Have you thought about transcribing audio and video content? Did you dismiss it thinking it was expensive? Have you given thought to disabled users or even people who just have a hearing deficiency? Even if you don't want to do it to reach that wider audience, it's worth considering for the extra content it would generate.
Just looking at the examples and this looks like a ridiculously awesome plugin. It looks like this does a lot of what you could do if you had complete nth-of-type control over typographic elements in CSS. (Or you could achieve the same thing using tons of superfluous markup and CSS.) As with all plugins like this, there is a visible switch once the page fully loads. That part is a bummer.
This is a hard one for most dev/designer types, myself included, but if you're thinking about doing your own thing, PR has to be a necessary part of it. While the tips in the post might seem obvious to some, they're not obvious to most introverts. There is good advice in both the post and the comments.
Every now and again you get to do something really unusual and fun. We recently got to do one of those projects: a video for the Spiceworks annual IT user conference. It has zombies, bacon, an orange dinosaur, nerf guns, explosions, and more. Check it out:
Do me a favor: if you like it, favorite it and share it with your friends.