CSS Sprites
Já falei aqui no blog uma vez sobre CSS Sprites, através de um vÃdeo tutorial, mas faltava algo mais prático para mostrar aos usuários. Com isso, vou postar aqui agora um exemplo simples de CSS Sprite baseado no Plugin para WordPress Sexy Bookmarks.
A marcação HTML é muito simples, e para isso vamos utilizar listas desordenadas:
<ul class="sharing-cl" id="text"> <li><a class="sh-mail" href="">email</a></li> <li><a class="sh-feed" href="">feed</a></li> <li><a class="sh-tweet" href="">twitter</a></li> <li><a class="sh-face" href="">facebook</a></li> <li><a class="sh-su" href="">stumbleupon</a></li> <li><a class="sh-digg" href="">digg</a></li> </ul>
Isso pode lhe interessar:
ie-css3.js: Pseudo seletores CSS3 no Internet Explorer
ie-css3.js é uma biblioteca JavaScript que permite ao Internet Explorer identificar os Pseudo-seletores CSS3 e aplique estilos aos mesmos em sua página. Sua utilização é muito simples, basta incluir o arquivo JavaScript em sua página que você já pode começar a utilizar os seletores CSS3.
Isso pode lhe interessar:
CSS Frameworks РFa̤a a escolha certa
Com a proliferação e adoção dos Frameworks JavaScript, os desenvolvedores começaram a se perguntar se era viável utilizar ou não Frameworks CSS no desenvolvimento de suas aplicações. A partir de então surgiram vários Frameworks, alguns bem interessantes. Esse vÃdeo aborda a utilização de Frameworks CSS, os prós e contras, faça a escolha errada de um framework e você viverá sob suposições de código que não entende a mÃnima. Faça a escolha certa e trabalhe com código reutilizável. Veja o vÃdeo e faça a sua escolha:
Isso pode lhe interessar:
CSS3 Template Layout: ‘Nearly Circular’
Esse template extremamente simples nos mostra um pouco do que poderemos utilizar futuramente da CSS3, principalmente em se tratar de bordas arredondadas e fontes que não estão instaladas no PC do usuário. Ele funciona corretamente em browsers como o Firefox 3.5+ e Safari 4+. Nos browsers que não suportam essa especificação, ocorre uma pequena degradação no layout, mas nada que impeça ele de ser usado.
Download. Vi no site allcreatives.net.
Isso pode lhe interessar:
CSS3 Multi-column layout
A popularidade dos monitores wide screen aumenta a cada dia, ou seja, os monitores aumentam na largura, já os sites, é o oposto. Levando em consideração que a resolução mais comum hoje em dia é a de 1024×768, a maioria dos sites hoje não utiliza todo esse espaço disponÃvel nas laterais do site.
Nessa hora quem se dá bem são os layouts flexÃveis, mas pecam em manter uma linha útil de comprimento. Especialistas em design dizem que o comprimento de texto ideal para uma linha deve ser entre 8 a 12 palavras. A mÃdia impressa, especialmente os jornais, não está nem aà para isso, sabe por quê? Eles podem dividir o texto em várias colunas.
