IE7 Float Bug

Postado por: Pedro Rogério em
IE7 Bugs

Quem é desenvolvedor Front-end sabe do famoso bug da margem dupla no IE6, mas se você nem sabia que isso existia, vamos aos fatos. No IE6, se você aplicar float a um elemento, e depois aplicar margin para o mesmo lado que foi aplicado o float, essa mesma margem fica com o valor dobrado. Exemplo, apliquei float:left a um botão e depois defini que ele terá um margin-left:100px, em qualquer browser isso será 100px, mas no IE6, isso virá 200px. Para corrigir isso basta aplicar um display:inline ao elemento que ocorre o bug e tudo fica OK.

Continuar lendo »

CSS3 Gradients & HTML5 Databases

Postado por: Pedro Rogério em

Com CSS3 agora será posível de uma forma muito simples criar gradientes sem a utilização de imagens. No atual momento somente Firefox e browsers baseados no motor de renderização WebKit possuem suporte a tal feature. Já com a utilização de HTML5 Databases será possível a criação de aplicações complexas que necessitam armazenar dados em bancos locais. Veja no vídeo abaixo a explicação e exemplos de utilização:

Vídeo (Objeto multimídia)

Via: Doctype.tv

eCSStender: Assuma o controle do seu CSS

Postado por: Walter Vieira em
eCSStender

Diga adeus aos códigos CSS cheios de hacks que em alguns casos acabam mais atrapalhando do que ajudando e projete seus códigos muito mais enxutos.
Estou falando do eCSStender, com ele você pode usar seletores CSS avançados como border-radius e ter a certeza de que vai funcionar até no IE6.

Acesse o site e descubra como esse framework maravilhoso pode facilitar sua vida.

Link direto: http://ecsstender.org

Uma dose de inspiração

Postado por: Walter Vieira em

Tenho a plena certeza de que cada um de nós, meros mortais, profissionais de criação já passou pela ingrata “Falta de Inspiração”. Tem dias em que acordamos sem a mínima inspiração para desenvolver aquele trabalho no qual o cliente no briefing fez questão de dizer que espera algo novo e criativo.

Mas para alegria geral da nação, existe um site muito bacana que tem uma verdadeira fonte de inspiração em CSS, estou falando do weloveCSS.

welovecss

O site disponibiliza uma galeria de sites desenvolvidos totalmente em CSS e (X)HTML válidos, divididos em diversas categorias, que são um verdadeiro colírio para os olhos.

xCSS Framework – Orientação a Objetos em CSS

Postado por: Pedro Rogério em
xCSS Framework

Você não sabe o que é Orientação a Objetos? Vamos lá, vou transcrever aqui o que já foi dito em um outro post sobre Orientação a Objetos em CSS:

A orientação a objetos, também conhecida como Programação Orientada a Objetos (POO) ou ainda em inglês Object-Oriented Programming (OOP) é um paradigma de análise, projeto e programação de sistemas de software baseado na composição e interação entre diversas unidades de software chamadas de objetos. Em alguns contextos, prefere-se usar modelagem orientada ao objeto, em vez de programação.

Continuar lendo »

Páginas:«1234567...24»