CSS no Lanche

Inserir Flash em XHTML

Postado por: Pedro Rogério em 20 de maio de 2009

20 mai
19

A grade maioria dos desenvolvedores sabe que a tag embed caiu em desuso desde 2006 por se tratar de uma tag proprietária da Netscape, assim não obedecendo aos WebStandards.

É comum você ver por aí códigos que ainda utilizam embed, como no Youtube, vejam esse código de exemplo abaixo para entenderem o que estou dizendo:

<object width="425" height="344">
    <param name="movie" value="http://www.youtube.com/v/YV3gxkXpkno&hl=pt-br&fs=1"></param>
    <param name="allowFullScreen" value="true"></param>
    <param name="allowscriptaccess" value="always"></param>
    <embed src="http://www.youtube.com/v/YV3gxkXpkno&hl=pt-br&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed>
</object>

Esse código faz a utilização de embed, deixando assim seu HTML inválido. Uma forma simples e correta de escrita do mesmo código acima pode ser utilizada da forma abaixo:

Continuar lendo »

Cubo 3D com CSS

Postado por: Pedro Rogério em 14 de maio de 2009

14 mai
6

Você sabia que pode criar um cubo 3D utilizando modernas técnicas de CSS, sem a utilização de JavaScript, canvas, imagens ou SVG? Utilizando a propriedade transform e skew você pode criar cubos para formar um objeto 3D. Atualmente essa funcionalidade só funciona em browsers baseados no motor de renderização Gecko, especificamente no Firefox 3.5+, utilizando -moz-transform, e no Safari 3.2+, que utiliza Webkit, através de -webkit-transform.

Se você utiliza algum desses browsers, veja esse exemplo que preparei. Se você quer aprender a desenvolver um cubo semelhante a esse, basta dar uma olhada no tutorial que Paul Hayes desenvolveu.

O que é DHTML?

Postado por: Pedro Rogério em 13 de maio de 2009

13 mai
4

A maioria dos desenvolvedores web, na verdade, não sabem, ou têm apenas uma vaga idéia do que significa o termo, portanto, vou tentar explicar da forma mais simples possível o que é DHTML. Quando a versão 4 dos browsers Netscape e Internet Explorer foi lançada ocorreu uma pequena revolução na Internet. Enquanto o suporte a CSS nesses browsers era precário estava nascendo uma nova união de tecnologias que iria revolucionar a forma de desenvolver páginas web. Foi então que no final dos anos 90 e início do ano 2000 nascia o DHTML (Dynamic HTML).

DHTML é a união das tecnologias HTML, Javascript e CSS aliado ao Document Object Model (DOM), para permitir que uma página Web seja modificada dinamicamente na própria máquina cliente, sem necessidade de novos acessos ao servidor web. Quando você efetua mudanças de estilo em elementos HTML e a mudança é registrada imediatamente sem o recarregamento da página, você está vendo um exemplo de DHTML. Você também pode fazer o usuário integarir com a página escondendo e mostrando elementos, mover elementos na página, mudar cores.

Continuar lendo »

Diferenças entre Margin e Padding

Postado por: Pedro Rogério em 11 de maio de 2009

11 mai
8

Nas especificações da CSS existem 2 propriedades que proporcionam aos desenvolvedores adicionar espaço em torno de elementos HTML. Essas propriedades são chamadas de “margin” e “padding”. Margin e Padding são responsávei por adicionar espaços em branco entre os elementos de uma página HTML, pois sem a utilização dos mesmos, todo o conteúdo ficaria “grudado”.

A primeira impressão você deve estar se perguntando o por que de existir 2 propriedades para adicionar espaço entre os elementos HTML, mas embora suas funções sejam semelhantes, cada uma possui sua particularidade.

Padding é responsável por definir o espaço entre o conteúdo do elemento HTML e sua borda, já Margin é responsável por definir o espaço entre os elementos HTML. Para que fique claro as diferenças, dê uma olhada na imagem abaixo, ela representa o Box Model:

Continuar lendo »

A história do HTML

Postado por: Pedro Rogério em 6 de maio de 2009

6 mai
10

O que é o HTML?

HTML é a sigla para HyperText Markup Language, é a linguagem de marcação base para páginas web. Fornece um meio para descrever a estrutura do texto com base em informações de um documento-texto, denotando algumas ligações, cabeçalhos, parágrafos, listas, etc, e para completar o texto, com formas interativas, imagens incorporadas, e outros objetos. HTML é escrito na forma de “tags” que são cercados por colchetes angulares. HTML também pode descrever, de alguma forma, a aparência e a semântica de um documento, e podem incluir de forma embutida outras linguagens (como JavaScript) que podem afetar o comportamento dos navegadores da Web e outros elementos HTML.

Como tudo começou

Em 1980, o físico Tim Berners-Lee, que trabalhava de forma independente na CERN, desenvolveu um sistema chamado ENQUIRE, projeto esse utilizado para reconhecer e armazenar associações de informação. O ENQUIRE tinha algumas das mesmas idéias da web e da web semântica, e serviu como base para o desenvolvimento das duas, mas era diferente em vários aspectos importantes, como no fato de não ser viável ser liberado para o público em geral. Ele foi implementado em uma máquina NORD-10, da Norsk Data, mas nunca foi publicado.