Yahoo User Interface ou YUI

O Yahoo! tem se mostrando um ótimo companheiro para desenvolvedores, mas ao contrário do Google (que tem vários, milhares de ferramentas).

O Yahoo! User Interface ou simplesmente YUI, é uma ótima parte do Yahoo! para desenvolvedores de front-end, hoje eu percebi que simplesmente não desenvolvo mais sem antes colocar o link do “grids-fonts-reset.css”.

Aqui eu vou simplesmente falar desse CSS, mesmo que só isso é bastante coisa. Mas existem muitas outras coisas legais para se dar uma olhada.

Esse CSS é um apanhado de três arquivos dentro do Yahoo!. O grids, fonts e reset.

Vou dividir cada um deles em um post diferente, assim quando quiser saber sobre somente um, você não vai precisar ficar procurando num texto enorme.

O reset

Como todo mundo que já desenvolveu HTML, algumas vezes você precisa resetar as configurações do browser para que você possa definir as suas próprias, mas às vezes fica faltando alguma propriedade para resetar. OK, faltava. O reset do Yahoo! procura resetar TODAS as propriedades de TODAS as tags.

Tudo bem que é estranho você colocar a tag strong e o negrito não aparecer 😛

Mas a intenção é essa. Imagine. Tudo o que você escrever, do mesmo jeito… Até os headings (h1, h2, h3, h4…) terão o mesmo tamanho. No começo é dificil se adaptar, mas com o tempo você acaba até gostando das coisas assim.

Um exemplo de página sem o reset:

semreset

Agora o mesmo exemplo com o reset:

comreset

A unica coisa que se manteve como normal foi a cor do link, pois as margins e paddings, já eram xD

Para começar a usar é só colocar esse CSS na página:

<link rel=“stylesheet” type=“text/css” href=“http://yui.yahooapis.com/2.6.0/build/reset/reset-min.css”>

O CSS RESET está na sua versão 2.6.0 hoje. Logo seria mais interessante você entrar no site do Yahoo! User Interface Library: CSS Reset

Lendo essa biblioteca, eu posso dizer que quando você ver a minha versão, ela vai continuar do mesmo jeito, pois o Yahoo! se compromete a deixar esses arquivos no servidor deles.

Por hoje é só, senão esse post vai ser enorme, prometo que amanhã eu falo sobre o fontes.

Update – O Pedro Rogério do pinceladas da Web, mostrou algumas ótimas dicas para o Reset do CSS. Confira

Abraços e obrigado pela atenção

Similar Articles

Google Developer Day 2008 Apenas muito pensar, comprei um cartão para internet. O problema aqui foi que eles decidiram não colocar internet, num evento sobre INTERNET, achei meio fora do consenso,
Ubuntu Countdown Como eu sou fã de ubuntu, eu não posso deixar de falar a campanha da Canonical para o lançamento do Ubuntu 9.04. A partir de hoje, vc
RSS back on air A muito tempo o DGMike (só esperando ele mudar o blog dele para eu poder linkar de verdade) me avisou que o meu rss não estava funcionando
Um pouco de Arco e Flecha Como já foi dito aqui, pratico arco e flecha. Gosto muito da sensação de força e concentração que precisa ter para atirar uma haste de madeira/carbono em
Yahoo User Interface ou Y... O Yahoo! tem se mostrando um ótimo companheiro para desenvolvedores, mas ao contrário do Google (que tem vários, milhares de ferramentas). O Yahoo! User Interface ou simplesmente
Mundo de Browsers Somente os desenvolvedores WEB: Quantos browsers usamos? Já perdi a conta de quantos browsers eu instalei e desinstalei. Hoje eu tenho (Safari, IE6, IE7, Opera, Firefox, Flock)
Inferno Club Com a companhia de @aliceandrade, @paladino, @dgmike fui parar hoje na Augusta no numero 501, onde se localiza o Inferno Club. A idéia principal da noitada era
OpenSuse Recentemente passei para o OpenSuse. Curto muito o mundo Debian e o mundo Ubuntu, mas acho que precisava sair do paradigma. Afinal eu estava num SO fantástico
Gráficos com uma ajuda Desenvolvendo um site, me deparei com o seguinte problema: “Isto daqui exige um gráfico de barras para uma melhor visualização” Mas… Como? Não sou conhecedor da biblioteca
WordPress no blog do MySQ... Que o WordPress é uma excelente ferramenta de blog, isso é indiscutivel. Agora que o Blog do Kaj Arnö da MySQL usava WordPress eu me surpreendi. Me

2 comments on “Yahoo User Interface ou YUI”

  1. by DGmike on

    Legal!

    Normalmente não costumo usar frameworks para CSS, costumo usar o padrão * para resetar:

    * {margin:0;padding:0;list-style:none:border:0;font:normal normal 97% arial, tahoma, verdana, sans-serif;}

    Mas essa biblioteca é muito mais completa (e complexa) que isso, inclusive resolve problema da tag “q” que a porcaria do IE não coloca aspas automáticamente, então ele retira para os outros browsers.

    Muito bom artigo!

Comments are closed.