html bonito

Felipe Rohde

unread,

Mar 28, 2013, 1:40:54 PM3/28/13

to jque...@googlegroups.com

http://css-tricks.com/examples/CleanCode/Beautiful-HTML.png

Luiz Henrique A. da Silva

unread,

Mar 28, 2013, 1:48:56 PM3/28/13

to jque...@googlegroups.com

Recomenda DOCTYPE do HTML5 e usa o Charset do HTML4? POSER! hahahah

E 3 condicionais especiais para o IE no <head> não é nem um pouco bonito, IMO.

O resto eu concordo. :)

2013/3/28 Felipe Rohde <fr.r...@gmail.com>

http://css-tricks.com/examples/CleanCode/Beautiful-HTML.png

--
--
Grupo de jQuery Brasil.

REGRAS: https://docs.google.com/document/d/1VfvTDmeHTSj-L5ouZJjQQ4OkjTCU1Hr2XtPYBNGVHH4/edit

USE O JSBIN.COM / JSFIDDLE.NET PARA CÓDIGOS.

Email: jque...@googlegroups.com
Biba: jquery-br+...@googlegroups.com
Site: http://groups.google.com/group/jquery-br?hl=pt-BR

---
Você está recebendo esta mensagem porque se inscreveu no grupo "jQuery (Brasil)" dos Grupos do Google.
Para cancelar a inscrição neste grupo e parar de receber seus e-mails, envie um e-mail para jquery-br+...@googlegroups.com.
Para obter mais opções, acesse https://groups.google.com/groups/opt_out.

Anderson Aguiar

unread,

Mar 28, 2013, 1:49:39 PM3/28/13

to jque...@googlegroups.com

Bacana.

Só o meta que poderia ser <meta charset="utf-8" />

--

Anderson Aguiar

Front-end Engineer

Site: http://www.andersonaguiar.com.br
Twitter: http://twitter.com/andersonaguiar
Github: https://github.com/andersonaguiar
E-mail: andersona...@gmail.com
Skype: and-aguiar

Franklin Anderson de Oliveira Souza

unread,

Mar 28, 2013, 1:58:28 PM3/28/13

to jque...@googlegroups.com

Até hoje não engoli essa de js foda do header !

2013/3/28 Anderson Aguiar <revs...@gmail.com>

--
foobar

Cristofer Sousa

unread,

Mar 28, 2013, 2:00:12 PM3/28/13

to jque...@googlegroups.com

Eles alegam que o JS fora do Header a página carrega mais rápido!

André Santos

unread,

Mar 28, 2013, 2:01:34 PM3/28/13

to jque...@googlegroups.com

E de fato carrega, pois vai começar a renderizar o DOM (e carregar imagens, por exemplo) antes dos scripts.

Em 28 de março de 2013 15:00, Cristofer Sousa <cristof...@gmail.com> escreveu:

Eles alegam que o JS fora do Header a página carrega mais rápido!

--
--
Grupo de jQuery Brasil.

REGRAS: https://docs.google.com/document/d/1VfvTDmeHTSj-L5ouZJjQQ4OkjTCU1Hr2XtPYBNGVHH4/edit

USE O JSBIN.COM / JSFIDDLE.NET PARA CÓDIGOS.

Email: jque...@googlegroups.com
Biba: jquery-br+...@googlegroups.com
Site: http://groups.google.com/group/jquery-br?hl=pt-BR

---
Você está recebendo esta mensagem porque se inscreveu no grupo "jQuery (Brasil)" dos Grupos do Google.
Para cancelar a inscrição neste grupo e parar de receber seus e-mails, envie um e-mail para jquery-br+...@googlegroups.com.
Para obter mais opções, acesse https://groups.google.com/groups/opt_out.

--
- André O. Santos -

"Os eruditos são aqueles que leram nos livros; mas os pensadores, os gênios, os iluminadores do mundo e os promotores do gênero humano, são aqueles que leram diretamente no livro do mundo." (Arthur Schopenhauer)

Paulo Diovani

unread,

Mar 28, 2013, 2:03:11 PM3/28/13

to jque...@googlegroups.com

Js fora da <head> tem alguns propósitos:

Garantir que a pagina funciona sem o js caso, por exemplo, o servidor de CDN falhar.
Garantir que o conteúdo necessário ao js (geralmente toda a <body> já esteja carregado, sem precisar usar do evento onload.
Carregar e deixar o conteúdo disponível mais rápido, antes do js estar carregado ou ser executado (para efeitos, por exemplo)

--

Paulo Diovani,

diovani.com / @paulodiovani / ♣

Paulo Diovani

unread,

Mar 28, 2013, 2:07:04 PM3/28/13

to jque...@googlegroups.com

Legal a ideia, mas vejo alguns problemas.

Além dos hacks para IE, como citado, as menções dos includes e conteúdo dinâmico são desnecessárias.

HTML entities também são uma má ideia simplesmente porque ocupam mais espaço. A consistência da codificação de caracteres deve ser suficiente para garantir a integridade de caracteres especiais. Em casos muito específicos, como travessão e aspas ou caracteres invisíveis, aí sim faz-se uso de entities.

Everton Pessoa

unread,

Mar 28, 2013, 2:10:19 PM3/28/13

to jque...@googlegroups.com

JS lá no "rodapé" é simples pow...

Arquivos CSS carregam simultâneos enquanto que o JS fica travado esperando o anterior carregar.

Franklin Anderson de Oliveira Souza

unread,

Mar 28, 2013, 2:10:43 PM3/28/13

to jque...@googlegroups.com

Lugar de js é entre as tags head, é bonito, sematico, lógico ! Usar fora me parece uma tendencia a desordem e não creio que os argumentos levantados pela a galera sejam motivo para tal ação !

--

--
Grupo de jQuery Brasil.

REGRAS: https://docs.google.com/document/d/1VfvTDmeHTSj-L5ouZJjQQ4OkjTCU1Hr2XtPYBNGVHH4/edit

USE O JSBIN.COM / JSFIDDLE.NET PARA CÓDIGOS.

Email: jque...@googlegroups.com
Biba: jquery-br+...@googlegroups.com
Site: http://groups.google.com/group/jquery-br?hl=pt-BR

---
Você está recebendo esta mensagem porque se inscreveu no grupo "jQuery (Brasil)" dos Grupos do Google.
Para cancelar a inscrição neste grupo e parar de receber seus e-mails, envie um e-mail para jquery-br+...@googlegroups.com.
Para obter mais opções, acesse https://groups.google.com/groups/opt_out.

--
foobar

Guilherme de Souza

unread,

Mar 28, 2013, 2:12:16 PM3/28/13

to jque...@googlegroups.com

No mesmo contexto este site http://browserdiet.com/pt/ da dicas legais!

--

--
Grupo de jQuery Brasil.

REGRAS: https://docs.google.com/document/d/1VfvTDmeHTSj-L5ouZJjQQ4OkjTCU1Hr2XtPYBNGVHH4/edit

USE O JSBIN.COM / JSFIDDLE.NET PARA CÓDIGOS.

Email: jque...@googlegroups.com
Biba: jquery-br+...@googlegroups.com
Site: http://groups.google.com/group/jquery-br?hl=pt-BR

---
Você está recebendo esta mensagem porque se inscreveu no grupo "jQuery (Brasil)" dos Grupos do Google.
Para cancelar a inscrição neste grupo e parar de receber seus e-mails, envie um e-mail para jquery-br+...@googlegroups.com.
Para obter mais opções, acesse https://groups.google.com/groups/opt_out.

--
Guilherme Rares
Consultor de Tecnologia
Cel: (11) 7368-8469

Renan Couto

unread,

Mar 28, 2013, 2:16:33 PM3/28/13

to jque...@googlegroups.com

Lugar de js NÃO É ENTRE AS TAGS HEAD. Isso já foi discutido, testado e recomendado desde... sei lá, 2004? Em apenas alguns casos, como feature detection (igual ao Modernizr) que é recomendado seu uso nessa posição.

2013/3/28 Franklin Anderson de Oliveira Souza <frank...@gmail.com>

--
Renan Couto

renancouto.com

Tiago Celestino

unread,

Mar 28, 2013, 2:17:20 PM3/28/13

to jque...@googlegroups.com

É recomendavel colocar o js no final da página, antes da tag </body>. Isso é relacionando a performance de uma aplicação (site, web app, extensão etc..). Quanto a semantica, acho que isso não tá tão relacionado ao posicionamento do carregamento do script.

Tiago Celestino
+55 71 88257389
tcele...@gmail.com
---
---
Blog: http://fastblog.tcelestino.com.br

Github: http://github.com/tcelestino

Twitter: http://twitter.com/tcelestino
Flickr: http://www.flickr.com/tcelestino/

2013/3/28 Guilherme de Souza <guic...@gmail.com>

André Santos

unread,

Mar 28, 2013, 2:54:33 PM3/28/13

to jque...@googlegroups.com

Além de tudo que já citaram, logicamente faz mais sentido colocar no final da página. Se a utilidade do javascript é trabalhar com manipulação de DOM, por que deveria ser carregado antes dele?

Tiago Celestino

unread,

Mar 28, 2013, 2:57:18 PM3/28/13

to jque...@googlegroups.com

Sem contar que uma dica que li no livro do Nicholas Zakas sobre performance (preciso pegar o do Steve Souders) que achei interessante:

- colocar o .js depois do CSS, nunca antes.

Tiago Celestino
+55 71 88257389
tcele...@gmail.com
---
---
Blog: http://fastblog.tcelestino.com.br

Github: http://github.com/tcelestino

Twitter: http://twitter.com/tcelestino
Flickr: http://www.flickr.com/tcelestino/

2013/3/28 André Santos <andre....@gmail.com>

Neto Neto

unread,

Apr 1, 2013, 9:36:57 AM4/1/13

to jque...@googlegroups.com

Discordo quando ele fala que caminhos devem ser relativos.

Quando o cara entra nessa e vai trabalhar com urls amigáveis, o cara tá ferrado. Porque se ele está na home (site.com), o caminho assets/css/style.css é uma coisa, o navegador vai interpretar: site.com/assets/css/style.css

Agora se o cara entra em site.com/products/amazing-mousepad, o navegador vai ler: site.com/products/amazing-mousepad/assets/css/style.css

Ou seja, vai quebrar. A menos que o cara informe ao navegador qual é a tag base, coisa que ele não fez aí no demo dele.

Neto - Web developer
+55 81-9916.1778

2013/3/28 Tiago Celestino <tcele...@gmail.com>

Luiz Mitidiero

unread,

Apr 1, 2013, 9:55:02 AM4/1/13

to jque...@googlegroups.com

Uma dúvida:

A partir do momento que meu site, webapp, sistema web, o que for, não funcionar sem javascript, e o javascript É NECESSÁRIO para TODO O funcionamento da página, por que deveria utilizar ABAIXO DE TUDO e não no head?

E na minha opinião, o fato de carregar as imagens, html e etc antes não é desculpa, visto que poderia colocar o script no topo da seguinte maneira:

$(document).ready(function() {

    $.getScript('script.js');

    $.getScript('script2.js');

    $.getScript('script3.js');

});

E também existe a propriedade defer na tag script, como podem ver aqui:

http://www.w3schools.com/tags/att_script_defer.asp

Por isso, NÃO HÁ DESCULPA para <script> fora do head.

Renan Couto

unread,

Apr 1, 2013, 10:07:04 AM4/1/13

to jque...@googlegroups.com

Acho o defer levanta 2 questões ai:

1. Se o suporte aos IE < 10 (http://caniuse.com/#search=defer) não for problema pra você...

2. O browser vai estar ocupado carregando um recurso que não vai usar imediatamente, ao invés de carregar uma imagem por exemplo.

Encontrei uma imagem (http://peter.sh/experiments/asynchronous-and-deferred-javascript-execution-explained/) que ilustra o funcionamento do script:

2013/4/1 Luiz Mitidiero <luig...@gmail.com>

--
Renan Couto

renancouto.com

Reply all

Reply to author

Forward