Comentários sobre: 10 Técnicas para Reset CSS

Por: Trambulhao

Trambulhao — Fri, 12 Mar 2010 21:08:30 +0000

Muito bom..

Agora é só optar por um exemplo, possivelmente a proposta da w3c, versão CSS 2.1, além de não achar completa. Fazendo umas alterações na body {margin:0}, tamanho da font para 62,5%, table {border-collapse: collapse} e mais umas cosinhas, fica perfeito.

As opções dos browsers também vale apena. Sei lá o que escolher..

Alguma sugestão?

Deveria era ter o estilo pinceladas_da_web.css

Valeu Pedro.. Obrigado.

Por: Pedro Rogério

Pedro Rogério — Fri, 12 Mar 2010 17:56:17 +0000

Não, pelo contrário, até acho interessante essa opção. Aproveitando, dê uma olhada nesse post:

http://meiert.com/en/blog/20070922/user-agent-style-sheets/

Por: Trambulhao

Trambulhao — Fri, 12 Mar 2010 17:17:33 +0000

Eu utilizo um folha parecida com a do Rudeworks e do Eric Meyer. Mas pensando cá comigo…

@Pedro Rogério

Será correto, ao invés de usar uma folha “reset”, criar uma folha de estilo próprio ao invés de anular suas configurações?

Definir os estilos de cada tag, assim como faz os browsers.

Por exemplo, no reset, na maioria das vezes as lista ficam sem margens, padding e estilos. Penso que seja por causa dos menus.

No entanto, não deveria ser assim. Deveria ter seu estilo definido para ser usado dentro de um texto, assim como faz os navegadores.

Caso seja usado no menu, então retiramos ou definimos suas margens, seus espaçamentos no #id do menu.

Penso até que em relação ao tamanho total dos arquivos CSS seria menor.

É errado pensar assim?

Por: Pedro Rogério

Pedro Rogério — Wed, 14 Oct 2009 19:02:55 +0000

Basta não remover o copyright.

Por: butilheiro

butilheiro — Wed, 14 Oct 2009 18:40:21 +0000

Pra usar qualquer uma das técnicas existe alguma regra de royaltie ou coisa do gênero ou são todos códigos livres?

Por exemplo, qunado você abre a página do Yahoo e visualiza o código-fonte, o CSS Reset deles tem um Copyright…

E aí?

Por: Guia para estudar CSS | import Zeh.Design

Guia para estudar CSS | import Zeh.Design — Sat, 29 Aug 2009 15:23:16 +0000

[...] Pincelada na Web – Uma das principais formas para evitar dor de cabeça com as diferentes rederizações dos broserws. Vários resets. [...]

Por: Reset CSS | 帕兰映像

Reset CSS | 帕兰映像 — Mon, 17 Aug 2009 22:49:59 +0000

[...] 发表了一篇10 Técnicas para Reset CSS，Sofish 翻译在这里 – 10款浏览器CSS [...]

Por: tips

tips — Tue, 26 May 2009 20:51:35 +0000

Your site is a much needed addition to my life. THANK YOU!

Por: Pedro Rogério

Pedro Rogério — Wed, 10 Dec 2008 21:20:09 +0000

@Leo Caseiro,

Teoricamente é para funcionar, utilizo essa técnica em todos os meus Jobs e nunca passei por esse tipo de problema. Se você der uma olhada nesse blog: http://www.semlimites.blog.br/ no Google Chrome, verá que funciona tudo ok. Dê uma olhada no CSS e verá que no topo está lá o reset do Eric Meyer. Abraços.

Por: Leo Caseiro

Leo Caseiro — Wed, 10 Dec 2008 19:23:29 +0000

Pedro, estava desenvolvendo um WebStandards aqui para aprender. Eu estava utilizando o RESET do Eric Meyer. O mesmo que você informou que sempre utiliza. Eu não sei porque, no Chrome ele não estava zerando as margins. Com isso, resolvi inserir no topo no meu CSS o *{margin:0} e funcionou perfeitamente. Você sabe me dizer pq o Chrome num rola?

Abs

Por: Jens Meiert

Jens Meiert — Sat, 15 Nov 2008 11:33:26 +0000

Feeling free:

http://meiert.com/en/blog/20080419/reset-style-sheets-are-bad/

Por: Isaias Alexandre

Isaias Alexandre — Thu, 13 Nov 2008 11:38:25 +0000

Uma ótima idéia Leo, estou reestruturando algumas coisas na minha maneira de implementar e pesquisando na net percebi que o assunto é bem interessante e vasto, pena que não tenhamos referências em pt-BR.

Abs a todos!

Por: Leo Caseiro

Leo Caseiro — Wed, 12 Nov 2008 19:55:35 +0000

@Pedro, você podia pegar os links do Isaias, juntar com o seu e faze um post sobre %, px, em, pt e etc no CSS NO LANCHE né?

Nem preciso dizer que você é único do mundo que encontra todas essas técnicas. Por isso que eu digo que tu és o Google Humano rsrs

Por: Isaias Alexandre

Isaias Alexandre — Wed, 12 Nov 2008 17:58:50 +0000

Modelo bem interessante onde a unidade de medida utilizada é o em, ou seja tudo ai será relativo ao tamanho da fonte, brinquem usando Ctrl+Scroll do mouse.
http://www.csszengarden.com/?cssfile=/063/063.css

Modelo utilizando % onde a relação é ligada as dimensões do viewport, divirtam-se mudando as dimensões da tela.
http://www.csszengarden.com/?cssfile=/063/063.css

Abs

Por: Pedro Rogério

Pedro Rogério — Wed, 12 Nov 2008 12:15:15 +0000

Eu costumo utilizar “em” para tudo. Aqui você pode ver 2 artigos muito interessantes sobre isso:

http://clagnut.com/blog/348/
http://www.ibm.com/developerworks/web/library/wa-aj-webportal/index.html

Irei dar uma lida nesse link que você mandou e depois lhe dou minha opinião.