Category: Web

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...

WordPress hacks

WordPress hacks

http://www.catswhocode.com/blog/10-wordpress-dashboard-hacks   http://technerdia.com/1140_wordpress-admin-bar.html    # Alterar Siteurl & Homeurl UPDATE wp_options SET option_value = replace(option_value, ‘http://www.enderecoantigo.com’, ‘http://www.novoendereco.com’) WHERE option_name = ‘home’ OR option_name = ‘siteurl’; # Alterar GUID UPDATE wp_posts SET guid = REPLACE...

Jquery, fonts design graphics, web design 0

Jquery, fonts design graphics, web design

Jquery Mobile http://jquerymobile.com/ http://jqueryui.com/ http://tympanus.net/codrops/collective/collective-39/