Ultimamente, muito se fala sobre HTML5 e sua forma revolucionária de ser escrito e interpretado. Muitos sites mostram como se deve usá-lo, suas vantagens, seus truques e suas particularidades.

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?

Pesquisei em vários sites, tentando descobrir como criar um Select Box em Ruby on Rails, com as opções já predefinidas. Encontrei materiais, mas nenhum atendia a minha necessidade.

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!

Você sabe o que é CSS?