As diferenças entre o Microsoft.com e o Apple.com
Que a Microsoft não está nem aí pros padrões da web (web standards), isso não é novidade pra ninguém. Mas a comparação do Microsoft.com com o Apple.com feita pelo TechCast Network foi simplesmente sensacional. É inevitável, a firma de Redmond continua dando pano pra manga. :-P
Primeiro, comecemos com uma comparação visual lado a lado:
 |
 |
Gostos pessoais à parte (hehe), por aqui nenhum absurdo, afinal, cada empresa tem a sua identidade e prefere se apresentar de maneiras diferentes. Mas e o que está por trás disso aí, isto é, o código que constrói o que vemos na tela do navegador?
Bom, aqui está:
 |
 |
O problema não é nem só a aparência, organização e ausência de indentação no código — afinal, os desenvolvedores da Microsoft podem ter um código limpo e bem estruturado, mas decidirem publicá-lo de forma compacta —, mas sim o seu conteúdo, que é bem mal escrito. E, mesmo comprimido, o site da firma de Redmond carrega mais devagar que o da firma de Cupertino.
Mas o mais grave ainda não é isso; pode ser que você não saiba, mas o W3C, consórcio que define os padrões da web, oferece um Markup Validation Service online que serve para validar sites quanto a tais regras. Desta vez, comecemos com o Apple.com, que ainda assim não é perfeito:
É, meu caro, mas se você achou feio o resultado da Maçã, veja só isto aqui:
Precisa comentar? :-P Aliás, se você não é um desenvolvedor de web e não entende sobre web standards, provavelmente não dará a importância devida a este comparativo. Dê uma lida no assunto antes de chamar a gente de chato e exagerado. ;-)
[Dica do William Kazuo Yokoi, muito obrigado!]
![Saiba as diferenças entre as estações Wi-Fi da Apple e escolha a sua [atualizado]](http://macmagazine.uol.com.br/wp-content/themes/arthemia-premium/scripts/timthumb.php?src=http://macmagazine.uol.com.br/wp-content/uploads/2008/03/08-wifi_airportexpress1.jpg&w=150&h=150&zc=1&q=100)
![Nova tecnologia da Swype para escrita em touchscreens está prestes a chegar ao mercado [atualizado]](http://macmagazine.uol.com.br/wp-content/themes/arthemia-premium/scripts/timthumb.php?src=http://macmagazine.uol.com.br/wp-content/uploads/2009/11/23-omnia-ii.png&w=80&h=80&zc=1&q=100)
As vezes penso que a Microsoft acha que é deus no céu e ela na terra… ignorar os padrões da web é só mais uma das cartas que farão o castelo dela cair feio se ela não se cuidar…
Nossa, por isso não me arrependo de mudanças. Mas Rafa, essa frase aqui:
"O problema não é nem só a aparência, organização e ausência de indentação no código…" o que é indentação?
:D Abração
eu ia perguntar isso tbm… o que é INDENTAÇÃO?!
Hahahaha eu uso isso há tanto tempo que, agora que vocês perguntaram, me parece ser um aportuguesamento brabo de web designers. :P "Indent", em inglês, significa "recuar" — são esses tabs/espaços em branco que damos no código para separar blocos que estão dentro de outros blocos, facilitando a visualização e o trabalho em páginas muito longas.
Acredito que sejam aqueles "Tabs" pra organizarem melhor os códigos.
É quando um dente cai. Ou uma empresa multimilionária que se achava firme vai à falência. Vide GM, haha!
(brincadeira, nunca nem tinha visto essa palavra)
Substantivo feminino.
1. Ato ou efeito de indentar.
2. Depressão, ger. pequena, numa superfície, feita por, ou como que por golpe ou pressão.
3. Anat. Depressão, como a que resulta da introdução de dedo em tecido mole.
A palavra existe mesmo! Mais o meu post é só uma brincadeira. ^_^
Indentação é uma espécie de tabulação dos códigos ou ainda, uma organização.
Vc abre um cursor, uma variável num determinado espaço no script e depois fecha, usando a mesma posição (coluna) linhas abaixo que você usou anteriormente, ou seja, fica mais fácil para quem for ler o código, entender o 'roteiro' da execução.
Isso é meramente estético.
Realmente a Microsoft só lha pro próprio Umbigo…
Por que diabos o validador tá procurando entidades html no valor do campo href de uma tag *link*?! o.0
Os 12 primeiros erros/warnings não fazem sentido nenhum… não vi o resto, mas se o site da Microsoft faz o parser do W3C achar esses erros aí… a coisa é ainda pior do que o post faz parecer. :p
No meu site encontrei 306 erros, 6 estavam certos (não fechei umas tags meta) mas os outros 300 eram disto:
<div id="flashcontent">
Seu browser não possuí o Flash Player 9.0 ou maior instalado. <a href="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash ">Clique aqui para instalá-lo.
</div>
procurei, procurei e não entendi, resolvi reescrever:
<div id="flashcontent">
Seu browser não possuí o Flash Player 9.0 ou maior instalado. <a href="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash">Clique aqui para instalá-lo.
</div>
e funcionou!! Não entendi
Quando postei eu vi que tinha gerado uns caracteres estranhos, não sei de onde veio, copy & paste talvez, era isso.
É que o href usado é:
href="/en/shared/core/2/css/css.ashx?sc =us/site.config&m=cspMscomHomePageBase"
e o correto seria:
href="/en/shared/core/2/css/css.ashx?sc=us/site.config&m=cspMscomHomePageBase"
ao invés de & usar &
<a href=”http://www.htmlhelp.com/tools/validator/problems….” target=”_blank”>http://www.htmlhelp.com/tools/validator/problems….
Aaaaaah, tá! Não sabia…
Mas não entendi bem o porquê… não é um valor delimitado por aspas? Por que o parser tem problema com isso? Melhor dizendo, por que a especificação faz essa exigência?
Não tem nada a ver com as aspas, tem a ver com o fato de que o "&" é usado para declarar entidades HTML, se você quer imprimir um "&" literal, então deve usar "&", e não apenas "&".
Realmente os códigos são bem limpos e identificados…..
A Microsoft pode não seguir os padrões da web, mas enquanto 80% das pessoas usarem Internet Explorer, eles não tem motivo nenhum para tal.
correção 66% e caindo…
Ah, que nada, o código da Microsoft está bem melhor, olha só como eles conseguem colocar bem mais código por área, fica mais cheio, mais compacto e mais leve! =D
Ah, é… 1º de abril foi ontem, né… ignora…
Yessss, faço parte do seleto grupo de 20% de pessoas inteligentes, que não usam o IE 8 !!! : )
Aloha
Claro, se a Microsoft seguisse os padrões na sua página ela não ia funcionar no Internet Explorer. :P
De fato, infelizmente…
M$ é M$, mas tenta imitar a Apple.
Como a M$ gosta de coisas escritas para tudo quanto é quanto, diferentemente do site da Apple. É assim também nas embalagens dos produtos e dos aparelhos e ainda de brinde um monte de adesivos com zilhões de certificados, etc… Minha namorada comprou um Laptop com adesivo em tudo quanto é quanto, fui dar um de bonzinho e tentei retirar… Ficou horrível, pois não saiu tudo e após esfregar com água e alguns produtos, só ficou opaco a superfície de onde estava aplicado… Porque fazem isso com os aparelhos? Não seria melhor colar com uma colinha tipo post-it.
Vá tomá banho!!
q nerds
"é tudo quanto pe canto" o estresse é tanto pelo que ouvi do episódio que até escrever errado, escrevi…
xD
Nossa galera… TERRIVEL o site da "Janelinha"…
Como se UM CARA mexesse no codigo. Sem identacao, comentarios, nada! Batendo o olho, nw se sabe o que e javascript, HTML… Senhor! Coitado do cara que precisa dar manutencao nisso. Pois parar os nw programadores saibam de uma coisa: Mesmo usando um Dreamweaver, NORMALMENTE poe a mao na massa!!!!
Eu ja trampei como programador. Se eu fizesse um codigo daqueles, eu estava na rua…rs
Os programadores da MS nunca vão mexer nesse código aí, isso é só o resultado final gerado pelo CMS que eles usam, o código-fonte em que eles trabalham mesmo deve estar bonitinho e organizadinho lá no servidor ;)
Os programadores da MS nunca vão mexer nesse código aí, isso é só o resultado final gerado pelo CMS que eles usam, o código-fonte em que eles trabalham mesmo deve estar bonitinho e organizadinho guardado nos servidores da MS.
Ah e so uma correcao… nw e iNdentar e sim iDEntar :-)
CORRECAO!!!!! FOI MAL!!!! Que lesado… retido o que eu disse… e iNdentar mesmo…
FOI MAL RAFAEL!!! hehe
Que loucura, esse post não tem como principio falar que a Microsoft copiou nada. Agora é o momento de ficarmos cegos e concordar que o site da Microsoft é um lixo.
Há, ninguém leve em consideração a quantidade de informações que a Microsoft tm na sua página e o pouco que a Apple tem na sua.
Vc ta sendo ironico ou falando serio?
Cara, depende do seu ponto de vista. Qual sistema operacional você usa?
Depende… no iMac o Mac OS. E qd preciso usar meu VAIO, e windows… pq?
Hehehe, nunca vi essa palavra! =/
Legal mas inútil.
Tem que ver que esse validator da W3C não é 100%, ele dá falsos positivos para erro, bota o site do google ou do gmail ou da globo.
O da Apple dá só um erro de aspas lá..
O live.com ou msn.com dá só uns errinhos bobos estilo o da apple.
Não é defendendo a MS é só para alertar que esse serviço da W3C para verificar se está nos padrões não é 100%!
Ela serve mais para dar uma orientação.
E o codigo fonte da apple está muito bonitinho bem organizado estão de parabéns
O validador da W3C só analisa a síntaxe do código e nesse ponto eu acho que ele é 100% sim. E ele acusa erros nos sites do Google, Gmail etc porque eles de fato tem erros.
Wowwww!!!!! Coloquei de bobeira no avaliador o Uol.com.br: 1007 Errors, 1069 warning(s)
Ok. Usa o Mac e o Windows. Legal! Mas veja meu ponto de vista: O apple.com é bem simples. Porque a Apple tem poucos produtos, essa a razão. Agora olhe a Microsoft, a página inicial tem que ter basicamente um link para cada área importante. Isso resulta numa página bem complexa e com mais facilidade de apresentar erros.
Agora veja isso: O endereço http://www.me.com é o básico de uma página, e se formos validar, olha no que dá: 33 Errors, 17 warning(s).
Só veio 9 Errors, 6 warning(s)
Aliás no http://www.apple.com
9 Errors, 4 warning(s)
No meu ponto de vista e o seguinte: justamente pelo fato da pagina ser complexa, que ela deveria ser "cuidada". Pois como eu falei acima. Nw e so um cara que faz manutencao num site.
Vc e programador ou ja programou alguma vez? E terrivel qd se tem de mexer num site todo desorganizado. Ve perde mais tempo arrumando a bagunca do que programando…
Por isso nw justifica o site ter muito conteudo
Ops… Nw justifica o fato dele ter muito conteudo…
Veja: http://tinyurl.com/cs7epb
Isso é de se esperar. =D
Eu adimiro muito a Microsoft, ela é uma das poucas empresas que conseguem manter o padrão de qualidade dos seus produtos e serviços.
Windows = Péssimo
Internet Explorer = Péssimo
Microsoft.com = Péssimo
Por isso que ela faz tanto sucesso!? =D
Olhando dessa forma a Microsoft é com certeza a empresa mais constante do mercado! :)
hahaham eu já ouvi falar indentação outras vezes, por amigos que trabalham nesse ramo de Web, é a mesma coisa sobre gadgets ou geeks, as palavras são inventadas e fica tudo por isso mesmo hehehehe
Esquece, agora consegui ler o link. Entendi.
Adoro os produtos da Apple mas vocês não acham que estão exagerando um pouco em só criticar o IE8? E a falha gavíssima de segurança do Safari? Pô, ele foi hackeado em 10s!!!
http://www.macuser.co.uk/news/249768/safari-falls...
http://www.computerworld.com/action/article.do?co...
E na boa, ficar vendo se o código-fonte em html está ou não indentado é coisa de quem não tem o que fazer… para começar o site da MS é todo em .NET e o conteúdo é gerado dinamicamente, por isso que não é indentado!
Concordo que indentação é muito importante para que desenvolve, mas para usuário final e pro browser que diferença faz?
Um último detalhe, boa parte do código que parece ser ilegível faz parte do .NET, um exemplo é i VIEWSTATE que o servidor de .NET usa para guardar informações sobre o estado da página.
E concordo também quanto ao fato da MS errar em não seguir os padrões W3C.
[]´s
Podem me matar mas não sei até que ponto o padrão W3C é tão importante assim. Se fosse, empresas como a Apple e a Microsoft estariam preocupadas mas preferem a boa apresentação dos sites. Sou um defensor do codigo limpo mas começo a me questionar se é de fato importante ou mais um "padrão-do-momento" como outros que vieram e foram. As vezes perdemos muito tempo lixando o parafuso e no fim fazemos um carro normalzinho e sem graça.
é importante e não é questão de lixar parafuso. pelo contrário, é questão de fazer um trabalho mais curto e gastar menos dinheiro. os padrões são facílimos de serem seguidos e aplicados, difícil é ficar escrevendo hacks para browsers que não seguem os padrões. é questão de consciência e preocupação com os visitantes do site. é simples: as pessoas tem q escrever códigos de acordo com padrões entendíveis pelos browsers. é óbvio que um browser não vai deixar de exibir um conteúdo por você ter colocado um elemento de bloco dentro dum elemento inline. mas padrões são padrões, e são muito úteis.
[modo-chato-on] Não em Python, hahah.
1º de Abril? Não, em sites de grande acesso realmente é comum usarem um código mais "denso", sem espaçamentos ou outros recursos estéticos para diminuir o consumo de banda.
Caro amigo, isso é apenas uma compactação do código fonte, muitos sites se utilizam dessa técnica para diminuir o tamanho do arquivo da página, e consequentemente reduzir custos com trafego de servidor. Com certeza o codigo fonte no qual os programadores mexem e bem estruturado. E de qualquer forma temos nosso amigo firebug que gera a indentacao correta automaticamente.
Em relecao aos erros, todo mundo sabe que a microsoft nao eh chegada da W3C.
O que acontece é que o código do site da Microsoft foi feito em poucas linhas contínuas. Aplicando a quebra de linhas é obvio que vai virar essa bagunça.
Sem contar que a página inicial da Microsoft tem mais conteúdo e links naqueles menus superiores (ao passa o mouse). Também é obvio que o código ficará maior.
Sem mais.
kkkkkkkkkkkkkkkkkkk
Perfeito, disse tudo ^_^
O safari pode ter sido hackeado em 10s, mas o cara já vinha trabalhando na vulnerabilidade muito antes e já chegou no evento com script pronto. Aí é fácil.
Realmente incrivel Rafa. Esses dias fui mostrar para um amigo do serviço o W3C e escolhi o site da Apple para o teste e fiquei besta de ver que só tinha um misero erro. :P
É por essa e outras razões que tenho não uso PC's
Jesussssssssss!!!!!
Meramente estético mas vital quando você vai pegar código legado pra mecher. Um código bem indentado pode ser lido/analizado com muito mais facilidade.
Só pra aumentar a polêmica…
Na mesma página, se você passa no teste ele mostra um de css (<a href=”http://jigsaw.w3.org/css-validator/validator?uri=http://www.microsoft.com)” target=”_blank”><a href=”http://jigsaw.w3.org/css-validator/validator?uri=…” target=”_blank”>http://jigsaw.w3.org/css-validator/validator?uri=…
apple 74 errors
microsoft 37 errors
Isso aumenta a polêmica a favor da Apple.
Se você observar, os erros de CSS têm dois motivos simples:
1. Hacks para o site funcionar no IE
2. Funcionalidades extras, como borda arredondada.
Se você trocar o teste para CSS3, ao invés do CSS2.1 linkado, retornará 69 "erros".
Validação é menos importante do que seguir boas práticas. E as práticas da Apple nesse sentido são indicutivelmente melhores.
São as "tabs" mesmo, e fica bem melhor de ler e alterar o código com os "Indents".