Usar as classes inseridas da função body_class aumenta muito o seu poder de customização de CSS em seu projeto em WordPress. Por padrão o WordPress insere algumas classes como: ID do post, o tipo de post, o template usado, entre outras coisas. Mas as vezes isso não é o bastante. Em um post anterior eu ensinei como adicionar o nome do navegador como classe na função body_class. Neste post vou mostrar uma função simples que vai adicionar o tipo e slug de um post como classe na tag body. (mais…)
Um problema comum que todo desenvolvedor encontra quando desenvolve seu código html/css é a falta de compatibilidade entre os navegadores (browsers), principalmente se tratando de Internet Explorer (IE). Somos obrigados a usar de diversos meios para poder fazer com que o código seja renderizado de formas diferentes em cada navegador.
Se você está usando o WordPress e precisa criar estilos diferentes para cada navegador, uma boa maneira de fazer isso é adicionar o nome do navegador como classe no elemento body do HTML. (mais…)
Um problema que todo desenvolvedor de HTML/CSS passa é na hora de testar seu site em diferentes tipos de navegadores. Principalmente quando falamos de IE, que é o navegador que mais complica o trabalho do desenvolvedor. (mais…)
Quem desenvolve HTML a um tempo já se deparou com esse BUG diversas vezes no IE 6. Quando você define uma margem (margin) para um elemento, e esse elemento recebe um float para a mesma direção da margem, ocorre o BUG de duplicação de margem no IE 6. (mais…)
O Firebug é um plugin para Firefox essencial para qualquer desenvolvedor web. Ele permite ao desenvolvedor depurar, editar e monitorar CSS, HTML, DOM e JavaScript em tempo real na página. (mais…)
A técnica para centralizar um elemento tanto na vertical como na horizontal com position:absolute (posição absoluta) é muito simples e útil: (mais…)
Um Frameworks em CSS é composto por um conjunto de classes e ou ids que geralmente mais usamos em nossos projetos. Existe diversos tipos de Frameworks para CSS já desenvolvidos, que reúnem diversos elementos com o intuito de minimizar o esforço do desenvolvedor. (mais…)
Hoje em dia, o maior problema de quem trabalha com HTML/CSS é as diferentes formas que os elementos e suas propriedades são apresentados pelos diferentes navegadores. O que causa muita dor de cabeça para quem quer construir um site Cross-browser (um site igual em todos os navegadores). (mais…)
Uma maneira de melhorar a navegação do usuário pelo seu site, é destacando nos menus do site o link referente a página que ele se encontra. Assim o usuário não se sente perdido, tendo ele um ponto de referência. (mais…)