[William Bruno]

Críticas e sugestões por favor
http://www.ofertasda...figenia.com.br/

Eu tinha deixado escapar alguns errinhos na validação, mas já arrumei.. acredito que está bem semântico, porém aceito sugestões!

[silverfox]

10 pelo layout, sem reclamações ficou otimo.
8 pelo HTML, você usou uns spans como se fossem BOX, recomendo o uso de span para efeitos inline e p e div para BLOCK, entendeu?
Muitos CSS's, procure criar tudo em um arquivo só assim fará menos requesições.
VocÊ usou Dreamweaver? Parece em alguns pontos =p

Testei somente no Firefox3.5, logo testarei mais.

Mas está de parabens otima diagramação =D

[William Bruno]

silverfox, em 20 outubro 2009 - 16:11 , disse:

8 pelo HTML, você usou uns spans como se fossem BOX, recomendo o uso de span para efeitos inline e p e divpara BLOCK, entendeu?

Se puder me dar um exemplo em cima do meu código..

silverfox, em 20 outubro 2009 - 16:11 , disse:

Muitos CSS's, procure criar tudo em um arquivo só assim fará menos requesições.
VocÊ usou Dreamweaver? Parece em alguns pontos =p

cheguei a pensar em fazer apenas um arquivo .css, mas o site é gigante.. tá com umas 700 linhas de CSS, achei que ia ficar ruim de dar manutenção.. por isso dividi. Poxa.. ai você me deixa triste... Dreamweaver nããããoooo!!
Que isso silver..
<-- Bloco de Notas nele !! Onde exatamente ? Não entendi cara...

silverfox, em 20 outubro 2009 - 16:11 , disse:

Testei somente no Firefox3.5, logo testarei mais.

Mas está de parabens otima diagramação =D

O layout não é meu.
Fiz 'apenas' a programação:
xHTML, CSS, php OO - MVC + MySQLi, e Ajax com jQuery. Te respeito pra caramba cara.. se puder sugerir algumas coisas para melhorar no código, eu fico muito grato!

[silverfox]

Quote

cheguei a pensar em fazer apenas um arquivo .css, mas o site é gigante.. tá com umas 700 linhas de CSS, achei que ia ficar ruim de dar manutenção.. por isso dividi.

Hummm tem um PHP que junta tudo em um CSS só, assim como os javascript's, vou procurar e lhe informo.

Quote

Que isso silver..

KKK, só foi impressão, mas um ponto que eu percebi foi isso:

@charset "UTF-8";

Geralmente quem aplica é o Dream, eu pessoalmente não uso, pois raramente vejo necessidade e pensei que talvez tive-se vindo de algum programa como o dream.

Bem aqui por que usou UL e LI:

<ul class="abas">

				<li>Lojas em Destaque</li>
			</ul>

Poderia ser um H1, h2...etc, que tal?

Quote

Se puder me dar um exemplo em cima do meu código..

Quote

se puder sugerir algumas coisas para melhorar no código, eu fico muito grato!

Aqui você usou SPAN logo depois de paragrafo:

					<p>Trabalhamos com lg, samsung, acer, intel, amd, asus, ecs, gigabyte, seagate..</p>
					<p class="links">

						<a href="?loja=3/racy-informatica" title="1 ofertas">1 ofertas</a>
						<a href="javascript:return false;" class="ver-telefone" title="telefone" rel="3" rev="1">ver telefone</a>
					</p>
					<p class="informacao">
						<a href="?loja=3/racy-informatica" title="Informações Racy Informatica">informações</a></p>

Ao meu ver onde vai paragrafo é texto e onde vai texto pode continuar texto, você então poderia continuar com paragrafos, assim:

					<p>Trabalhamos com lg, samsung, acer, intel, amd, asus, ecs, gigabyte, seagate..</p>
					<p class="links">

						<a href="?loja=3/racy-informatica" title="1 ofertas">1 ofertas</a>
						<a href="javascript:return false;" class="ver-telefone" title="telefone" rel="3" rev="1">ver telefone</a>
					</p>
					<p class="informacao">
						<a href="?loja=3/racy-informatica" title="Informações Racy Informatica">informações</a></p>

Fazendo assim você pode usar o SPAN para paragrafos com efeitos INLINE como trocar a cor para uma palavra, aplicar bold, italic, strike, underline em uma palavra ou letra, eu pessoalmente (raramente) uso outras tags para estilizar palavras em inline, uso somente span com classe ou não e CSS.

Mas veja bem está é uma opnião minha, do meu ver para o futuro, você não precisa seguir RESTRITAMENTE isto você tambem pode usar <em> e outras tags inline e torna-las block(as vezes o faço), com o span eu faço muito porem só uso SPAN dentro de <P>, mas é uma visão minha =)

Quote

xHTML, CSS, php MVC + MySQLi, e Ajax com jQuery. Te respeito pra caramba cara.. se puder sugerir algumas coisas para melhorar no código, eu fico muito grato

Pode ter certeza que lhe respeito como respeito o Thiago e Giovanni o Guilherme Rambo, e varios outros membros do imasters que já foram desta e são ou foram de outras areas.

Admiro muito todos estes membros pelo trabalhos feitos tanto fora quanto dentro do imasters, e você William é uma das pessoas que mais pensa igual a mim e por isso admiro seus trabalhos, gosto de pensar que fui umas das pessoas que lhe ajudou, sucesso carinha.

[William Bruno]

silverfox, em 20 outubro 2009 - 16:40 , disse:

Quote

Que isso silver..

KKK, só foi impressão, mas um ponto que eu percebi foi isso:

@charset "UTF-8";

Geralmente quem aplica é o Dream, eu pessoalmente não uso, pois raramente vejo necessidade e pensei que talvez tive-se vindo de algum programa como o dream.

hAUhAUhAU
é que vi essa definição num site, achei 'bonitinho', ai resolvi adotar.. fora que fica legal qndo você manda pro validador...
hAuhAUhA frescura pura... mas DW não... longe de mim! Sei nem abrir esse programa direito..

silverfox, em 20 outubro 2009 - 16:40 , disse:

Bem aqui por que usou UL e LI:

<ul class="abas">

				<li>Lojas em Destaque</li>
			</ul>

Poderia ser um H1, h2...etc, que tal?

então cara, tu 'estragou a surpresa' huahuaha
Mais pra frente o cliente quer deixar isso em abas, ai em vez de 'Lojas em Destaque', ficaria por categorias..
"Informática em Destaque", "Som em Destaque".. eu quis deixar o HTML pronto pra esse esqueminha de abas, por isso usei a lista ai. Mas vlw o toque, vira de eu colocar <hx> dentro do LI ne?!

silverfox, em 20 outubro 2009 - 16:40 , disse:

Ao meu ver onde vai paragrafo é texto e onde vai texto pode continuar texto, você então poderia continuar com paragrafos, assim:

					<p>Trabalhamos com lg, samsung, acer, intel, amd, asus, ecs, gigabyte, seagate..</p>
					<p class="links">

						<a href="?loja=3/racy-informatica" title="1 ofertas">1 ofertas</a>
						<a href="javascript:return false;" class="ver-telefone" title="telefone" rel="3" rev="1">ver telefone</a>
					</p>
					<p class="informacao">
						<a href="?loja=3/racy-informatica" title="Informações Racy Informatica">informações</a></p>

Bacana! curti!

silverfox, em 20 outubro 2009 - 16:40 , disse:

Admiro muito todos estes membros pelo trabalhos feitos tanto fora quanto dentro do imasters, e você William é uma das pessoas que mais pensa igual a mim e por isso admiro seus trabalhos, gosto de pensar que fui umas das pessoas que lhe ajudou, sucesso carinha.

foi sim cara! agradeço muito do que sei em CSS à ti! Vlw!

[silverfox]

Quote

Mas vlw o toque, vira de eu colocar <hx> dentro do LI ne?!

Não não, então deixa assim mesmo ou então você pode adotar DL, DT e DD se for a intenção de titulo =)

Quote

foi sim cara! agradeço muito do que sei em CSS à ti! Vlw!

Você tambem já me ajudou, sem você perceber você ajudou, que eu me lembre foi você, sobre ASPAS em PHP

eu usava assim:

echo " te\"st\"e ";

e você recomendou assim:

echo ' te"st"e ';

Depois fui procurar sobre o assunto e encontrei o EOF(equivalente ao do PERL):

<?php
echo <<< EOF
BL"Z" BL'Z'
EOF;
?>

Você pode fazer assim tambem:

<?php
echo <<< WILL
BL"Z" BL'Z'
WILL;
?>

Você pode fazer assim tambem:

<?php
echo <<< EOFILE
BL"Z" BL'Z'
EOFILE;
?>

[ofertasdasantaefigenia]

Olá a todos

Venho aqui parabenizar o Bruno pelo excelente trabalho.(Recomendo a todos)
Pontual na data de entrega e entendeu o projeto perfeitamente e fez tudo de acordo com o que pedimos.
Sempre prestando suporte e ajudando com novas opções.

Parabens Bruno, você é um excelente profissional.

Abraço a todos.
Marcelo Fernandez

Se alguem se interessar em parcerias para o site me add
msn@ofertasdesaopaulo.com.br