Após um pouco de pesquisa o que percebe-se é que estamos, finalmente, aprendendo a escrever HTML, o HTML de verdade, não esse Frankstein que nasceu nas antigas Tabelas e perdurou por muitos anos.

Toda essa agitação sobre essa nova tecnologia mostra que nós desenvolvedores estamos ficando adultos, deixando de ser os “rapazes do site” e finalmente tornando nossa área mais profissional. Podemos observar essa tendência desde o surgimento do famoso Tableless (Sem tabelas), que foi um movimento de exorcismo das tabelas, e de uma hora pra outra, todos passamos a odiar as tabelas, iniciando uma espécie de caça as bruxas.

Então descartamos a tag <table> de nosso dicionário e abraçamos as Divs. Usamos e abusamos das divs, chegando ao ponto de se criar uma tabela (com dados tabulares, óbvio) usando Divs. Com essa nova perspectiva descobrimos que o CSS era muito mais que “mudar a cor do texto” ou “deixar o link bonitinho”, o CSS era a essência de uma página.

Estávamos tentando fazer o certo, mas pelo caminho errado. Então logo fomos aprendendo que o correto não é ser Tableless, e sim Web Standarts, ou Padrões Web. Nome bonito, dava mais prestígio: “Eu desenvolvo em Web Standarts”.

Logo o terreno para o HTML5 estava sendo preparado. Passamos a prestar mais atenção nas outras tags do HTML: H1, H2, P, UL, OL, DT… vimos que se elas existem ,  têm um propósito.

Até que então surge o HTML5. Muitos de início descartaram alegando ser algo “futurista” demais, enquanto outros abraçaram de imediato.  Após a famosa briga entre a Adobe e a Apple, o HTML5 chamou a atenção do mundo. Se o mercado de mobile está crescendo tanto, porque devemos ignorar a tecnologia que nos dá um acesso privilegiado a eles? A partir daí começamos a estudar HTML5.

A mudança que de cara percebe-se é o tamanho do código, é incrível o quanto é possível economizar ao escrever semanticamente, e isso reflete claramente no carregamento da página e na indexação do Google.

De fato, é uma tecnologia inovadora que nos trouxe facilidades, que até então tínhamos que utilizar Scripts e Flash para conseguir(vide as novas firulas dos formulários), mas, acima de tudo, o HTML5 veio para nos ensinar a escrever HTML, onde cada parte da página tem sua tag específica: O logo em um <h1>, o topo no <header>, menu/navegação no <nav>, conteúdo nas <section>, rodapé no <footer> e assim por diante.

Vamos todos aprender HTML5, ele é o futuro, e cá entre nós, quem não quer fazer parte do futuro?

Post from: Dica1

Finalmente chegamos ao HTML5

A maioria mostrava como preencher as opções do Select, buscando as informações do Banco de dados e alguns chegavam perto do que eu queria, mas não funcionava ou eu não consegui fazer funcionar.

Quando já estava desistindo de procurar, encontrei o trecho de código que eu tanto procurava, fiz algumas adaptações e funcionou bonitinho.

Esta dica é para ajudar a vocês que estão tendo a mesma dificuldade que eu tive.

Neste exemplo estou preenchendo o Select Box com as siglas dos estados brasileiros. Sendo que eu quero que a sigla seja mostrada no Select da mesma forma que vai ser inserida no banco.

O Código em Ruby on rails fica assim:

Quando é visualizado em HTML fica desta forma:

Este exemplo é Rails Básico, faz parte dos meus estudos.
Espero que seja útil!

Post from: Dica1

Utilizando o form Select do Ruby on Rails

Post from: Dica1

Você sabe o que é CSS?