I’ve been working on a few websites and CSS3 has been a revalation. Placing videos in the page and altering them with CSS, formating corners, shadows, text-shadow anti-aliasing tricks, on and on. Every time I find myself getting excited I temper my excitement by loading the page in an IE window and shrung my shoulders. Is this seriously how 22.6%of people view the internet? Ugh… Well cry no more, digging around has helped me find many users who have put in some IE hacks to get us through this transitionary period.
Firstly, is a file that when used correctly, will help IE support border-radius, box-shadow and text-shadow. Simply placing the file inside your website and linking to it inside CSS like such will do the trick:
Important! Make sure to put the absolute path! This is not like a background where you use a relative path to the stylesheet. IE looks at the path relative to the website root.
Secondly, IESHIV is here to get all those new elements to look correct and act correctly. Section, Article, Header, Footer, Nav are attempting to make HTML much more semantic. Also, it gives your site a bit more Google Juice. Google is able to parse out which of your data is content and which is merely navigation. When you load a file inside IE, all your elements are ignored and everything goes to hell. Simply place this code in your tag:
<!--[if lt IE 9]> <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]-->
Once that is in there, it will treat those elements like correct HTML elements. Beautiful.
Here’s a few more courtesy of wpmu.org.
I finally took the leap to the standing desk. It took a month of doctor’s notes and appointments with facilities, but they just installed an adjustable desk. I’m really curious to see how this affects my workday. Right away I realize my legs aren’t ready for standing 8 hours a day.
A lot of the inspiration to finally do it came from The Art of Manliness post about standing desks. I’d love to do it at home, but the foot difference between my wife and I probably won’t make that work.
It’s difficult to buy software these days unless it’s crucial (Photoshop, OS X upgrades), but I just picked up Coda from Panic Software. I used the demo for a month and once it expired I was hating every alternative. The clean FTP interface along with the easy organization of tabs are just unbeatable.
Not sure what books any of you have read dealing with CSS and web design, but I recently picked this up the book Handcrafted CSS from the library. Quick read and really quick and effective. I think most designers tend to learn by doing, so he basically takes a website design and breaks up how he did all the interesting touches. It does go into some base ideas for a while such as Grid design. I definitely stole some ideas for creating quick buttons from the site.
tendencies of horizontal thinking by reading a book. Usually I’m flying between sites skimming everything for what I need and getting back to work. I’m interested to pick up the books by A List Apart, appropriately called A Book Apart. Will give a small review when I pick them up.
Recently been enjoying the Google Labs project Google Fonts. It’s surprising how important typography is to websites and how much of a pain it can be. Personally I’ve tried the following: sifr, cufon, @font-face and google fonts. It seems like google fonts is the same idea as Typekit which seems like the way things have to go.
Using this makes me kind of ashamed of the ugly flash objects all over my previous websites, but you have to learn your mistakes somehow.