Brasília, 17 de março de 2008
Tudo certo, pessoal?
Bem, nesta semana apresento-lhes um exemplo de uso do framework “YAHOO” para a facilitação da criação de layout. Ferramenta open-surce usando javascript e css. Neste pequeno tutorial abordaremos o reset-fonts-grids.css.
Para a sua utilização na criação de layout torna-se necessário o conhecimento das suas “div’s”, como: yui-hd(head-cabeçalho), yui-bd(body-corpo), yui-ft(footer-rodape) e dentro dessas “yui’s-div”, continua, com as do tipo: (yui-g,yui-gb,yui-gc,yui-gd,yui-ge e yui-gf) ao usá-las, podemos: dividi-las, rotacionar e podendo assim dimensiona-las a sua necessidade.
Exemplo de uso: Lembrando que foram omitidas algumas estruturas como as do html e importações(javascript e css), no intuito de deixar especificamente o uso das divs mencionadas.
<div id=”doc2″>
<div id=”hd”>
<p>Aqui e o cabecalho parte 1</p>
</div>
<div id=”bd”>
<div class=”yui-gd”>
<div class=”yui-u first”>
<p>Corpo – Parte2</p>
<div class=”yui-u”>
<p>Corpo – Parte3</p>
</div>
</div>
</div>
<div id=”ft”>
<p>Rodape – parte4.</p>
</div>
Para maiores detalhes e conhecimentos de como usar acesse http://developer.yahoo.com/yui/examples/
#1 by abdala on março 18, 2008 - 9:10 pm
Show de bola mlq. Parabens pelo seu primeiro artigo. Com o tempo vamos pegando o constume de explicar as coisas mais detalhadamente. Espero que esse aprendizado seja muito proveitoso para todos.
Grande abraco,
Abdala Cerqueira
#2 by djchristiandf on março 20, 2008 - 1:51 am
Blz Abdala,
Concerteza devemos não atermos a falar pouco nos posts na hora de explicar o que aprendemos até por que existe muita coisa pra ser dita.
Vou editar o post acrescentando mais detalhes e postando novos posts sobre javascript, css , php , ajax e sempre que possível sobre frameworks também.
Valeu por comentar , um grande abraço.