CSS, dentro ou fora???

Front-end

09/03/2013

pessoal, o que vc acham melhor, o css no proprio arquivo html ou é melhor separado?
ou existem situações para isso???
Marcelo Pastore

Marcelo Pastore

Curtidas 0

Respostas

Danilo Gomes

Danilo Gomes

09/03/2013

Prefiro separado, acho mais "bonito" e organizado.

No HTML é mais performático, mas isso é para situações extremas em que existe necessidade de performance.

O mesmo vale para js.
GOSTEI 0
Joel Rodrigues

Joel Rodrigues

09/03/2013

Eu também prefiro manter o CSS e JS em arquivos separados, para manter a divisão das "camadas" layout, estilo, script bem definida.
GOSTEI 0
Marcelo Pastore

Marcelo Pastore

09/03/2013

Prefiro separado, acho mais "bonito" e organizado.

No HTML é mais performático, mas isso é para situações extremas em que existe necessidade de performance.

O mesmo vale para js.



melhor perfomance, pra dentro ou pra fora?
GOSTEI 0
Marcelo Pastore

Marcelo Pastore

09/03/2013

Eu também prefiro manter o CSS e JS em arquivos separados, para manter a divisão das "camadas" layout, estilo, script bem definida.


ja que vc citou o JS, eu coloco numa pasta especifica? e o nome mais comum? seria js mesmo?
GOSTEI 0
José

José

09/03/2013

Concordo com os amigos em manter em pastas separadas
e geralmente salvo como css.css ou js.js
GOSTEI 0
Marcelo Pastore

Marcelo Pastore

09/03/2013

Concordo com os amigos em manter em pastas separadas
e geralmente salvo como css.css ou js.js


entendido, obrigado
GOSTEI 0
Danilo Gomes

Danilo Gomes

09/03/2013

Melhor performance porque, quando o browser começar a renderizar a página e houver referências a arquivos, ele vai dar uma pausinha para carregá-los, incorporá-los à página, fazendo uma requisição aos arquivos CSS e JS.

Lembrando que arquivos CSS e JS são facilmente cacheáveis, e existem técnicas de compressão que auxiliam muito na redução de tráfego.

Por tudo isso, disse que somente em casos extremos a performance deve ser considerada nesta escolha.
Eu, sinceramente, nunca tive essa necessidade e a considero improvável, mas já li a respeito.
GOSTEI 0
Joel Rodrigues

Joel Rodrigues

09/03/2013

Como o Danilo disse, dificilmente haverá uma diferença "vital" em termos de performance, mas não deixa de ser algo a se analisar.
Com relação à nomenclatura, para organizar mais ainda, vale criar pastas "css" ou "estilos" e "js" ou "scripts", por exemplo, mas isso é muito pessoal. Já os nomes dos arquivos, é interessante que sejam significativos e bem organizados. Porém, os exemplos "css.css" e "js.js" se aplicam a projetos bem pequenos, onde só há uma folha de estilos e um arquivo de script. Já em projetos maiores, pode ser necessário criar mais de um css e js, aí vale a pena nomeá-los conforme suas funções.
GOSTEI 0
Marcelo Pastore

Marcelo Pastore

09/03/2013

Melhor performance porque, quando o browser começar a renderizar a página e houver referências a arquivos, ele vai dar uma pausinha para carregá-los, incorporá-los à página, fazendo uma requisição aos arquivos CSS e JS.

Lembrando que arquivos CSS e JS são facilmente cacheáveis, e existem técnicas de compressão que auxiliam muito na redução de tráfego.

Por tudo isso, disse que somente em casos extremos a performance deve ser considerada nesta escolha.
Eu, sinceramente, nunca tive essa necessidade e a considero improvável, mas já li a respeito.


muito interessante, sem duvida serão consideradas.
GOSTEI 0
Marcelo Pastore

Marcelo Pastore

09/03/2013

Como o Danilo disse, dificilmente haverá uma diferença "vital" em termos de performance, mas não deixa de ser algo a se analisar.
Com relação à nomenclatura, para organizar mais ainda, vale criar pastas "css" ou "estilos" e "js" ou "scripts", por exemplo, mas isso é muito pessoal. Já os nomes dos arquivos, é interessante que sejam significativos e bem organizados. Porém, os exemplos "css.css" e "js.js" se aplicam a projetos bem pequenos, onde só há uma folha de estilos e um arquivo de script. Já em projetos maiores, pode ser necessário criar mais de um css e js, aí vale a pena nomeá-los conforme suas funções.


como assim em projetos pequenos???
GOSTEI 0
Joel Rodrigues

Joel Rodrigues

09/03/2013

Uma coisa é você fazer um site que contém basicamente um layout com uma folha de estilos que serve pra tudo. Outra é você desenvolver um portal, por exemplo, composto por páginas diferentes, vários componentes, situações que necessitam de folhas de estilo para cada função. Por exemplo, você tem seu arquivo CSS padrão, depois importa o da jQuery UI, aí baixa um plugin que vem com um CSS, e por aí vai.
GOSTEI 0
Marcelo Pastore

Marcelo Pastore

09/03/2013

complexo isso hein!!! hehehe

obrigado
GOSTEI 0
Douglas

Douglas

09/03/2013

Prefiro fora do HTML.

o código fica mais limpo e

de maneira bem organizada.
GOSTEI 0
José

José

09/03/2013

Com certeza Css fora do html deixa o código bem mais limpo
GOSTEI 0
José

José

09/03/2013

Olá pessoal, podemos dar este tópico por concluído ?
GOSTEI 0
Marcelo Pastore

Marcelo Pastore

09/03/2013

Olá pessoal, podemos dar este tópico por concluído ?


sim, acho que daqui não passa!!!
GOSTEI 0
José

José

09/03/2013

Obrigado Marcelo, sendo assim tó marcando este tópico como concluído.
GOSTEI 0
Andre Fonseca

Andre Fonseca

09/03/2013

Ola boa noite particularmente prefiro que se execute o CSS em um arquivo a parte para evitar supercarregamento de pagina
GOSTEI 0
Marcelo Pastore

Marcelo Pastore

09/03/2013

Ola boa noite particularmente prefiro que se execute o CSS em um arquivo a parte para evitar supercarregamento de pagina


tem esssa ainda, com ele no arquivo html fica mais pesado pra carregar
GOSTEI 0
Andre Fonseca

Andre Fonseca

09/03/2013

sim o excesso de codigos pode deixar a pagina mais lenta para acessar ou mesmo deixa-la mais tempo off por isso e uma boa pratica fazer um arquivo de CSS e um de HTML e linkar o CSS no html para tornar a pagina mais rapida
GOSTEI 0
POSTAR