CSS Sprite examples

CSS Sprites it is a common technique in web development. Are necessary in situations if we want to reduce your server load. Instead of uploading multiple images, we only have the desire to generate a single. Through the css change what becomes visible / invisible inside the div / tag. Of course the image is always used as background. In the examples below refer to the image is not repeated either in the x axis or the axis of y. In the case of terms such images have to be made new images.

Os exemplos que se seguem dizem respeito ao site http://www.rtp.pt e em que usei este método

Homepage rtp.pt

Site rtp.pt/cinemax

Site rtp.pt/antena2

Site rtp.pt/noticias

Site rtp.pt/rtpmemoria

My Twitter Background @antoniocardoso

Now yout can vote for my twitter background : http://twitterbackgroundsgallery.com/2009/05/21/antoniocardoso/ . It’s a great one . You can sugest some ideas to exchance. For that use de coments area of this post. Of course you can follow me @antoniocardoso

reset all style with css

just make this :

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p,blockquote, pre, a, abbr, acronym, address, big,cite, code, del, dfn, em, font, img,ins, kbd, q, s, samp, small, strike,strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td, center, u, b, i {margin: 0; padding: 0;border: 0; outline: 0; font-weight: normal; font-style: normal;font-size: 100%;font-family: inherit; vertical-align: baselinebaseline  }
body { line-height: 1}
:focus { outline: 0 }
ol, ul {list-style: none }
table {  border-collapse: collapse; border-spacing: 0
blockquote:before, blockquote:after, q:before, q:after { content: “”}
blockquote, q { quotes: “” “”}
input, textarea {margin: 0;padding: 0 }
hr { margin: 0;padding: 0;border: 0; color: #000; background-color: #000;  height: 1px }

Microsoft’s Future Vision Series – Microsoft’s 2019 Future Vision Montage: Envisioning the Future HD

Great Video. Just when you think you have it all, amazing things await us. The video depicts what everyday life might be like aided by the technology of 2019.

Free Valentine’s Day Icons Set

Greeting Hearts

Dezignus Love Icons

boxes, hearts, candles, glass stars, love boxes, st’ valentine’s day flowers, heart balloons, red roses (format *.eps)

Valentine Love

Valentine Love Icons Set contains the following icons available in PNG, ICO and ICNS format:

heart hearts bleeding-heart bleeding-hearts tagged-heart be-my-valentine chocolate-box

How to Unlock the iPhone 3G

In the beginig of the year e tried to unlock one Iphone 3G. The anser it’s http://www.iclarified.com.

This site have some developers who make updates in their articles and said how to unlocok your iPhone. I tried to unlock from one pc, bur don’t work. Then e tried form a Mac, and voilaaa .

Got to folder tutorias > iPhone and read the articles. Like i said, they put the articles fresh, soo if you have you have one iphone now, they have the anser.

Iclarified have other things excelents to mac/apple

Create Custom Carousel with Agile Carousel jQuery Plugin

jQuery plugin that allows create a custom carousel. Call jQuery UI to enable many different additional transition types and easing methods. It uses PHP to draw images from the folder you specify.

Configure many different options including controls, slide timer length, easing type, transition type  (e.g. blind, drop, pulsate, shake, slide and etc…) and more. In this moment it’s a beta version, but security & feature enhancements are on the way.

See some examples and make download: http://code.google.com/p/agile-carousel/

The 100 Most Popular Photoshop Tutorials 2008

If you have some problems to see some highest quality photoshop tutorials, go to Photoshop Lady. One site that have one article with the 100 Most Popular Photoshop Tutorials of 2008. This selection are  from their published tutorials, with over 1 million votes and views from Photoshop users and readers.

Source:  http://www.photoshoplady.com/

Christmas images high definition for wallpapers and more

If you want some of the best images of christmas, you can find them in http://www.sxc.hu/ . Great images and Hight definition.

SXC.HU it’s a free stock photo site where people share huge images with others. Login and join

Some examples of Christmas (small resolution):

Choose right color scheme for your Web 2.0 project or blog

if you want to create a good looking color combinations or pick one already made, you can trie Kuler. It’s a web application that have many options for you operate with the colors and adjustment possibilities.

When done,  you can share it with other people/friends/comunity and they will be able to vote for your color set.

the site: http://kuler.adobe.com/