Quantcast
Channel: Locawebers » CSS
Browsing all 23 articles
Browse latest View live

Diversas formas de fazer Tabela Zebrada CSS 3, javascript e php

Muito comum, ne?! Todos nós já tivemos um dia que fazer uma tabela zebrada. Mas você ja tinha feito tabela zebrada css 3 ? Eu por exemplo, já fiz diversas vezes isso do lado server-side, durante a...

View Article



Image Replacement uma técnica para diminuindo a requisição de imagem

O que é image replacement? Basicamente, image replacement é uma técnica que substiui um texto por uma imagem. A grande discussão gerada pelas técnicas de image replacement, é que algumas delas utilizam...

View Article

Image Replacement

O que é image replacement? Basicamente, image replacement é uma técnica que substiui um texto por uma imagem. A grande discussão gerada pelas técnicas de image replacement, é que algumas delas utilizam...

View Article

Outros maus cheiros em código css – Como sentir

Eu já havia dado algumas dicas de como sentir mau cheiro em código css. Veja mais alguns outros pontos importantes em que vc deve ficar de olho. Mau cheiro em código css Interprete esses “maus cheiros”...

View Article

Sistema de GRID CSS 960 – Classes CSS com mais significado

O conceito de grid css é ótimo! E para realmente ser implementado, precisa vir desde o wireframe. Os designers da equipe já precisam usar a base com as linhas guia, se você quiser conseguir aplicar um...

View Article


Hover CSS melhora a interação do site

Como complemento do post sobre image replacement, vamos falar sobre o pseudo-class hover css. A forma mais simples de mudar o estilo de um elemento quando o mouse passar sobre o mesmo, é utilizando o...

View Article

Como usar o Sprite CSS e qual as vantagens

Antes de sairmos falando com usar o Sprite CSS vamos entender o porque de usar esta técnica. Sabemos que cada imagem que contém em nosso HTML ou CSS é uma nova request para o servidor, mais um ponto a...

View Article

Column.GS – Um sistema de grid css 960 com significado e para FrontEnds

Criei esse sistema de GRID css de 12 colunas, para atender uma necessidade que tive durante o recorte de páginas de um site. O sistema nasceu para ser diferente dos demais. Se aproveitando do expertise...

View Article


Como manipular o z-index do flash

Quem já não tentou manibular o z-index do Flash, sem sucesso, o Flash fica acima de qualquer elemento HTML sem respeitar a arquitetura do DOM. Você acaba colocando valores ridiculos de z-index no flash...

View Article


Como fazer Tabela Zebrada CSS 3

Aprenda a criar uma Tabela Zebrada CSS 3 De maneira simples e rápida, segue um pequeno tutorial sobre como criar uma Tabela Zebrada CSS 3. Basicamente para criar uma tabela zebrada com CSS 3 você só...

View Article

Instawidget – Instagr.am Widget com jQuery e CSS3

Hoje em dia nós temos widgets para mostrar as últimas atualizações do Twitter, ou se quiser, a quantidade de seguidores de um perfil. Temos também aquele box horrível do Facebook, mas e para o...

View Article

Generate static sites using Dropbox

Se você não conhece o Dropbox, infelizmente você não é desse mundo, ele nada mais é do que um serviço para armazenamento de arquivos baseado no conceito de computação em nuvem, ou seja, a partir do...

View Article

Responsive Design: Testes automatizados com Node.js

Desenvolver projetos responsivos pode ser tornar chato a partir do momento em que você tem que ficar a todo momento redimensionando o browser para ver como o layout se comporta em diferentes...

View Article


Desligar responsivo – botão versão desktop

Esses dias eu li 4 críticas aos layouts responsivos. O cara dizia que o visitante pode “gostar” da versão full, e em sites responsivos não existe o botão “voltar a versão desktop“. Bom, por mais que...

View Article

Otimizações para websites não óbvias

A minha idéia nesse post, é apenas fazer uma listagem de otimizações em sites não óbvias. Ir um pouco além do que vemos por ai, e fazer um apanhado de tudo. Bem rápido, por isso que vai ser em formato...

View Article


FadeIn e FadeOut com css 3

Um pouco de mágica hoje. Já estamos mais do que acostumados a usar as funções $el.fadeIn() e $el.fadeOut(), nativas do jQuery, para fazer os efeitos de fadeIn e fadeOut. Que nada mais é, do que aquela...

View Article

Separação de camadas no FrontEnd

Separar a VIEW do MODEL e não misturar as regras de negócio com os CONTROLERs há muito tempo já fazem parte das preocupações e boas práticas adotadas pelos programadores back end, mas e dos...

View Article


Tableless: Como posicionar elementos de um layout – Recorte CSS

Sim, um tema básico aqui no blog. Ou talvez nem tanto. Diariamente vejo diversos desenvolvedores se enrolando com essa questão: “Como estruturar um layout css?”, ou “Por que tableless é tão difícil?”,...

View Article

Otimização de imagens com media queries

Otimizando imagens Já sabemos que: o smushit comprime imagens sem perda de qualidade; servir imagens a partir de um subdomínio ajuda enganar o browser para então aumentarmos o paralelismo; se esse...

View Article

Afinal, como nomear IDs e CLASSes no CSS/HTML ?

Somos incentivados a usar UpperCamelCase para nomear classes em OOP, usamos lowerCamelCase nos nomes dos métodos, não podemos usar dash-case em nomes de variáveis (erro de sintaxe), por isso usamos...

View Article
Browsing all 23 articles
Browse latest View live




Latest Images