CSS Sprites

Postado por: Pedro Rogério em
  • 27 jan
  • 14
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>

Continuar lendo »

CSS Frameworks – Faça a escolha certa

Postado por: Pedro Rogério em
  • 7 jan
  • 4

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:

Vídeo (Objeto multimídia)

CSS3 Template Layout: ‘Nearly Circular’

Postado por: Pedro Rogério em
  • 7 dez
  • 1
CSS3 Template Layout

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.

CSS3 Multi-column layout

Postado por: Pedro Rogério em
  • 17 nov
  • 10
CSS3 Multi-Column

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.

Continuar lendo »

Páginas:«123456789...20»