lw
programação
na web, é necessário se informar um
pouco sobre a Sass.
Sass é uma linguagem que estende
o CSS3, criada com o intuito de deixar
o desenvolvimento mais divertido.
Foram adicionadas regras aninhadas,
variáveis, mixins, seletor de herança,
dentre outros recursos. O código
em Sass é traduzido para um CSS3
padrão bem formatado, usando uma
ferramenta de linha de comando ou
um plugin de um framework web,
ambos disponíveis livremente na
internet e também disponíveis em
vários frameworks. É possível trabalhar
usando duas sintaxes diferentes. A
mais usada é a sintaxe conhecida como
"SCSS" (de "Sassy CSS") e pode ser
entendida como um CSS3 ampliado.
Ou seja: um CSS3 válido é também
um SCSS. Arquivos nessa sintaxe são
geralmente salvos com sufixo ".scss".
A segunda sintaxe, que foi a
primeira a ser criada, é conhecida
como "sintaxe indentada". Foi
inspirada pela sintaxe simples
e expressiva do Haml e foi feita
pensando em quem prefere concisão e
simplicidade a similaridade com CSS.
Nesse caso, a extensão usada é ".sass".
O que vem com
o Foundation
O Foundation fornece vários
plugins e componentes para tornar
fácil o seu trabalho. Por exemplo,
componentes simples como botões,
formulários e menus, além de
recursos para mostrar ou esconder
determinados componentes de acordo
com informações do tamanho da tela
ou orientação. Outros componentes
interessantes são:
Grid:
componente que
funciona em praticamente
qualquer dispositivo e que
permite agrupar e ordenar
componentes, facilitando a
criação do seu layout.
UI Elements:
além dos
elementos básicos como labels,
caixas de alerta, tooltips e
painéis, também fornece várias
classes de visibilidade para
um fácil controle de quando os
componentes serão mostrados.
Dropdown:
um plugin que
permite anexar em qualquer
lugar de sua página um
popover dropdown.
Para conhecer mais sobre o projeto, acesse seu site e seu repositório no
GitHub:
/ ou
Sites feitos com a ferramenta se
ajustam, dinamicamente, à maioria dos
celulares e tablets, além de, é claro,
funcionarem bem em telas maiores
O Foundation já está começando
a ficar bem estabelecido na web,
sendo usado por diversos sites
famosos como o da Mozilla, o da
National Geographic e, até mesmo,
o da Pixar. Confira os sites para ver o
Foundation em ação:
Mozilla:
/
Pixar:
National Geographic:
referências
WebFWD: site defende inovações por meio
de desenvolvimento de sistemas open source
locaweb
59
