CODE/
MYTH
60
DICAS PARA PROGRAMAR DE UMA
MANEIRA FÁCIL E DESCOMPLICADA
30
MINUTOS
LAYOUT
FOLHAS DE
ESTILO
os longínquos anos
1990, o consórcio
que determinou os
SDGU·HV ::: R
W3C, introduziu o Cascading
Style Sheet (muito mais
conhecido como CSS). Sua
função seria levar o controle do
layout das páginas HTML para
ummodelo semântico – e não
apresentacional.
Nesse novo formato,
elementos (como texto, imagens,
títulos) seriam formatados em
um arquivo separado ou por
um código mais semântico. Isso
deíniria características, sem
necessidade de aplicar rótulos a
cada elemento.
Um movimento entre os
desenvolvedores chamado
tableless (sem tabelas) se formou
a partir desse novo padr¥o. (le
defendia o que seria uma forma
mais limpa, precisa, eíciente,
entre outras vantagens, de se
gerar layout de páginas e sites.
(ntretanto, a iniciativa n¥o
vingou imediatamente devido a
diversas diículdades, como falta
de suporte dos navegadores ao
padr¥o &66. 2utro empecilho
foi a falta de familiaridade dos
designers e desenvolvedores com
o novo padr¥o e desconhecimento
de suas vantagens e objetivos.
$s vantagens do padr¥o &66
eram muitas. Com o tempo, ele
foi se írmando hoje « um dos
recursos mais ¼teis na cria©¥o de
layouts – ao lado de bibliotecas
de código (como jQuery e
similares) –, na cria©¥o de códigos
limpos, páginas leves e layouts
mais fáceis de manter e ajustar.
Ainda é complicado
gerar arquivos e layouts CSS
diretamente por codiíca©¥o,
especialmente devido a
diferenças entre navegadores,
que nunca entram em acordo
quanto a especiícaç·es
determinadas pelo W3C. E isso
desde que IExplorer e Netscape
lutavam por “layers” e “divs” de
forma brutal e cruel.
Para ajudar nesse tipo
de problema, est¥o surgindo
ferramentas que fazem o
pré-processamento de seu código
e, inclusive, ampliam os recursos
e facilitam o uso de
elementos CSS n¥o
muito conhecidos
ou simples de
implementar. O Myth é
um desses aplicativos,
muito simples de
instalar e de utilizar.
Instalando
o Myth
Primeiro, acesse a página
do Myth, neste endereço:
/.
Nela, você encontrará duas
linhas de instruç·es para serem
digitadas no prompt de comando
de seu sistema. Antes de continuar
é preciso veriícar se tem o Node-S
e NPM instalados. Se já instalou
N
Na página
oficial do
Myth, há muita
documentação
sobre o bom
aplicativo
PRÉ-PROCESSADOR
DE CSS
Use o aplicativo
Myth para lidar de
forma mais prática
com folhas de estilo
de páginas web
Por Homero Ottoni
REVISTA LOCAWEB
