Comentários sobre: Desenvolvimento em CSS – Manual de boas práticas http://www.pinceladasdaweb.com.br/blog/2008/02/14/desenvolvimento-em-css-manual-de-boas-praticas/ Tutoriais sobre: XHTML, CSS, JavaScript e WebStandards Fri, 19 Mar 2010 08:14:01 +0000 http://wordpress.org/?v=2.9.2 hourly 1 Por: Édipo http://www.pinceladasdaweb.com.br/blog/2008/02/14/desenvolvimento-em-css-manual-de-boas-praticas/#comment-42216 Édipo Sat, 28 Jun 2008 03:20:45 +0000 http://www.pinceladasdaweb.com.br/blog/2008/02/14/desenvolvimento-em-css-manual-de-boas-praticas/#comment-42216 sobre o padding, existe bugs no ie que fazem ele ser calculado erroneamente, e margin com elementos declarados com float da bug as vezes tambem no IE, ele dobra a margem. sobre o padding, existe bugs no ie que fazem ele ser calculado erroneamente, e margin com elementos declarados com float da bug as vezes tambem no IE, ele dobra a margem.

]]> Por: Blog Área Local Boas leituras http://www.pinceladasdaweb.com.br/blog/2008/02/14/desenvolvimento-em-css-manual-de-boas-praticas/#comment-35498 Blog Área Local Boas leituras Fri, 22 Feb 2008 11:26:52 +0000 http://www.pinceladasdaweb.com.br/blog/2008/02/14/desenvolvimento-em-css-manual-de-boas-praticas/#comment-35498 [...] Desenvolvimento em CSS - Manual de boas práticas [...] [...] Desenvolvimento em CSS – Manual de boas práticas [...]

]]> Por: Gustavo Krause http://www.pinceladasdaweb.com.br/blog/2008/02/14/desenvolvimento-em-css-manual-de-boas-praticas/#comment-35300 Gustavo Krause Mon, 18 Feb 2008 12:51:03 +0000 http://www.pinceladasdaweb.com.br/blog/2008/02/14/desenvolvimento-em-css-manual-de-boas-praticas/#comment-35300 O “!important “ não é hack. Ele foi criado para auxiliar o usuário. Em especial para aqueles que necessitam de algo mas acessível [ http://www.w3.org/TR/WCAG10-CSS-TECHS/#user-override ]. "!important" não é para quem projeta. Usar este atributo significa que o seu CSS está mal estruturado. Vejam o Opera como são feitos os Modos disponibilizados para visualização. Todos os atributos tem "!important". Basicamente essa é a idéia. O “!important “ não é hack.

Ele foi criado para auxiliar o usuário. Em especial para aqueles que necessitam de algo mas acessível [ http://www.w3.org/TR/WCAG10-CSS-TECHS/#user-override ].

“!important” não é para quem projeta.

Usar este atributo significa que o seu CSS está mal estruturado.

Vejam o Opera como são feitos os Modos disponibilizados para visualização. Todos os atributos tem “!important”.

Basicamente essa é a idéia.

]]> Por: Rochester http://www.pinceladasdaweb.com.br/blog/2008/02/14/desenvolvimento-em-css-manual-de-boas-praticas/#comment-35263 Rochester Sun, 17 Feb 2008 21:18:36 +0000 http://www.pinceladasdaweb.com.br/blog/2008/02/14/desenvolvimento-em-css-manual-de-boas-praticas/#comment-35263 Discordo a respeito do important. e se fosse "hack" nao seria validado pela w3c Discordo a respeito do important.

e se fosse “hack” nao seria validado pela w3c

]]> Por: Rochester http://www.pinceladasdaweb.com.br/blog/2008/02/14/desenvolvimento-em-css-manual-de-boas-praticas/#comment-35227 Rochester Sun, 17 Feb 2008 00:47:47 +0000 http://www.pinceladasdaweb.com.br/blog/2008/02/14/desenvolvimento-em-css-manual-de-boas-praticas/#comment-35227 Uia, muito boa a técnica contra spammers! lol e tinha visto um replace de js, me pareceu a melhor forma até agora, mas essa é muito boa tbm []'s Uia, muito boa a técnica contra spammers! lol

e tinha visto um replace de js, me pareceu a melhor forma até agora, mas essa é muito boa tbm

[]’s

]]> Por: Gustavo Krause http://www.pinceladasdaweb.com.br/blog/2008/02/14/desenvolvimento-em-css-manual-de-boas-praticas/#comment-35103 Gustavo Krause Fri, 15 Feb 2008 00:11:18 +0000 http://www.pinceladasdaweb.com.br/blog/2008/02/14/desenvolvimento-em-css-manual-de-boas-praticas/#comment-35103 Quando o CSS é bem feito, difícilmente é preciso usar "!important ", podem até ver que no site do W3C que não é usado. O "!important" é um método de facilitar a vida dos preguiçoso. Não posso dizer que eu nunca usei, já usei sim, mas por questões de prazo de entrega. As vezes é muito melhor usar um simples "!important" do que reformular grande parte do documento CSS, ou até todo o documento talvez, principalmente quando o cliente ou sei lá para quem você está fazendo não está nem ai para o seu código. Sobre o "absolute", eu acredido que Reinhold está se referindo a diagramação com esses elementos, o que eu também acho totalmente errado. Para mim, elementos absolutos são apenas para ficar "voando" no site, acredito que essa é forma correta de usar este atributo. Mas é isso, falei demais, achei muito bom esse MANUAL DE BOAS PRÁTICAS, só precisa de alguns ajustezinhos... e ai dá pra fazer até um poster e colocar no quarto. Quando o CSS é bem feito, difícilmente é preciso usar “!important “, podem até ver que no site do W3C que não é usado. O “!important” é um método de facilitar a vida dos preguiçoso.

Não posso dizer que eu nunca usei, já usei sim, mas por questões de prazo de entrega. As vezes é muito melhor usar um simples “!important” do que reformular grande parte do documento CSS, ou até todo o documento talvez, principalmente quando o cliente ou sei lá para quem você está fazendo não está nem ai para o seu código.

Sobre o “absolute”, eu acredido que Reinhold está se referindo a diagramação com esses elementos, o que eu também acho totalmente errado. Para mim, elementos absolutos são apenas para ficar “voando” no site, acredito que essa é forma correta de usar este atributo.

Mas é isso, falei demais, achei muito bom esse MANUAL DE BOAS PRÁTICAS, só precisa de alguns ajustezinhos… e ai dá pra fazer até um poster e colocar no quarto.

]]> Por: Pedro Rogério http://www.pinceladasdaweb.com.br/blog/2008/02/14/desenvolvimento-em-css-manual-de-boas-praticas/#comment-35101 Pedro Rogério Thu, 14 Feb 2008 23:14:37 +0000 http://www.pinceladasdaweb.com.br/blog/2008/02/14/desenvolvimento-em-css-manual-de-boas-praticas/#comment-35101 @Rochester Dê uma olhada <a href=""http://www.pinceladasdaweb.com.br/blog/2007/09/26/como-ocultar-seu-email-dos-spambots-somente-com-css/" rel="nofollow">nesse meu artigo</a> que lá está uma forma de ocultar o e-mail dos spammers só com CSS. @Rochester

Dê uma olhada nesse meu artigo que lá está uma forma de ocultar o e-mail dos spammers só com CSS.

]]> Por: TOn http://www.pinceladasdaweb.com.br/blog/2008/02/14/desenvolvimento-em-css-manual-de-boas-praticas/#comment-35088 TOn Thu, 14 Feb 2008 18:48:23 +0000 http://www.pinceladasdaweb.com.br/blog/2008/02/14/desenvolvimento-em-css-manual-de-boas-praticas/#comment-35088 Ótimas dicas!! Muito obrigado por estas dicas tão preciosas. Salaam Ótimas dicas!!
Muito obrigado por estas dicas tão preciosas.
Salaam

]]> Por: Rochester http://www.pinceladasdaweb.com.br/blog/2008/02/14/desenvolvimento-em-css-manual-de-boas-praticas/#comment-35085 Rochester Thu, 14 Feb 2008 18:14:51 +0000 http://www.pinceladasdaweb.com.br/blog/2008/02/14/desenvolvimento-em-css-manual-de-boas-praticas/#comment-35085 É, tem muitas coisas que podem ser contestadas aí :) o position absolute e o !important por exemplo, são valiosos muitas vezes. O important pode poupar linhas de código, e o position absolute não vejo problemas com ele :P "Se inspire nos códigos de grandes empresas." tem grandes empresas de desenvolvimento que cometem erros básicos de codificação :/ "Utilize a Web Developer Toolbar para Firefox." recomendo também o firebug. apeasr dos constantes bugs atuais :/ "Pode utilizar linguagens Server-Side para escrever seu CSS." aí perde-se a vantagem do chaching do arquivo css. "Pode previnir o Spam com CSS." essa nao entendi :P []'s É, tem muitas coisas que podem ser contestadas aí :)
o position absolute e o !important por exemplo, são valiosos muitas vezes. O important pode poupar linhas de código, e o position absolute não vejo problemas com ele :P
“Se inspire nos códigos de grandes empresas.” tem grandes empresas de desenvolvimento que cometem erros básicos de codificação :/
“Utilize a Web Developer Toolbar para Firefox.” recomendo também o firebug. apeasr dos constantes bugs atuais :/
“Pode utilizar linguagens Server-Side para escrever seu CSS.”
aí perde-se a vantagem do chaching do arquivo css.
“Pode previnir o Spam com CSS.” essa nao entendi :P
[]’s

]]> Por: Pedro Rogério http://www.pinceladasdaweb.com.br/blog/2008/02/14/desenvolvimento-em-css-manual-de-boas-praticas/#comment-35064 Pedro Rogério Thu, 14 Feb 2008 11:46:51 +0000 http://www.pinceladasdaweb.com.br/blog/2008/02/14/desenvolvimento-em-css-manual-de-boas-praticas/#comment-35064 @Vitor, Essa só o autor do artigo original para explica pra gente mesmo, pois se fosse eu quem tivesse descrito esse manual, tentaria deixar as coisas de uma forma mais clara!!! @Vitor,

Essa só o autor do artigo original para explica pra gente mesmo, pois se fosse eu quem tivesse descrito esse manual, tentaria deixar as coisas de uma forma mais clara!!!

]]> Por: VitorGGA http://www.pinceladasdaweb.com.br/blog/2008/02/14/desenvolvimento-em-css-manual-de-boas-praticas/#comment-35061 VitorGGA Thu, 14 Feb 2008 11:28:11 +0000 http://www.pinceladasdaweb.com.br/blog/2008/02/14/desenvolvimento-em-css-manual-de-boas-praticas/#comment-35061 # Utilizar “aspas” para marcar o caminho das imagens. # Aplicar padding, bordas e larguras fixas para os elementos. As aspa eu só não sakei prq!? E o lance da largura fixa eu até entendo, mas, padding e bordas!? # Utilizar “aspas” para marcar o caminho das imagens.
# Aplicar padding, bordas e larguras fixas para os elementos.

As aspa eu só não sakei prq!? E o lance da largura fixa eu até entendo, mas, padding e bordas!?

]]> Por: Bruno http://www.pinceladasdaweb.com.br/blog/2008/02/14/desenvolvimento-em-css-manual-de-boas-praticas/#comment-35059 Bruno Thu, 14 Feb 2008 11:09:03 +0000 http://www.pinceladasdaweb.com.br/blog/2008/02/14/desenvolvimento-em-css-manual-de-boas-praticas/#comment-35059 Dicas valiosas para utilização de CSS. Parabéns pela iniciativa da tradução do documento publicado pelo Reinhold Weber. Muitos desenvolvedores iniciantes, até mesmo os mais experientes cometem alguns pecados na criação do CSS do site. Este manual pode servir como referência para todos os desenvolvedores. Pedro, só senti falta do link para o framework para o framework Blueprint, então aí vai: http://code.google.com/p/blueprintcss Abraços. Dicas valiosas para utilização de CSS. Parabéns pela iniciativa da tradução do documento publicado pelo Reinhold Weber.
Muitos desenvolvedores iniciantes, até mesmo os mais experientes cometem alguns pecados na criação do CSS do site. Este manual pode servir como referência para todos os desenvolvedores.
Pedro, só senti falta do link para o framework para o framework Blueprint, então aí vai:
http://code.google.com/p/blueprintcss
Abraços.

]]>