SpotGeek.net Blog

CSS sprites / retina display

CSS sprites / retina display

Example retina display with css: span.button{ background: url(button.png) no-repeat 0 0; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { span.location { background-image: url(button@2x.png); background-size: 16px 14px; } } http://www.designzzz.com/css-sprites-what-is-it-and-how-to-use-it/...

typography tools for web designers 0

typography tools for web designers

1. PxtoEM 2. Font Tester 3. Type Navigator 4. Color Contrast Check 5. Wordle 6. Typechart 7. Fontifier 8. Baseline/Line-Height-Calculator 9. Fontstruct   Typography is one of the enthralling and challenging parts of the...

CSS3 Photobox the new generation of gallery.. 0

CSS3 Photobox the new generation of gallery..

Benefits Both the script & CSS are maximum 10k each (minified script, not gziped) Uses silky-smooth, hardware accelerated, CSS3 transitions and animations (for better performance) Pretty UI and easy UX CSS3 preloader, tailored-made. Works...

CSS dropdown menu 0

CSS dropdown menu

Process of creating a dropdown menu with pure CSS which you can easily implement in any HTML website without writing a line of JavaScript. http://www.webtutorialplus.com/css-dropdown-menu/ 

color of year 2013 0

color of year 2013

Emerald color to 20123 pantone color of 2013: emerald CSS Color: #009874 RGB: 0 152 116 see the color of the other years    

Advanced html & css performance-organization

Advanced html & css performance-organization

Choosing a Methodology Choosing which methodology to use, if any, is completely up to you and what you feel is best for a given website. Generally speaking, a solid mix of both OOCSS and SMACSS works...