My Clear gif trick for image swapping for Media Queries with no hardcore backend code

First create a clear.gif file to use everywhere you want to stick lets say your logo. Dont worry about size the gif is but do wrap it in a div say we can control that clear.gif img properties. I then add that class to my CSS and make the img properties to be both 100% on width & height. Then create the class's properties to use the logo i want as the background of the div. after i got it right for current layout, i copy&paste for other sizes layouts and make the little tweaks needed with out ever having to touch the html embedded image. This saves time & coding for writing a script that swaps out each image depanding on page size. I hope you find this helpful.

Designer/Developer Inspiration and EXPANDING web design knowledge and all design knowledge:

Sick buttons and forms with style

Tools you should have on firefox or chrome

this sites breakdown to have development and design in separate tuts. & & I check the most

They have free things to download for assets everyone and then n they got good articles.


great for some free fonts and font research to create from scratch

Typography Anatomy:

Font manager i use and have a free version of thats older but rocks:

Also check out

EM vs Pixel Knowledge:


like big brands coke, tacbell and whatNOT

LEARN things or reCAP to find stuff we forget about:




LOGOS Inspiration links:

LOOK AT THIS FOR branding/LOGO/typography ideas:

site Inspiration links:

This site has sites you can submit as a designer you see all the work in different categories by design style


desiner today

Good Look Creative | a Marketing Consultancy | Events | Publicity | Print | Web | Identity | 888.413.7744 | |


Web Design Inspiration, CSS Gallery and Video Review Podcast -

Design is Kinky

Styleboost Tutorials: Graphic design tutorials on how-to design logos, brochures, websites, direct mail, and other types of print and digital marketing Tutorials | The assertive palette

Stencil Revolution - Powered by Stencil Revolution

nerd crap thats cool:

BASE kit for MOBILE web development: Pretty sick!

web design layout!

Meet the 960 grid system!

CSS3 Mastery

HTML5 Mastery

CSS3 & HTML5 magic

form knowledge