Utilizando este javascript você poderá exibir textos e links sobre uma determinada imagem do seu site sempre que o usuário passar o mouse sobre ela. Gera um efeito surpresa interessante que pode ser aproveitado para apresentar informações adicionais sobre a imagem como: descrição, créditos ou até algum tipo de propaganda. Para ver como funciona visite [...]
O site stylizedweb.com publicou uma lista rápida para consulta de 12 dias de CSS de grande utilidade na rotina de quem desenvolve sites. Exemplo: Como fazer bordas arredondadas em imagens, Estilo para listas, Tableless para formulários, Efeitos de degrade em textos, etc. Vale a pena conferir e guardar as dicas que você achar que [...]
O site aurelio.net/css-sandbox/ oferece uma ferramenta de grande utilidade para quem está aprendendo CSS e para quem já tentou aprender e não conseguiu. Funciona assim: Você entra na página e visualiza diversos códigos CSS e suas características. Clique sobre estes códigos e automaticamente eles serão aplicados na caixa de exemplo na parte superior. Em poucos [...]
Esta dica publicada pelo site cssglobe.com vai te orientar sobre como mudar o tamanho de uma imagem utilizando o código overflow:hidden no seu arquivo de estilo CSS. A imagem é carregada por completo mas somente uma pequena área centra da imagem é exibida. Quando o usuário passa o mouse sobre a miniatura da imagem ela [...]
Trabalhar com CSS quando não se tem muito costume ou experiência é uma tarefa demorada e desgastante. O site grid.mindplay.dk oferece um editor on-line que vai facilitar sua vida e lhe poupar muito tempo de trabalho. Vamos a um exemplo. Se o seu objetivo é criar um site com 2 colunas. Basta digitar 2 no [...]
Na hora de visualizar informações em forma de gráfico muitos desenvolvedores partem para soluções feitas em flash ou utilizando linguagens de programação que geram gráficos consumindo muitos recursos do servidor. Uma forma leve e rápida de criar gráficos online é utilizando CSS. Uma solução grátis para download oferecida pelos site cssglobe.com/post/1272/pure-css-data-chart para criar gráficos utilizando [...]
O site csstextwrap.com é uma ferramenta on-line que permite criar códigos CSS para formatação criativa de textos. Você pode pegar um texto e criar um alinhamento de forma arredondada, inclinada, adicionar curvas, zig-zag, etc. É uma técnica muito comum textos de publicidade impressa e em revistas e jornais para adaptar o conteúdo a elementos gráficos. [...]
Você está fazendo o site de um restaurante ou lanchonete e o cliente pede colocar uma versão on-line do cardápio. O site www.search-this.com possui um artigo detalhado ensinando a fazer uma página de estilo parecido com um cardápio com o nome dos pratos e seus preços. Você pode usar este mesmo estilo para outras finalidades [...]
Solução simples e fácil de ser aplicada para criar barras de porcentagem utilizando CSS e HTML. Veja os códigos fonte desta página para ver como funciona. Para entender cada código e ter mais dicas sobre seu uso visite css-percentage-bars
Este tutorial do site css-tricks.com ensina como criar uma marca do lado dos links que foram clicados e visitados pelos usuários do seu site. Ele utiliza apenas CSS para adicionar o pequeno símbolo do lado do link. Veja a versão traduzida para o português pelo Google.
