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 Sat, 11 Feb 2012 13:45:15 +0000 hourly 1 http://wordpress.org/?v=3.3 Por: yuri http://www.pinceladasdaweb.com.br/blog/2008/02/14/desenvolvimento-em-css-manual-de-boas-praticas/#comment-284557 yuri Fri, 27 Jan 2012 14:53:38 +0000 http://www.pinceladasdaweb.com.br/blog/2008/02/14/desenvolvimento-em-css-manual-de-boas-praticas/#comment-284557 http://blueprintcss.org/ http://blueprintcss.org/

]]> Por: Gayla Stayer http://www.pinceladasdaweb.com.br/blog/2008/02/14/desenvolvimento-em-css-manual-de-boas-praticas/#comment-269480 Gayla Stayer Tue, 27 Dec 2011 08:34:19 +0000 http://www.pinceladasdaweb.com.br/blog/2008/02/14/desenvolvimento-em-css-manual-de-boas-praticas/#comment-269480 Been with them for 4 years. Just had to stop in to read another's pov. I think this questrade review nails it. Been with them for 4 years. Just had to stop in to read another’s pov. I think this questrade review nails it.

]]> Por: Gabriel Dantas http://www.pinceladasdaweb.com.br/blog/2008/02/14/desenvolvimento-em-css-manual-de-boas-praticas/#comment-205448 Gabriel Dantas Sat, 02 Apr 2011 22:18:56 +0000 http://www.pinceladasdaweb.com.br/blog/2008/02/14/desenvolvimento-em-css-manual-de-boas-praticas/#comment-205448 A respeito do !important concordo que não podemos cometer abusos em relação a recurso, contudo acho valido utiliza-lo em resets de margin, por exemplo, .nomargin{margin: 0 !important;} A respeito do !important concordo que não podemos cometer abusos em relação a recurso, contudo acho valido utiliza-lo em resets de margin, por exemplo, .nomargin{margin: 0 !important;}

]]> Por: Reinaldo B Mendes http://www.pinceladasdaweb.com.br/blog/2008/02/14/desenvolvimento-em-css-manual-de-boas-praticas/#comment-176931 Reinaldo B Mendes Sat, 10 Apr 2010 01:41:39 +0000 http://www.pinceladasdaweb.com.br/blog/2008/02/14/desenvolvimento-em-css-manual-de-boas-praticas/#comment-176931 Não necessáriamente perderá o caching, Se for feito da maneira correta o código da linguagem deverá fornecer mecanismo de cache, utilizando Cabeçalhos http if-modified-since. Não necessáriamente perderá o caching,
Se for feito da maneira correta o código da linguagem deverá fornecer mecanismo de cache, utilizando Cabeçalhos http if-modified-since.

]]> 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 http://www.pinceladasdaweb.com.br/blog/2007/09/26/como-ocultar-seu-email-dos-spambots-somente-com-css/” rel=”nofollow”>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!?

]]>