Tag Arquivo > CSS

Finalmente chegamos ao HTML5

Autor:
Data: 20 janeiro 2011
Em: DICA1, HTML5, Web Designer

2 Comentários

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?

Continue lendo...

Tags: , , , , , , ,

Personalizando a Paginação no Rails

Autor:
Data: 07 agosto 2009
Em: Design, DICA1, Ruby on rails

1 Comentário

O jeito mais simples que encontrei para fazer paginação no Ruby on Rails, foi utilizando a gem Mislav-will_paginate.


por Rafael Lopes

No post Trabalhando com paginação – Mislav-will_paginate noruby on rails do blog de Diego Alvarez Nogueira ensina como instalar e utilizar a gem.

O problema é que o resultado, em relação ao aspecto visual não é agradável. Melhor, é bem simples. Paginação simples

Então lembrei de algo que tinha utilizado quando coloquei a paginação aqui no Dica1.

No Blog Mis Algoritmos têm um post Some styles for your pagination com vários Estilos CSS para paginação. Só precisei adicionar o arquivo CSS do Estilo escolhido ao projeto. Agora o aspecto ficou bem mais amigavél.

Paginação com Estilo

Caso queira modificar alguma coisa é só modificar o CSS.

Continue lendo...

Tags: , , , , , ,

Você sabe o que é CSS?

Autor:
Data: 04 janeiro 2009
Em: DICA1

0 Comentário

Você sabe o que é CSS?

Ainda existem internautas que não sabem. CSS (Cascading Style Sheets) ou Folha de Estilo em Cascata.

Css

O CSS basicamente define as cores, estilo e posicionamento de imagens e diversos outros elementos que compõem um site ou blog. O CSS influi directamente no design das paginas modificando de maneira prática o seu visual.

Meu interesse aqui não é ensinar CSS, pois já existem muitos sites e blogs que dispõem de conteúdos de qualidade sobre o assunto. Vou listar dois sites que merecem uma atenção especial não só por seu conteúdo, mas também pela forma como ele está bem estruturado e organizado.

Maujor – Tutoriais CSS
HTML.net – Aprenda CSS

Para que vocês tenham uma ideia do poder do CSS recomendo que visitem o site Zen-Garden. É surpreendente como o CSS transforma a aparência de um site.


Continue lendo...

Tags: , , , ,