Categories
css html php programação

Criar chat em JQuery

Hoje vamos proceder a criação de um simples chat utilizando o JQuery, sem ser necessário utilizar uma base de dados. O chat que realizaremos, em seguida, trata-se de um exemplo simples das enumeras possibilidades existentes, utilizando o JQuery como base do projecto. A utilização de um chat, muitas vezes na pagina inicial dos websites, facilita […]

Categories
css html programação

Slideshow: efeito de deslizamento de imagem com CSS e jQuery

Hoje vamos falar sobre CSS e jQuery e vamos ver como criar facilmente um simples slideshow, com um efeito de deslizamento, suave e automático de imagem usando HTML/CSS/Javascript. Veja outro slideshow muito simples, usando apenas HTML, CSS e o jQuery, com vários efeitos, muito suave, autoPlay automático, entre muitas outras funcionalidades, muito simples mas muito […]

Categories
css html

HTML-CSS: Estilos diferentes para links

Então, como mudar estilo de sublinhado de links em uma página web? É fácil! Você só tem que definir os vários estilos CSS sem usar o ‘text-decoration’. Neste pequeno tutorial vamos ver algumas técnicas CSS para aplicação de estilos diferentes para links em uma página web. A ideia principal aqui exemplificada, é que você desabilite […]

Categories
css html

HTML 5: elementos figure e figcaption

Por vezes necessitamos de publicar uma imagem ou gráfico seguida por uma pequena legenda. Antes da HTML 5 não tinha uma maneira de aplicar semanticamente esse tipo de conteúdo na marcação HTML, e tínhamos que nos valer de nomes de classes e CSS. Mas agora é possível fazer uma marcação semântica para esta finalidade com […]

Categories
css html programação

Usar a Google Font API na construção de sites

O Google lançou em 2010 a Google Font API e o Google Font Directory para darem suporte às fontes na construção de websites. Apartir dessa data passamos a poder escolher uma fonte dentre das que estão disponíveis no diretório e colocá-la no HTML/CSS do website, e ela funcionará na maioria dos navegadores (browsers). Assim passou […]

Categories
css

Como esticar imagem de fundo com CSS

Há algumas plugins jQuery que ajudam a esticar imagem de fundo no corpo ou outros elementos HTML. Não é uma tarefa difícil fazer que uma imagem de fundo cobrir um elemento HTML com a ajuda de JavaScript. Mas em CSS? É possível esticar a imagem usando apenas CSS? Felizmente, é possível! Para que a imagem […]

Categories
css html

O que é Responsive Web Design?

Responsive Web Design – Há uns anos atrás existia uma diferença clara entre os ambientes desktop e mobile. Com a introdução de smartphones, tablets e novas tecnologias que acedem à Web, os Web Designers depararam-se com o desafio de conceber para cada vez mais resoluções e dispositivos. Seria de enlouquecer desenhar múltiplas versões de um […]

Categories
css

CSS: texto com uma borda

Neste pequeno mas útil artigo vamos mostrar um exemplo de como implementar uma borda em torno de algum texto, onde vamos usar a propriedade ‘text-shadow’ do CSS… Veja também este artigo mais recente sobre text-shadow, nele vai encontrar exemplos prontos a usar! Antes do lançamento das CSS3, caso alguém desejasse obter o efeito de sombreamento […]