A list apart’s website has a great article on this new problem with pixels and pixel based screen designs. As if designers didn’t have enough to worry about trying to cater to 500+ screen resolutions and devices, we now have a number of different types of pixels to measure by. Hardware pixel or reference pixel? To find out what the difference is and how to use media queris to fix this – read the full article here: www.alistapart.com/articles/a-pixel-identity-crisis/.
This made me want to scream & pull my hair out – and you may have the same reaction. But keep in mind we live in exciting times with design and technology. We are creating the future of how people will interact. These are obstacles we need to overcome and standards that need to be built for us to move forward

Use @font-face to add symbols or icons to your web fonts. This font uses all frequently used icons and symbols.
Enjoy!

@font-face{
font-family: ‘WebSymbolsRegular’;
src: url(‘/fonts/websymbols-regular-webfont.eot’);
src: url(‘/fonts/websymbols-regular-webfont.eot?#iefix’) format(‘embedded-opentype’),
url(‘/fonts/websymbols-regular-webfont.woff’) format(‘woff’),
url(‘/fonts/websymbols-regular-webfont.ttf’) format(‘truetype’),
url(‘/fonts/websymbols-regular-webfont.svg#WebSymbolsRegular’) format(‘svg’);
}

Grab the typeface and more info on the site here:

If you’re a designer or a web developer you’ve probably been dealing with this problem for years – or you may just be starting out and are asking yourself this for the first time. I totally agree with the answer they provide to the question “do web sites need to be experienced exactly the same in every browser?” in this domain… dowebsitesneedtobeexperiencedexactlythesameineverybrowser.com

Check this out. The Boston Globe has just launched a new web site design that is responsive. Very nice!

Think Vitamin continues to be an inspiration for me and is one of very few newsletters that I will never regret signing up for. Recently they’ve written an article that comes with a video on a new jQuery plugin that lets you resize your flash video. Responsive web design is not just for layouts – but for images, type, and videos as well. The great thing is you don’t need to be a crazy programming geek to be able to use this system and create your own responsive video. You just have to use this jQuery. The video explains it all very nicely. Please read the rest of Think Vitamin’s article(s) here.

The jQuery plugin is called fitvidsjs and can be found here.