-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathblog.xml
executable file
·4060 lines (3776 loc) · 326 KB
/
blog.xml
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<?xml version="1.0" encoding="iso-8859-1"?>
<blog>
<!--
<mensagem id="">
<titulo></titulo>
<texto>
</texto>
<diego/>
<data>//</data>
</mensagem>
-->
<mensagem id="206">
<titulo>Internet: Reestruturando nossa vida</titulo>
<texto>
[a href="http://www.mobilelife.com.br/artigos/revolucao.asp"]Internet: Reestruturando nossa vida[/a][br /]
Saiu um artigo novo no [a href="http://www.mobilelife.com.br/"]Mobile Life[/a]. Fala sobre como a internet tem que mudar, como ela mudou, e o que devemos fazer para mudá-la para melhor.
</texto>
<diego/>
<data>09/13/2004</data>
</mensagem>
<mensagem id="205">
<titulo>Palestra grátis da Atípico</titulo>
<texto>
A [a href="http://www.atipico.com.br/"]Atípico[/a] está promovendo nesta quinta feira, mais palestras online. [br /]
As palestras, com duração de aproximadamente 35 minutos, ocorrerão às 10h, às 15h e às 20h, desta quinta-feira, dia 16 de setembro.[br /]
Se você quer participar (PARTICIPE!), visite esta página [a href="http://www.atipico.com.br/palestra/"]http://www.atipico.com.br/palestra/[/a] para maiores informações.
</texto>
<diego/>
<data>09/13/2004</data>
<comentario nome="celo" email="[email protected]" url="">Galera vai ter uma COmpeti&#231;&#227;o CSS na gringa valendo Dolar :D veja se interessa o pagamento do premio eh via paypal</comentario><comentario nome="celo" email="[email protected]" url="">eskeci de colar u link :D puz lah nu forum tb:
http://www.westciv.com/style_master/templates/index.html</comentario></mensagem>
<mensagem id="204">
<titulo>Nossos problemas acabaram! Ou quase.</titulo>
<texto>
Toda dificuldade que os desenvolvedores tem de compatibilizar os sites em dispositivos móveis, pode ter acabado com [a href="http://www.mobilelife.com.br/comenta.asp?post=207#com"]este brinquedinho[/a].[br /]
Com apenas um movimento o usuário pode visualizar a página web que está sendo visitada. Talvez, o desenvolvedor não se preocupará com mais nada para manter a compatibilidade dos sites!
</texto>
<diego/>
<data>09/12/2004</data>
<comentario nome="Rodrigo Muniz" email="[email protected]" url="rodrigomuniz.blogspot.com">Agora me diz. O que fazer depois dessa? &#172;&#172;</comentario><comentario nome="Edson Parisotto" email="[email protected]" url="www.parisotto.com.br">Muito curioso. Mas n&#227;o me pareceu algo que veio para ficar.</comentario><comentario nome="Renato" email="" url="www.renato.locaweb.com.br">O mesmo para mim. Acho que n&#227;o cola n&#227;o. imagina quando for um site de conte&#250;do de leitura. Ter que ficar movendo a parada da esquerda para a direita e de cima para baixo toda hora, pois o site vai ser visto pelas metades.
Sei n&#227;o!</comentario><comentario nome="Elcio" email="[email protected]" url="elcio.locaweb.com.br">Hmmmm, pra mim &#233; como ler um livro atr&#225;s da porta pelo buraco da fechadura. Imagine-se lendo um site cujas linhas de texto tem 2 ou 3 vezes a largura da tela do PDA, o quanto voc&#234; vai ter que girar o aparelhinho enquanto l&#234;! Ainda prefiro padr&#245;es web para resolver esse problema. </comentario><comentario nome="Daniel San" email="[email protected]" url="www.fimdeprova.com">Concordo com o &#201;lcio, e sem contar que &#233; em apenas um modelo, e os que j&#225; existem? Vamos esquec&#234;-los?
Usem os padr&#245;es web.</comentario></mensagem>
<mensagem id="203">
<titulo>Opera para Tv´s</titulo>
<texto>
[a href="http://www1.folha.uol.com.br/folha/informatica/ult124u16949.shtml"]Navegador Opera ganha versão para televisores[/a][br /]
Como é o Opera, temos a certeza de que o suporte aos padrões do navegador será alto, e se ainda não tiver tal suporte, ele será implementado o mais rápido possível, já que se trata da Opera.
[/p]
[p]
Quem faz sites seguindo os padrões, tem a tranqüilidade de que seu site, se bem feito, funcionará em qualquer dispositivo. Seja ele móvel ou uma Tv, e quem sabe um microondas, geladeira, etc. Esta é uma das magias do padrões! Facilitar a sua vida, para que você tenha o mínimo de trabalho com o máximo de qualidade.
</texto>
<diego/>
<data>09/10/2004</data>
</mensagem>
<mensagem id="202">
<titulo>Curso de Web Standards</titulo>
<texto>
Já fez a [a href="http://www.atipico.com.br/reserve.asp"]sua reserva[/a] para a próxima turma do [a href="http://www.atipico.com.br/curso.asp"]curso de Web Standards[/a] da [a href="http://www.atipico.com.br/"]Atípico[/a]?![br /]
Então, [a href="http://www.atipico.com.br/reserve.asp"]faça rápido[/a], pois a próxima turma começa dia 20 de Setembro!
</texto>
<diego/>
<data>09/03/2004</data>
<comentario nome="Daniel Santana" email="[email protected]" url="www.fimdeprova.com" watch="706080">A&#237; galera, vale a pena fazer o curso de Web Standards (Padr&#245;es Web da At&#237;pico). * * * * * * * * * * * * * * * * * * * * * * * * * O Skema &#233; on-line, com software onde voc&#234; ouve os professores e pode tamb&#233;m falar, n&#227;o &#233; como os outros cursos on-line que h&#225; por ai, o pre&#231;o est&#225; muito em conta hoje em dia, aproveite voc&#234; desenvolvedor, seu futuro est&#225; em jogo.</comentario><comentario nome="justy" email="[email protected]" url="www.contato.net">&#201; realmente vale apena, fa&#231;am um modulo e ver&#227;o, muito show, []s galera!</comentario><comentario nome="eu" email="[email protected]" url="eueirene....">Po ve se atualizam esse site...pelo amor de deus...Jogada&#231;o as tra&#231;as...</comentario></mensagem>
<mensagem id="201">
<titulo>Terminou</titulo>
<texto>
O Diego terminou agora a pouco de implementar o layout do novo
Tableless.com.br, ao vivo, com a galera olhando. Levou 2 horas e 50
minutos, começando do zero, cortando imagens e escrevendo HTML num arquivo
vazio. Foi divertido. As páginas internas vão ser produzidas muito mais
rápido.[br /]
O layout vai ficar um tempo [a title="Novo Tableless.com.br"
href="http://www.tableless.com.br/aovivo/novosite.asp"]aqui[/a].
Seus comentários são muito bem vindos.
</texto>
<elcio/>
<data>09/02/2004</data>
<comentario nome="jao" email="[email protected]" url="geekadelic.com">Assim, sem querer parecer grosseiro e offtopic, mas que &quot;PORRA&quot; &#233; aquela de tableless/aovivo ?
&#201; pro ego ou ou foi o jonas que pediu? :D
Agora s&#233;rio. Me explique qual a utilidade disso? Simplesmente evitar o REFRESH humano (da p&#225;gina) pra ver se o que voc&#234; mudou no c&#243;digo funcionou?
Ou ser&#225; que sou que estou realmente cego e/ou sem paci&#234;ncia para entender t&#227;o m&#237;stico procedimento?
PS: OBSERVAR O QUE? ;)</comentario><comentario nome="jao" email="[email protected]" url="geekadelic.com">fdp! O sistema tirou minhas _coerentes_ quebras de linha :(
E temo que minha mensagem tenha perdido um pouco de seu sentido. -
-
-
[]s</comentario><comentario nome="Sergio Lopes" email="" url="">nao gostei do novo layout. achei muito pobre. o atual ta bem mais legal...</comentario><comentario nome="Aldemir Vieira" email="[email protected]" url="lutandoporwasp.blogspot.com" watch="706080">Eu sinceramente esperava mais. Quando disse que come&#231;ou tudo do zero imaginei que tinha mudado mesmo, cad&#234; a sem&#226;ntica na mente [http://lutandoporwasp.blogspot.com/2004/06/ainda-sobre-nomenclaturas-css.html]? DIV#esquerda, DIV#direita &#233; ROX?
Que neg&#243;cio &#233; aquele de DIV#sombrinha? Marreta? Realmente de voc&#234;s eu esperava mais...</comentario><comentario nome="Andr&#233;" email="" url="">DIV#sombrinha eh foda..
quase me matei de desgosto quando li isso.. </comentario><comentario nome="Flavio Mendes" email="[email protected]" url="">Pessoal, criticar &#233; muito f&#225;cil. A iniciativa &#233; o que vale. Ademais nem todo mundo conhece CSS, quem sabe desta vez a pessoa p&#244;de compreender melhor como come&#231;a a coisa. Fica aqui o meu coment&#225;rio.</comentario><comentario nome="William" email="[email protected]" url="">eu tbm achei o design basicao.... e por isso q eu acho q o tableless precisa de mto estudo.... pra se fazer um design legal como e feito com NoTableless.... eu curto pra caramba tableless mais acho q ainda tem que se estudar muito antes de entrar de cabeca nessa...
tem um erro na imagem do topo do site.. ela tah meio deslocada.... abaixo do logo...
outra coisa... eu acho q vc poderia mostrar como o CSS pode realmente pode mudar a cara do site em poucos minutos.. como no CSS zen Garden.... flw ae....</comentario><comentario nome="Elcio" email="[email protected]" url="elcio.locaweb.com.br">jao, eu sinceramente acho que voc&#234; n&#227;o entendeu a brincadeira...
Ontem &#224; noite, das 8h &#224;s 11h, o Diego estava atualizando a p&#225;gina ao vivo, e n&#243;s est&#225;vamos trocando id&#233;ias sobre o assunto no canal de IRC. Agora j&#225; est&#225; o layout pronto, voc&#234; quer ver atualizar mais o qu&#234; ali?</comentario><comentario nome="Elcio" email="[email protected]" url="elcio.locaweb.com.br">S&#233;rgio, s&#233;rio? Eu achei t&#227;o mais bonito ... Bom mandem opini&#245;es, se muita gente achar feio, claro que vamos pensar em mudar ;-)</comentario><comentario nome="Elcio" email="[email protected]" url="elcio.locaweb.com.br">Aldemir, eu estava dando aula e fazendo ainda outras coisas ontem durante o ao vivo, por isso nem tinha olhado direito o c&#243;digo. P&#244;xa, pessoal, bastava entrar na sala do IRC e mandar uma mensagem pro Diego que ele teria percebido o absurdo na hora. Em todo caso, valeu por avisar, vamos consertar ;-)</comentario><comentario nome="Elcio" email="[email protected]" url="elcio.locaweb.com.br">William, j&#225; vi muita gente falar que os layouts em Tableless tendem a ser b&#225;sicos, simplistas, etc... Eu diria que &#233; uma quest&#227;o de gosto. O Diego, e eu tamb&#233;m, gostamos de layouts minimalistas, essa simplicidade sofisticada. Voc&#234;s sabem, n&#227;o escondemos nossa admira&#231;&#227;o, por exemplo, pela Apple. N&#227;o se trata de recursos da ferramenta, trata-se de gosto. Em todo caso, voc&#234; poderia dar alguns exemplos de &quot;um design legal como e feito com NoTableless&quot;? Exemplos de sites feitos com tabelas e que voc&#234; considera que tem um design legal, pra gente tentar entender qual a dificuldade em rela&#231;&#227;o aos layouts Tableless?</comentario><comentario nome="patricia" email="" url="">Apesar do novo layout n&#227;o ser uma mudan&#231;a radical em rela&#231;&#227;o ao layout atual, achei que ficou 1000 vezes melhor. Gostei da delicadeza das sombras e do background no topo da p&#225;gina.</comentario><comentario nome="Marcelo Pfs" email="[email protected]" url="">Nao funciona no IE &#233; isso ?
essa &#233; a minha grande duvida com tableless.. ficar fazendo mil coisas pra ter uma aplicacao multiplataforma
alguem ja testou no IE ?</comentario><comentario nome="Elcio" email="[email protected]" url="elcio.locaweb.com.br">Marcelo, aqui, IE 6.0.2800.1106 em Win2k, funcionou com perfei&#231;&#227;o, exceto &#233; claro o PNG de transpar&#234;ncia. Isso &#233; um &quot;b&#244;nux&quot; para quem usa navegadores de verdade ;-) Que vers&#227;o do IE voc&#234; est&#225; usando a&#237;?</comentario><comentario nome="Eduardo" email="eduardojf@RETIRE_ESSE_TRECHOgmail.com" url="junka.blogspot.com">Ol&#225;, Achei o novo layout bem legal, tanto no IE quanto no FireFox. Por&#233;m, aqui no meu FireFox, a barra do menu est&#225; &quot;com um degrau&quot;, no final do logo tableless. </comentario><comentario nome="rOndy" email="[email protected]" url="">Gosto muito tamb&#233;m da &quot;simplicidade sofisticada&quot;. Parab&#233;ns ao Diego e toda equipe do Tableless. Ficou show, pois o layout n&#227;o perdeu a exc&#234;ncia de sempre. Tamb&#233;m t&#244; tentando migrar de tabelas para layers. Sempre me espelho em voc&#234;s. Continuem assim, galera!</comentario><comentario nome="Daniel" email="[email protected]" url="">gostei do layout novo... naum acho que pelo design ser simples ele &#233; ruim.. acho isso bom. Soh tem uma pequena coisinha... no TOP l&#225; do site.... os links popderiam estar alinhados a algum elemento da marca do site, ficaria mais bonito e melhoraria a ergonomia visual, t&#225; soh um pouquinho desalinhado.. acho que vale a pena mecher um pouco mais pra cima e alinhar a borda debaixo do quadrado da marca com o &#250;ltimo pikel das letras do menu.</comentario><comentario nome="joel" email="[email protected]" url="www.paveramars.com.br" watch="706080">Buenas gurizada
Sem coment&#225;rios, ficou muito melhor que o atual, mais clean, leve, agradavel, bom mesmo.
Aproveito para agradecer a voc&#234;s pois foi atrav&#233;s dos tutoriais do site que consegui migrar pro desenvolvimento TABLELESS!
Aquele abra&#231;o e $uce$$o!</comentario><comentario nome="Assun&#231;&#227;o Jr." email="" url="">Gosto, cada um tem o seu. Eu achei a simplicidade do novo layout &#243;tima... Quem fala que com tableless n&#227;o d&#225; pra fazer layout bonito t&#225; enganado, pois uma &#243;tima fonte &#233; o zen garden, tamb&#233;m existe alguns sites da produtora integrativa que matam a pau a concorr&#234;ncia...</comentario><comentario nome="Marcelo Linhares" email="[email protected]" url="www.marcelolinhares.com">Como leitor ass&#237;duo do TableLess tb&#233;m quero parabeniz&#225;-los, quando vcs falaram q iria alterar o layout logo pensei &quot;Putz, v&#227;o come&#231;ar a inventar moda e v&#227;o desconfigurar a &#243;tima legibilidade que o site tem&quot;...
Mas vcs mantiveram a leveza das cores, por&#233;m se eu penso que poderia melhorar a arquitetura de informa&#231;&#227;o mantendo os sites &quot;Modificados&quot; para tableless na p&#225;gina principal, desta forma destacaria mais esta se&#231;&#227;o ( eu acho q merece ).</comentario><comentario nome="elton" email="[email protected]" url="www.mais1.com">nao gostei do layout, principalmente das sombras e dos cantos redondos, aqui onde trabalho estamos lutando para que os designers esque&#231;am que isso existe.
quanto mais imagens, mais requests ao servidor e mais lento fica o site.
Como trabalho para um portal isso e inviavel, enfim.. tirando o design, o codigo ficou muito bom, parabens
So achei o tempo de desenvolvimento muito grande para uma pagina tao simples.
Fora isso, parabens pelo site !!!!!</comentario><comentario nome="Jan C&#225;ssio" email="[email protected]" url="janrockstyle.blogspot.com">Achei bacana o design, simples, leve e funcional, precisa de mais o que? Tem gente criticando sem saber o que est&#225; falando. Elcio e Diego querem uma dica? Agradem a voc&#234;s mesmos pois se voc&#234;s tentarem agradar a todos, ai voc&#234;s v&#227;o ter um trabalho pra vida toda. O site ta &#243;timo, um abra&#231;o e at&#233; mais!</comentario><comentario nome="Diego Eis" email="" url="www.tableless.com.br/portfolio/">Acabei de ler todos os coment&#225;rio e estou feliz da vida! Gosto de gente sincera, os caras l&#225; em cima que falaram que n&#227;o gostaram est&#227;o de parab&#233;ns, tem gente que faz a mesma coisa e se esconde com nicks (tipo, olheiro).
Explicando o div@sombrinha. Ontem, quem assistiu o ao vivo, percebeu que eu estava meio encrencado na hora de arrumar aquelas sombras do topo do conte&#250;do. Eu estava demorando muito, e este tamb&#233;m foi a causa da demora na implementa&#231;&#227;o, por isso, fiz esta gambiarra. Fiz consciente disso. Quem disse que este ser&#225; o c&#243;digo definitivo?! N&#227;o se preocupem, vou mudar isso mais para frente. E quero lembrar que se algu&#233;m for perfeito, pode acertar a primeira pedra.
Em rela&#231;&#227;o ao design, voc&#234;s j&#225; perceberam que eu n&#227;o manjo muito. Gostei muito deste novo layout, achei que ficou muito melhor que o atual. Obrigado a todos mais uma vez por comentarem, isso &#233; de extrema import&#226;ncia para o aperfei&#231;oamente de todos! Todas os comentarios s&#227;o &#250;teis!</comentario><comentario nome="Luiz Alberto" email="[email protected]" url="">Parab&#233;ns pela iniciativa. Admiro esses meninos por estarem estabelecendo um novo conceito na constru&#231;&#227;o de web sites. Vamos sair da mesmice.</comentario><comentario nome="&#201;rre Braga ou Ruy" email="" url="">olha diego pra mim a apresenta&#231;&#227;o de ontem foi um show
foi muito did&#225;tico para mim
continue sempre</comentario><comentario nome="Luiz Alberto" email="[email protected]" url="">Parab&#233;ns pela iniciativa. Admiro esses meninos por estarem estabelecendo um novo conceito na constru&#231;&#227;o de web sites. Vamos sair da mesmice.</comentario><comentario nome="William" email="" url="">Diego Eis..
Antes de mais nada queria dizer que foi o Tableless.com.br que me fez mudar de postura quanto ao desenvolvimento de websites. Trabalho com isso &#224; 3.5 anos e agora que resolvi mudar de vez como fa&#231;o meus websites....
quanto a frase: &quot;eu tbm achei o design basicao&quot; eu n&#227;o esta me referindo a u design pobre... e sim livre de elementos desnecess&#225;rios, o que acontece em muito site por ae...
na frase: &quot;pra se fazer um design legal como e feito com NoTableless.... eu curto pra caramba tableless mais acho q ainda tem que se estudar muito antes de entrar de cabeca nessa...&quot;
Estava me referindo a eu mesmo.. pq eu come&#231;ei a estudar isso a duas semanas.... e ainda to nakelas de como posicionar um box no meio da tela... rss
Parabens pelo site !</comentario><comentario nome="William" email="" url="">malz o Flooder !!!
Mais cade os &lt;br /&gt; q eu digitei ? rsss poxa... coitado do &lt;br /&gt; ele ajuda na &#234;nfase da frase... rsss</comentario><comentario nome="Sergio Lopes" email="" url="">Ok. talvez eu tenha sido um pouco radical. acho q uns ajustes no layout novo e ele fica melhor q o atual :) uma coisa q senti falta foi algum efeito :hover, isso enriquece a pagina. e, nao gostei das 3 areas (topo, conteudo, lateral) terem fundo branco. talvez dar uma mudada nessa falta de cor</comentario><comentario nome="Rodrigo Muniz" email="[email protected]" url="" watch="706080">Tanto a id&#233;ia do ao vivo (inovadora, se algu&#233;m j&#225; viu isso me digam onde tem), quanto a id&#233;ia de limpar mais o layout achei um estouro. Claro que o c&#243;digo n&#227;o iria ficar 100% quando voc&#234; sabe q o processo est&#225; sendo acompanhado por muita gente em tempo real. Tamb&#233;m senti falta do efeito hover, principalmente na navega&#231;&#227;o porque acredito que s&#227;o importantes para o inconciente do usu&#225;rio, que precisa de uma resposta ao interagir com o link. No mais ficou de primeira! Para quem &#233; contra as sombras, acredito que n&#227;o ficam inertes a sensa&#231;&#227;o de realismo que elas d&#227;o a qualquer elemento &quot;plano&quot;. PARAB&#201;NS! Inovem, que eu estou indo com voc&#234;s!</comentario><comentario nome="nninno" email="[email protected]" url="nninno.weblogger.com.br" watch="706080">Parab&#233;ns pela iniciativa! Foi lament&#225;vel eu n&#227;o estar sabendo desse show ao vivo que foi dado aqui ontem, mas tudo bem. A minha grande d&#250;vida est&#225; sendo em rela&#231;&#227;o as diferen&#231;as no layout quando a p&#225;gina &#233; acessa por navegadores diferentes. Por que o IEca mostra uma coisa e o FireFox outra? Eu gostaria de saber se existe uma meneira de eliminar as diferen&#231;as ou, ao menos, minimiz&#225;-las. Outra coisa, n&#227;o achei o layout ruim ou &quot;basicao&quot;. Qual a vantagem de um layout cheio de frescuras se o usu&#225;rio acaba se perdendo em muitas frescuras? Muito sucesso e, mais uma vez, parab&#233;ns pela iniciativa.</comentario><comentario nome="Rodrigo Passoli Ghedin" email="[email protected]" url="www.winajuda.com">Perfeito! Que layout magn&#237;fico! Aprovado com louvor ;)</comentario><comentario nome="Paulo Rodrigo Teixeira" email="[email protected]" url="">Bem melhor!
Principalmente por mudar para algo minimalista e baseado em interface(menu no lugar certo, busca no lugar certo, apenas dias colunas!!!), parece at&#233; a interface que fiz para o concurso tabless. =)
So tenho poucas observa&#231;&#245;es:
- Diminuiram a fonte? why?
- Menos &quot;curvas arredondadas/blogger&quot;
O que mais gostei foi o Diego ter dado &quot;a cara a tapa&quot;. Isto s&#243; mostra o profissionalismo do cara.
Parab&#233;ns e sucesso.</comentario><comentario nome="Jonathas Scott" email="[email protected]" url="www.echoes4ever.com" watch="706080">PORRA !!!!!!!!!
que merda !!!!!!
perdi !!!!
porque n&#227;o avisaram pelo email como fazem com os cursos !!!
CACETA !!!!!! :-(
chorei !!!!
e parab&#233;ns mais uma vez pela iniciativa.</comentario><comentario nome="Marcelo Linhares" email="[email protected]" url="">S&#243; mais um detalhe....
eu acho que vcs poderiam colocar a largura l&#237;quida em 100% ao inv&#233;s de absoluta....</comentario><comentario nome="Celo" email="[email protected]" url="">Elcio, o layout estah otimo taum simples quanto importante! mude logo! e se alguem achar feio paciencia nunca agradaremos a todos apenas faremos novos layouts, mude logo pro outro layout pq vai dar vida nova pro site, e esse layout atual jah deu u que tinha que dah, pra um site onde o objetivo principal eh desenvolver novos sites e estudar o c0digo jah tava demorando</comentario><comentario nome="Marcelo Pereira" email="[email protected]" url="">versao 6.x do IE elcio..
exatamente sobre isso que eu falava.. a transpar&#234;ncia n&#227;o funcionou no IE
otimo browser :(
mas ficou bem legal atudo</comentario><comentario nome="Rodrigo Muniz" email="[email protected]" url="rodrigomuniz.blogspot.com">Quando vai ao ar de vez? ;)</comentario><comentario nome="Michael" email="[email protected]" url="www.dgmike.net" watch="706080">T&#225;, ficou bonito pacas... eu adoro o estilo clean de ser...
se falou de algumas coisas que n&#227;o entendi:
QUAL &#233; o servidor e canal de IRC de voc&#234;s?
O que voc&#234;s consideram navegador de verdade?
Qual &#233; o navegador mais simples (claro que n&#227;o digo o mais simples, mas o mais simples dentre os comuns) rodando na net hoje e onde posso baix&#225;-lo para fazer testes nos meus projetos?
Gostaria de participar de algumas &quot;loucuras&quot; de voc&#234;s... parece que voc&#234;s decidiram do nada, sem avisar algu&#233;m, s&#243; entre voc&#234;s... e bl&#225;-bla-bla...
Mas ainda digo, adorei o novo lay-out... s&#243; que.... n&#227;o tem tanta mudan&#231;a brusca ao atual... que tal um visual mais dark???</comentario><comentario nome="Rod" email="[email protected]" url="www.rodlouzada.tk">Bonito e simples o novo layout... pena q perdi o treco ao vivo... ahuhaah
Mas esse l&#231;ance do png transparente n&#227;o funcioinar no IEca, isso me deixou chateado qdo tava fazendo meu site...
Apesar de eu ser pr&#243;-mozilla...
Alias [off] alguem jah viu a camiseta oficial do firefox??
Loka a frase das costas...</comentario><comentario nome="Gustavo Cardoso de Faria Neto" email="[email protected]" url="" watch="706080">Ol&#225; Diego...
nesta linha que vc usou no css: background:#F4F4F4 url(imagens/biglogo.gif) no-repeat 90% 30px;
O que seria esse 90%???
Obrigado....
[]&#180;s
Muito bom o layout</comentario><comentario nome="Mauricio Takemura" email="[email protected]" url="">Ficou SHOW o novo LayOut, visual clean.
Claro, porque o que interressa aqui &#233; passar informa&#231;&#245;es.</comentario><comentario nome="Thiago Raphael R. Marinho" email="[email protected]" url="linksfavoritos.com.br" watch="706080">Simplesmente magn&#237;fico... quisera eu poder fazer algo t&#227;o bonito, t&#227;o simples e t&#227;o agrad&#225;vel aos olhos... se bem que um &quot;hoverzinho&quot; iria bem nos links do menu e ademais.... Parab&#233;ns</comentario><comentario nome="Seidi JPG Jr" email="" url="">Achei legal... s&#243; que no IE o DIV que mant&#233;m o conte&#250;do tem uma diferen&#231;a de uns 2px em rela&#231;&#227;o ao acabamento arredondado do topo e da base.
Agora, pelo que ando lendo em alguns f&#243;runs ultimamente, a maior parte das pessoas est&#225; tendo uma impress&#227;o errada sobre tableless, achando que s&#243; &#233; poss&#237;vel fazer sites quadrados e simples. D&#225; um trabalho do c&#227;o fazer estruturas mais complexas sim, mas, talvez seja adequado exibir esse tipo de coisa para as pessoas &quot;descrentes&quot; ;)</comentario></mensagem>
<mensagem id="200">
<titulo>Uma coisa diferente!</titulo>
<texto>
[a href="http://www.tableless.com.br/aovivo/" title="Tableless Ao Vivo"]Acompanhe a implementação do novo layout do Tableless[/a]!
[/p]
[p]
[b]O que é?[/b][br /]
Aqui você pode ver o [a href="http://eyesmiles.tableless.com.br/" target="_blank" title="Eyesmiles - Diego Eis"]Diego Eis[/a] tentando implementar o [a href="http://www.tableless.com.br/tableless.jpg" title="Layout em JPG" target="_blank"]layout planejado[/a] para o Tableless.com.br. É uma primeira tentativa, começando do zero. Tomara que ele consiga terminar hoje mesmo ;-) ...
[/p]
[p]
[b]Por quê?[/b][br /]
Porque sim. Muita gente tem perguntado, curiosa, como é o processo de implementar os sites aqui. resolvemos mostrar, pra ver se ajuda a matar a curiosidade do povo. É uma experiência, nunca fizemos isso antes. Esperamos que vocês gostem.[/p]
[p]
[b]Posso falar com vocês?[/b][br /]
Provavelmente não. O Diego vai estar meio ocupado implementando o layout. Se ele parar pra bater papo, estraga a brincadeira, você deve imaginar ;-) E o Elcio vai estar dando aula hoje. Assim, vai ser difícil falar com alguém durante a implementação. Convidamos porém quem quiser assistir 'a implementação a trocar idéias na [a href="http://www.tableless.com.br/mensagem.asp?id=136"]sala de IRC do Tableless[/a]. O Elcio prometeu que vai dar uma passada lá no intervalo da aula (sim, aula online tem intervalo também!)
</texto>
<diego/>
<data>09/02/2004</data>
<comentario nome="sempre o justy" email="[email protected]" url="digital.contato.net" watch="706080">Gostei da ideia, to dentro!!!</comentario><comentario nome="Marcus" email="" url="">Vou fazer o poss&#237;vel pra assistir... estou cada vez mais interessado no mundo Tableless!!!
Tamb&#233;m estou (bem lentamente) implementando um novo lay-out pro site http://softwarelivre.sc.gov.br vers&#227;o tableless... Quando fiz este site n&#227;o conhecia toda a pot&#234;ncia do CSS e XHTML... agora eu to tentando usar o que aprendi na comunidade Tableless pro novo lay-out... aqui t&#225; o modelo do novo lay-out: http://softwarelivre.sc.gov.br/psl2/ J&#225; fiz alguns sistemas no trabalho usando Tableless e um site sobre fanzines ( http://beck.rabiscando.com/zine/ que fiz logo ap&#243;s descobrir este site do tableless) em tableless, mas algo maior ainda n&#227;o fiz... e acho que j&#225; aprendi bastante por aqui. Quero aprender mais...</comentario><comentario nome="Marcus" email="" url="">Sou um novato nesse mundo Tableless!!!</comentario><comentario nome="Assun&#231;&#227;o Jr." email="" url="">Se o trabalho deixar e a conex&#227;o tamb&#233;m... t&#244; dentro...</comentario><comentario nome="&#201;rre Braga" email="" url="">me gusta tamb&#233;m t&#244; dentro</comentario><comentario nome="Marcos Neves" email="[email protected]" url="">Opa, Hoje tenho curso, mas vou deixar o FireFox aberto!</comentario><comentario nome="Marcelo Pereira Fonseca da Silva" email="[email protected]" url="">pode ser mais tarde..
chego em casa &#224;s 7:40 e nao consigo sair mais cedo..
por favor se der pra esperar..
me interesso muito por tableless.. apesar de estar h&#225; algum tempo apanhando pra fazer uma coisa simples aqui... qualquer ajuda &#233; bem-vinda</comentario><comentario nome="Fernando Norte" email="[email protected]" url="fnorte.osimortais.com.br" watch="706080">Ol&#225;,
Apesar de achar voc&#234;s xiitas com esse tro&#231;o, foram voc&#234;s que me deram o primeiro empurr&#227;o para estudar tableless.
Eu vou estar aqui acompanhando, mas como vai ser? Voc&#234;s ir&#227;o apresentar o layout que ser&#225; montado? Haver&#225; um chat para se discutir o que est&#225; sendo feito e o que ser&#225; feito? Seria bacana para poder acompanhar esse processo.
At&#233; daqui a pouco.</comentario><comentario nome="Flavio Mendes" email="[email protected]" url="">Estarei aguardando...</comentario><comentario nome="Marcos V. Bohrer" email="[email protected]" url="www.megainternet.com.br">vou tentar acompanhar!</comentario></mensagem>
<mensagem id="199">
<titulo>Lidando bem com os bloqueadores de pop-up</titulo>
<texto>
O Elcio escreveu um artigo muito interessante sobre como devemos lidar com os bloqueadores de pop-up.[br /]
[cite]
Todo mundo que já experimentou ama bloqueadores de pop-ups. Navegando há anos com Opera e Konqueror e usando Firefox para acessar o Gmail, ainda me assusto quando preciso navegar no IE, seja num cybercafé ou na máquina de um amigo. Como é que as pessoas podem conviver com aquilo? Pop-ups são muito chatos, e se você não acha é porque ainda não experimentou viver sem eles tempo o suficiente.
[/cite]
[a href="http://www.tableless.com.br/artigos/bloqueadores.asp"]Lidando bem com os bloqueadores de pop-up[/a]
</texto>
<diego/>
<data>09/02/2004</data>
<comentario nome="Marcus" email="" url="">Isso foi uma das melhores inven&#231;&#245;es dos browsers atuais... </comentario><comentario nome="Assun&#231;&#227;o Jr." email="" url="">Pop-up! O que &#233; isso?
Ahhhhhhh! me lembrei, vixi faz tantotempo q uso o &#243;pera q at&#233; tinha me esquecdo... :D</comentario></mensagem>
<mensagem id="198">
<titulo>Mozilla Redesign</titulo>
<texto>
E eles sempre inovando![br /]
[a href="http://www.mozilla.org"]Mozilla.org[/a][br /]
Daqui a pouco o Tableless também passará por um redesign! :-)
</texto>
<diego/>
<data>09/01/2004</data>
<comentario nome="William" email="[email protected]" url="">eu tinha visto j&#225; o site... show de bola...
impressionante como eles manipulam o css... eu queria aprender isso tbm =(</comentario><comentario nome="Andre" email="[email protected]" url="">O Submarino parece caminhar nesse sentido. A home est&#225; tableless. http://www.submarino.com.br</comentario><comentario nome="Diego Eis" email="" url="www.tableless.com.br/portfolio">Pena que o submarino fizeram s&#243; metade do servi&#231;o! Ainda n&#227;o &#233; XHTML!</comentario><comentario nome="S&#233;rgio Lopes" email="" url="">Nossa, esse CSS do Mozilla &#233; demais! S&#243; n&#227;o entendi o uso de &quot;+&quot; ou &quot;&gt;&quot; no seletor; pra que serve isso?</comentario><comentario nome="Andr&#233;" email="[email protected]" url="">Hehehehe... j&#225; &#233; um come&#231;o! Editar quase 800 p&#225;ginas vai ser dose =)
Diego, meus parab&#233;ns pelo site, acompanho a bastante tempo e ele sempre traz dicas muitos boas e artigos bem interessantes.</comentario><comentario nome="Marcus" email="" url="">O pessoal da Mozilla Foundation s&#227;o OS caras!!
Na bos... tudo que eles fazem &#233; foda!</comentario></mensagem>
<mensagem id="197">
<titulo>Pocket-Sized Design</titulo>
<texto>
O [a href="http://www.alistapart.com/"]ALA[/a] escreveu um artigo que fala dicas de como você pode tratar o design do seu site para os dispositivos que usam Small Screen. Muito útil para quem está enxergando o futuro. Logo mais o tableless dá mais algumas dicas em português.[br /]
[a href="http://www.alistapart.com/articles/pocket/"]Pocket-Sized Design: Taking Your Website to the Small Screen[/a]
</texto>
<diego/>
<data>08/31/2004</data>
<comentario nome="Daniel Santana" email="" url="www.fimdeprova.com.br">Muito bom! Outro dia estava conversando com um colega sobre o custo do desenvolvimento de aplica&#231;&#245;es web, ou simples sites, seguindo os web standards.
Pensamos em v&#225;rios tipos de m&#237;dias e tamb&#233;m na acessibilidade, e por isto queremos cobrar um pre&#231;o justo.
Ai vem um cara que nem sabe o que &#233; o atributo ALT da tag IMG e diz ao cliente que cobra metade do nosso pre&#231;o com o mesmo resultado (resultado visual no ie cheio de tables).
O Cliente que n&#227;o tem vis&#227;o, ou n&#227;o conhece muito de inform&#225;tica acaba caindo nas garras do pilantra que n&#227;o segue os padr&#245;es.
Acho que para melhorar isto eu preciso de um palm. Assim acesso a net na frente do cliente, e mostro a cagada que o concorrente fez. E este artigo ajuda mais ainda a cirar um site acess&#237;vel a estes dispositivos.</comentario><comentario nome="Helv&#233;cio Guimar&#227;es" email="[email protected]" url="">Oi,
muito bom ese site. Indico a todos os &quot;webmasters&quot; que conhe&#231;o, e falo sobre fazer o site baseado nos padr&#245;es W3C.
Tentei entrar no site da Vivo mas quebrei a cara. O site s&#243; funciona com IE e uso Firefox.
Abri o IE, entrei no site da Vivo, cliquei no &quot;fale conosco&quot; e soltei o verbo.</comentario><comentario nome="Marcus" email="" url="">Eu tentei &quot;soltar o verbo&quot; para o Blogger.com.br, mas n&#227;o achei um fale conosco... O javascript de publicar posts deles n&#227;o funciona em browser descente... s&#243; no IE(ca)</comentario></mensagem>
<mensagem id="196">
<titulo>Wireless? WLAN? Wi-Fi?</titulo>
<texto>
Foge um pouco do escopo do site, mas nem tanto. Este negócio de "sem fio" vem dominando, e se a gente não estiver por dentro, com certeza ficaremos para trás. E como qualquer assunto ligado a área de informática, vem de presente uma sopa de letras.[br /]
O [a href="http://www.mobilelife.com.br/"]Rigonatti[/a], administrador do site [a href="http://www.mobilelife.com.br/"]Mobile Life[/a], fez um artigo que nos introduz nesta área, explica direitinho o que é estes negócios de WLAN, WPAN, Wi-Fi, Wireless, 802.11b e etc...[br /]
Vale muito a pena ler o artigo: [a href="http://www.mobilelife.com.br/artigos/introducao.asp"]Introdução ao Mundo Wireless[/a].
</texto>
<diego/>
<data>08/31/2004</data>
<comentario nome="Mestre San" email="" url="www.fimdeprova.com">Realmente muito interessante e claro. Ainda h&#225; no site dele um Gloss&#225;rio com v&#225;rios termos do mundo sem fio, muito legal, j&#225; consta no meu bookmark.</comentario><comentario nome="Marcus Danillo" email="[email protected]" url="danillonunes.uni.cc" watch="706080">Com certeza vale. Tem muita gente (inclusive eu) que se perde em meio as siglas do mundo wireless</comentario></mensagem>
<mensagem id="195">
<titulo>Opera para Windows Mobile</titulo>
<texto>
Bem bem bem! Quando eu peguei um palm pela primeira vez fiquei alucinado, naveguei na web e tudo mais! - Nossa, isso funciona mesmo! Legal pra caramba... Bah! Leigo! :-) Depois, consegui segurar e mexer por alguns minutos um iPaq! Naveguei na web e tudo mais. Não tinha palavras, palm para mim era passado. E pensava agora: Como alguém pode conseguir navegar na web com aquilo?! Não conhecem um PocketPC, só pode!
[/p]
[p]
Pelo PocketPC eu acessei a web com Internet Explorer (é, isso mesmo), pelo Palm, acessei com WebPRO. Claro, não tem comparação um PocketPC e um Palm, o próprio nome já diz, é quase um PC![br /]
E gente, foi muito bom acessar a internet por este dispositivo... Realmente é bem fácil, claro, não é igual a desktop, mas é muito fácil... E isso, usando Internet Explorer.
[/p]
[p]
Agora, o [a href="http://www1.folha.uol.com.br/folha/informatica/ult124u16858.shtml"]Navegador Opera ganha versão para Windows Mobile[/a].[br /]
Esta experiência deve ter ficado muito melhor agora. O Opera é um dos browsers que são extremamente complacente com os Padrões Web, assim como Firefox.
[/p]
[p]
Tomara que agora alguns desenvolvedores percam um pouco do medo de desenvolver sites para este dispositivos. Já que, com este browser, tudo fica mais fácil.
[/p]
[p]
Mais informações sobre este assunto: [a href="http://www.mobilelife.com.br/comenta.asp?post=190#com"]Mobile Life[/a].[br /]
Vídeo: [a href="http://news.com.com/1606-2-733828.html"]Opera's mobile browser eases site-reading[/a]
</texto>
<diego/>
<data>08/31/2004</data>
</mensagem>
<mensagem id="194">
<titulo>Ganhando a batalha na web!</titulo>
<texto>
Acabei de ler o post [a href="http://blogdeusabilidade.blogspot.com/2004/08/no-basta-acessar-tem-que-comprar.html"]Não Basta Acessar, Tem que Comprar[/a], no site [a href="http://blogdeusabilidade.blogspot.com/"]Usabilidade & Arquitetura da Informação[/a], e concordo plenamente. Existem várias barreiras hoje para conseguirmos fazer o internauta acessar seu site. A primeira delas é fazê-lo visitar, a segunda é fazê-lo usar o site, a outra é fazê-lo voltar ao site... Completando estes pontos, você conseguiu vencer.
[/p]
[p]
Assim, na teoria, parece ser fácil, mas algumas barreiras você precisa derrubar para conseguir vencer as etapas acima: Usabilidade, Acessibilidade, Compatibilidade, uma boa arquitetura de informação, Design, Funcionalidade, e por aí vai. Estas coisas estão ligadas de alguma forma e são extremamente importantes. Elas serão o "guia" para o usuário.
[/p]
[p]
Os padrões web deixam Acessibilidade, Compatibilidade e Design, muito mais fáceis de serem executados com perfeição.[br /]
Com padrões os sites são mais acessíveis à qualquer tipo de pessoa, a compatibilidade entre diferentes browsers de diferentes plataformas é extremamente satisfatória, e parece ser uma tendência, mas o design dos sites que usam padrões web, muitas vezes são mais elegantes (há controvérsias).
</texto>
<diego/>
<data>08/31/2004</data>
<comentario nome="Web Standard" email="" url="">Padr&#245;es &lt;strong&gt;Web&lt;/strong&gt;</comentario><comentario nome="Mestre San" email="" url="www.fimdeprova.com.br">As controv&#233;rsias de que &#233; mais ou menos elegante um site feito com padr&#245;es web vem de um conceito pr&#233;-definido de desenvolvedores que n&#227;o querem se atualizar com medo de uma curva de aprendizado.
Muitos sites feito com tabelas s&#227;o considerados bonitos para os usu&#225;rios e para desenvolvedores que est&#227;o acostumados e conseguem seus resultados visuais atrav&#233;s delas.
Pessoas que n&#227;o tem vis&#227;o de futuro estragam a web de hoje e atrasam sua evolu&#231;&#227;o.
Viva os padr&#245;es Web.</comentario><comentario nome="Alexandre Castro e Silva" email="[email protected]" url="blogdeusabilidade.blogspot.com" watch="706080">Muito obrigado pela cita&#231;&#227;o.</comentario></mensagem>
<mensagem id="193">
<titulo>CodigoNet</titulo>
<texto>
Hoje achei, via [a href="http://bloglines.com/" title="Bloglines"]Bloglines[/a], o excelente [a href="http://www.codigonet.com.br/default.asp" title="CódigoNet - Tableless, Webstandards e usabilidade."]site do Danival[/a]. Fiquei conhecendo por ele dois excelentes trabalhos da [a href="http://www.nbh.com.br/" title="NBH Internet Solutions - Desenvolvimento e Hospedagem de Sites"]NBH[/a]: [a href="http://www.fotomaniacos.com.br/" title="FotoManíacos"]FotoManíacos[/a] e [a href="http://www.metalvest.com.br/" title="MetalVest"]MetalVest[/a].
</texto>
<elcio/>
<data>08/30/2004</data>
</mensagem>
<mensagem id="192">
<titulo>Redhat Tableless!</titulo>
<texto>
O novo site da RedHat é [a href="http://www.redhat.com/"]Tableless[/a]![br /]
Open Source e Padrões Web andando juntos!
</texto>
<diego/>
<data>08/30/2004</data>
<comentario nome="Daniel San" email="" url="www.fimdeprova.com">This Page Is Valid XHTML 1.0 Strict!
Muito bom!
Mas acho apenas que o c&#243;digo fonte deveria ter uma melhor indenta&#231;&#227;o.
O que importa neste caso &#233; que realmente &#233; ver C&#243;digo Aberto e Padr&#245;es Web andando juntos.</comentario><comentario nome="Marcus" email="" url="">Muito legal! O c&#243;digo &#233; todo comentado, apesar de mal identado... isso tb &#233; bom!
Mais um ponto pro Tableless e Open Source!</comentario></mensagem>
<mensagem id="191">
<titulo>Microsoft Redesign</titulo>
<texto>
E [a href="http://www.microsoft.com/"]aquela[/a] empresa que fez [a href="http://www.guninski.com/browsers.html"]aquele[/a] browser, redesenhou o [a href="http://www.microsoft"]site[/a].[br /]
Tenham a curiosidade de abrir o código fonte. Redesenharam o site e não tiveram a vontade de fazer um código complacente com os padrões. Mas eu [a href="http://www.tableless.com.br/sites/microsoftnew/"]tive[/a].[br /]
Precisa de alguns retoques, mas tá aí.
</texto>
<diego/>
<data>08/26/2004</data>
<comentario nome="Assun&#231;&#227;o Jr." email="" url="">&#233;, realmente n&#227;o pensam nos outros browsers, mas c&#225; entre nos, que t&#225; bonito t&#225;! :D</comentario><comentario nome="justy" email="[email protected]" url="www.digital.contato.net">&quot;Beleza n&#227;o poem mesa&quot; J&#225; dizia minha m&#227;e, e por uma p&#225;gina bonita por fora e outra simples com um codigo bem feito, prefiro um codigo bem feito, &#233; igual mulher pra casar! Qual a melhor? A Gostosa Sem vergonha, ou a prendada? hehehe ficou show Diego!</comentario><comentario nome="Bruno Cunha Torres" email="[email protected]" url="www.brunotorres.net">E eles continuam servindo paginas diferentes pra browsers diferentes. No firefox os rollovers n&#227;o existem e o layout da p&#225;gina &#233; bem menos interessante. Brincadeira!!
Isso sem falar no c&#243;digo em tr&#234;s linhas...hehehe</comentario><comentario nome="Daniel San" email="[email protected]" url="www.fimdeprova.com" watch="706080">O C&#243;digo fonte otimizado &#233; horr&#237;vel.
A vers&#227;o 'Diego' do site est&#225; muito melhor qua original no firefox.
Nem tive coragem de abrir o ie para testar.
Um Abra&#231;o!</comentario><comentario nome="Thiago" email="[email protected]" url="">hauehuahuhe legal! hehe achei bala vc ter re-feito o site... manda pra eles
falow</comentario><comentario nome="s1mone" email="" url="simonevb.com/">H&#225; algum tempo atr&#225;s e por um m&#234;s apenas, trabalhei na manuten&#231;&#227;o do site da Microsoft Brasil numa ag&#234;ncia. A orienta&#231;&#227;o que receb&#237;amos era que tem que ficar bonito no Internet Explorer no Windows. E s&#243;. Nem t&#237;nhamos horas dispon&#237;veis para testar em outros ambientes. 8:/ N&#227;o sei como est&#225; este lance hoje em dia...
8:*</comentario><comentario nome="Jan" email="[email protected]" url="janrockstyle.blogspot.com">Diego &#233; isso ai, mandou muito bem! S&#243; n&#227;o manda sua vers&#227;o pra l&#225; sen&#227;o eles v&#227;o contratar vc e v&#227;o te trasformar num monopolista tamb&#233;m :-)</comentario><comentario nome="Wesley Henrique" email="[email protected]" url="www.brtones.com">Engra&#231;ado algumas vezes que entro no site (pelo IE mesmo, do Windows Server 2003 Enterprise), o site abre errado, com a barra lateral esquerda maior do que o normal, e depois que dou Refresh ele abre normalmente.</comentario><comentario nome="Jos&#233; Lenadro" email="[email protected]" url="" watch="706080">Nossa ficou muito bom um trabalho de profissional que eles n&#227;o tem ideia do efeito que tem no mercado hj em dia.
Muito bom perfeito....
</comentario><comentario nome="Marcus" email="" url="">A vers&#227;o original ficou uma bosta no Firefox, j&#225; a vers&#227;o do Diego sim ficou linda... acho que no IE deve ficar muito bonito o site da Micro$oft...</comentario></mensagem>
<mensagem id="190">
<titulo>Felipe Memória</titulo>
<texto>
Os desenvolvedores estão cada vez mais familiarizados com Tableless. Um exemplo disso é o site do [a href="http://www.fmemoria.com.br/"]Felipe Memória[/a].[br /]
Tableless e com um design bem... como se dizer, "caipira"! Vale a visita.
</texto>
<diego/>
<data>08/25/2004</data>
<comentario nome="Renato Carvalho" email="[email protected]" url="www.renato.locaweb.com.br/">J&#225; gostava do site anterior. O novo ficou show! Parab&#233;ns Mem&#243;ria.</comentario><comentario nome="Elcio" email="[email protected]" url="elcio.locaweb.com.br">A&#234;, pessoal, prestem aten&#231;&#227;o no portfolio do cara! Aprendam isso, ao criar um portfolio, n&#227;o coloque apenas imagens bonitas do que voc&#234; fez. Escreva. Diga o que fez, qual era o problema a ser resolvido, e porque voc&#234; foi valioso no projeto. Assim voc&#234; vai estar mostrando a um futuro cliente ou empregador porque ele deve contratar voc&#234;.
Parab&#233;ns Mem&#243;ria, excelente site, j&#225; est&#225; nos meus bloglines.</comentario><comentario nome="Daniel San" email="[email protected]" url="fimdeprova.com">Realmente muito Legal o site.
C&#243;digo Limpo.
Layout Agrad&#225;vel.</comentario><comentario nome="Assis" email="" url="">gostei bastante da p&#225;gina, bem limpo e com design agrad&#225;vel, outro c&#243;digo que gostei bastante foi a p&#225;gina muito bem objetiva da mozilla.org
</comentario><comentario nome="Marcelo Linhares" email="[email protected]" url="www.marcelolinhares.com">P&#225;gina interessante para quem usa o I.E, pra quem usa o Mozilla n&#227;o recomendo n&#227;o arriscar sair da primeira p&#225;gina...</comentario><comentario nome="ale" email="[email protected]" url="www.aleweb.com.br">&#201; vero. Tem uns probleminhas no Mozzila, mas nada que comprometa. E mesmo assim, acho que &#233; quest&#227;o de (pouco) tempo pra ficar mais redondo. Roda no IE, no Opera... plataformas Mac e PC. Atende a quase todo mundo! O resto, &#233; assistencialismo. Caridade. Que vai ser feita, n&#227;o &#233; Memo?</comentario><comentario nome="ale" email="[email protected]" url="www.aleweb.com.br">&#201; vero. Tem uns probleminhas no Mozzila, mas nada que comprometa. E mesmo assim, acho que &#233; quest&#227;o de (pouco) tempo pra ficar mais redondo. Roda no IE, no Opera... plataformas Mac e PC. Atende a quase todo mundo! O resto, &#233; assistencialismo. Caridade. Que vai ser feita, n&#227;o &#233; Memo?</comentario><comentario nome="Felipe Mem&#243;ria" email="[email protected]" url="www.fmemoria.com.br" watch="706080">Claro, com o tempo vamos acertando os detalhes. Tudo vai se resolver. J&#225; recebi alguns e-mails avisando do problema. Na verdade, a &#250;nica p&#225;gina que n&#227;o est&#225; ok no Mozilla &#233; a de Pesquisas Acad&#234;micas. Temos problemas tamb&#233;m com o IE para Mac. A home est&#225; travando por causa do Blogger. Se algu&#233;m souber o motivo...
Acho agressivo dizer que s&#243; a home est&#225; funcionando e que n&#227;o vale navegar pelo resto. Obrigado a galera que curtiu o site e pelo link aqui no Tableless. </comentario><comentario nome="ale" email="" url="">Opa, esbarrei no &quot;atualizar&quot; aqui e o meu post duplicou!!! Isso sim... um &quot;problema&quot;!
Como n&#227;o sei se &#233; um erro conhecido da galera que toca o tableless... fica a dica.
Acho que tem mais gente dando refresh numa tela depois de um post do que gente usando Mozzila, n&#227;o? :-D</comentario><comentario nome="Marcelo Linhares" email="[email protected]" url="">Opa Felipa..
Desculpe se fui &quot;agressivo&quot;, a inten&#231;&#227;o sinceramente n&#227;o era essa..
realmente a p&#225;gina est&#225; muito bonita, mas quando visitei as outras p&#225;ginas (portf&#243;lio e pesquisas acad&#234;micas) ela ficou toda desfigurada no meu navegador (mozilla).....
Recomendei as pessoas a n&#227;o entrarem para n&#227;o se &quot;desapontarem&quot; como eu...
Abra&#231;os!!
</comentario><comentario nome="William " email="[email protected]" url="">Nada que uma leitura nos hacks para IE e MAC resolva o problema....
Mozilla &#233; um puta navegador mais ainda embarra no Css.... porem o site ta de parabens...e o tableless tbm....
to entrando de cabeca nesse negocio de tableless e acessibilidade... e realmente o futuro....</comentario><comentario nome="Elcio" email="[email protected]" url="elcio.locaweb.com.br">Ale, acredito que resolvi o problema do refresh depois dos coment&#225;rios. Obrigado por avisar.</comentario></mensagem>
<mensagem id="189">
<titulo>Para o alto e avante!</titulo>
<texto>
[a href="http://www.mobilelife.com.br/"]Conectado em pleno ar[/a][br /]
Acho que o pessoal está levando a sério esta história de se conectar à internet em qualquer lugar. [br /]
E não é só em avião como o link acima mostra... Dia desses era um pessoal querendo se conectar no [a href="http://www.mobilelife.com.br/comenta.asp?post=152"]ônibus[/a].
[/p]
[p]
Em qualquer lugar, a qualquer hora, com qualquer dispositivo. A internet já virou coisa séria e indispensável. Até a prefeitura de São Paulo se preocupa com isso, e está criando mais e mais [a href="http://www.telecentros.sp.gov.br/interna.php?id=911"]TeleCentros[/a]. Nestes TeleCentros o sistema operacional é GNU/Linux, usando a interface Gnome. Isso quer dizer que milhares de crianças estão usando Linux, em vez de Windows... Estão usando Konqueror, Mozilla ou outro browser em vez de IE.
[/p]
[p]
Agora, vamos lá... Por quantos meios diferentes o pessoal que citamos aí em cima pode acessar sites. As pessoas que vão acessar do avião e do ônibus, usarão provávelmente Notebook e PDA´s. A criançada dos TeleCentros, vão acessar de Desktops. Agora, vamos fazer a conta dos possíveis browsers usados.[br /]
Notebook e Desktop: Internet Explorer, Opera, Konqueror, Mozilla, Firefox.[br /]
PDA´s: Internet Explorer, WebPRO, Opera, Vagabond, AvantGo.[br /]
Resultado: 2 dispositivos diferentes, 2 Sistemas Operacionais diferentes e 10 browsers nada parecidos que se comportam totalmente diferentes um do outro.
[/p]
[p]
Os dispositivos não vão parar de aumentar, e não são apenas humanos que irão acessar o seu site. Robos vão acessar, e muito. Um exemplo já surrado é o [a href="http://www.google.com/bot.html"]GoogleBot[/a]. Com o aumento do uso de XML, mais e mais robos inteligentes como [a href="http://www.buscapé.com.br/"]Buscapé[/a] ou [a href="http://www.bloglines.com/"]Bloglines[/a] vão caçar informações em seu site. Já aqui, foram mais 3 meios diferentes de acessar seu site.
[/p]
[p]
Padrões Web estão aqui para isso, para ajudar.
[/p]
[p]
[small]OBS.: Contei 2 dispositivos porque os desktops e notebooks usam os mesmo softwares.[/small]
</texto>
<diego/>
<data>08/25/2004</data>
<comentario nome="Marcus" email="" url="">Realmente o futuro est&#225; nos padr&#245;es web! Quem continua usando &quot;WYSIWYG tabelado&quot; t&#225; perdido mesmo... </comentario><comentario nome="Daniel San" email="[email protected]" url="www.fimdeprova.com">Acho que usar software WYSIWYG n&#227;o &#233; problema, pois quem usa o mozilla composer est&#225; usando um WYSIWYG, e acho que &#233; o editor que melhor renderiza CSS.
Muito Bom mesmo.
Apenas seguindo os padr&#245;es web estar&#225; salvo, independente de como.</comentario></mensagem>
<mensagem id="188">
<titulo>Chevrolet.com</titulo>
<texto>
Vi em uma dúzia de blogs gringos ao mesmo tempo: [a href="http://www.chevrolet.com" title="Chevrolet"]chevrolet.com[/a], redesign tableless, XHTML com CSS, javascript crossbrowser, muito bom.
</texto>
<elcio/>
<data>08/18/2004</data>
<comentario nome="Jonathas Scott" email="[email protected]" url="www.echoes4ever.com">nossa senhora... obra prima...
muito bom... valeu o meu click.e muito
:-)</comentario><comentario nome="Daniel San" email="[email protected]" url="www.fimdeprova.com" watch="">Um dos c&#243;digos fonte mais bonitos que j&#225; vi. Extremamente claro identa&#231;&#227;o &#243;tima.
Pensei que s&#243; eu usava a maca&#231;&#227;o &lt;fieldset&gt;.
Os caras realmente criam um c&#243;digo semanticamente correto, e assim como eu, (www.csa.osa.og.br) eles usam &lt;dl&gt; para criar menus em vez de &lt;ul&gt; ou &lt;ol&gt;.
&#211;timo link &#201;lcio.</comentario><comentario nome="Marcus Beckenkamp" email="" url="">Muito bom mesmo! Mas esqueceram da cor de fundo... se mudar a cor de fundo do browser j&#225; era...</comentario><comentario nome="Wesley Henrique" email="[email protected]" url="www.wesleyhenrique.net/">As p&#225;ginas de conte&#250;do ficaram excelentes, mas a p&#225;gina inicial ficou estranha, parece que est&#225; faltando algo. Mesmo assim est&#225; muito bom!</comentario><comentario nome="Renato Carvalho" email="[email protected]" url="www.renato.locaweb.com.br/">Simplesmente demais! Organiza&#231;&#227;o da informa&#231;&#227;o muito boa+Design.
Show de bola!</comentario><comentario nome="S&#233;rgio Jardim" email="[email protected]" url="www.plasmadesign.com.br" watch="">Concordo com o Wesley. Parece mesmo que na home t&#225; faltando algo. A raz&#227;o disso &#233; o desequilibrio visual que a tarja grandona e o menu geram juntos. Ai a &#225;rea branca n&#227;o foi suficiente pra equilibrar.
Senti tamb&#233;m uma falta de espa&#231;o de respira&#231;&#227;o l&#225; no topo. O logo t&#225; muito colado/apertado.
Fora isso &#233; um bom trabalho. :) Ganha pontos por ser tableless.
</comentario><comentario nome="Thiago" email="[email protected]" url="">&#200;.. a p&#225;gina inicial ficou meio tosca.
Enfim, mas t&#225; legal.
Pontos &#233; para o novo layout do mezzoblue.. ficou massa..
Mas, na verdade eu quero mais &#233; relatar minha revolta contra o IE! :) Qdo comecei a mexer com tableless, eu ainda n&#227;o entendia o que as pessoas (desginers livres de DW) viam de t&#227;o ruim no IE... n&#227;o s&#243; no IE, mas por que merda os pixels t&#234;m tamanhos diferentes em cada browser???? ahuehuah que mierda</comentario><comentario nome="Daniel San" email="[email protected]" url="www.fimdeprova.com">Foi realmente muito expressivo seu coment&#225;rio senhor THIAGO, acho que o pessoal que frequ&#234;nta o tableless.com.br vai enriquecer muito lendo seu coment&#225;rio.
PARAB&#201;NS :~)</comentario><comentario nome="Thiago Raphael R. Marinho" email="[email protected]" url="linksfavoritos.com.br" watch="">Eu tamb&#233;m adorei o layout... a estrutura do menu est&#225; muito legal...
Eu queria que vcs vissem o meu site e dessem uma opini&#227;o. O layout est&#225; tosco pq eu nunca fui muito bom nisso, mas &#233; um &#243;timo utilit&#225;rio para quem precisa guardar seus favoritos e n&#227;o sabe onde...
Ah, eu tentei faz&#234;-lo o mais tableless poss&#237;vel, mas ainda n&#227;o estou totalmente familiarizado... se algu&#233;m tiver alguma sugest&#227;o/dica/cr&#237;tica eu ficarei honrado em receb&#234;-la
http://linksfavoritos.com.br</comentario><comentario nome="Thiago" email="[email protected]" url="">Bom, s&#243; pra esclarecer eu n&#227;o quis menosprezar o site da chevrolet. Achei interessante o menu. &#201;, legal q eles usaram &lt;dl&gt;. E o c&#243;digo t&#225; muito bom. Dei uma olhada depois e pude perceber. Gostaria que o pessoa desse &#233; uma olhada no c&#243;digo dessa p&#225;gina: http://www.consultec.com.br ; &#201; simplesmente o c&#243;digo mais NOJENTO que j&#225; vi. E acho muito importante um c&#243;digo identado direitinho e claro j&#225; n&#227;o sou s&#243; &quot;metido a designer&quot;, mas tamb&#233;m programador.</comentario><comentario nome="Thiago" email="[email protected]" url="">Bom, s&#243; pra esclarecer eu n&#227;o quis menosprezar o site da chevrolet. Achei interessante o menu. &#201;, legal q eles usaram &lt;dl&gt;. E o c&#243;digo t&#225; muito bom. Dei uma olhada depois e pude perceber. Gostaria que o pessoa desse &#233; uma olhada no c&#243;digo dessa p&#225;gina: http://www.consultec.com.br ; &#201; simplesmente o c&#243;digo mais NOJENTO que j&#225; vi. E acho muito importante um c&#243;digo identado direitinho e claro j&#225; n&#227;o sou s&#243; &quot;metido a designer&quot;, mas tamb&#233;m programador.</comentario><comentario nome="Thiago" email="[email protected]" url="">Vou reformular &#250;ltima frase:
E acho muito importante um c&#243;digo identado direitinho, n&#227;o sou s&#243; &quot;metido a designer&quot;, mas tamb&#233;m programador.</comentario><comentario nome="Marcus" email="" url="">O IE &#233; o pior browser existente, mas como j&#225; vem com o SO mais usado pela maioria (infelizmente), o pessoal faz sites pensando apenas nele... voc&#234;s devem saber como &#233; dif&#237;cil ver um site que voc&#234; acabou de fazer tableless/WebStandarts validado pelo W3c que ficou perfeito nos browsers decentes (como Mozilla) sair todo errado no IE... Da&#237; ent&#227;o voc&#234; tem que mudar um monte de coisa pra &quot;adaptar&quot; o site ao maldito MS Internet Explorer... q raiva!</comentario><comentario nome="Thew" email="[email protected]" url="">Hi everyone,
My name is Matt Dertinger, I am one of the programmers who worked on the 2005 Chevrolet.com redesign. I have been really happy with how much discussion has been going on in the web standards community about the site, and all the feedback we've been getting. Thanks a lot for all your comments. I'm really glad that people seem to like the definition list for the navigation. I don't know everyone here can read english or not, but since I'm a stupid American who's education system doesn't value multilingualism I had to right my response in English, sorry. I'll try to learn this Portuguese stuff soon, but for now I'm translating your comments in Sherlock, its not great, but I'm getting the general idea of your comments. So please keep them coming. Thanks a lot.</comentario><comentario nome="fel" email="" url="">We're welcome! =)</comentario><comentario nome="Elcio" email="[email protected]" url="elcio.locaweb.com.br">Matt, excuse my bad english, but since I'm a stupid Brazilian who's education system doesn't value multilingualism I had to right my response in bad English, sorry. The Tableless.com.br Team is very happy with your visit and comment. Congratulations, chevrolet.com is really a great job, nicely done.
Matt, do you have a website, blog, Orkut profile or anything else where we can know you better?</comentario><comentario nome="Thew" email="" url="">No, but with all the interest that the Chevrolet site is getting I'm going to try to start contributing more to the developer community. Sorry, I've been a taker and not much of a giver, but hey, that's the american way! Anyway, as I submit articles to developer sites or launch new projects I will be sure to let you know. As for a site of my own, maybe when I retire I'll have enough time, but as of right now I'm far too busy with work and family. However, one of the other programmers I worked with on Chevrolet does have a nice site you might want to vist. It's a weird mix of odd comedy and developer speak. Here it is, check it out, there's a discussion forum on squeeky shopping carts, great stuff! &lt;a href=&quot;http://www.davezilla.com/ title=&quot;View the rantings of a mad man&quot;&gt;Davezilla.com&lt;/a&gt;.</comentario><comentario nome="Thew" email="" url="">sorry. I thought I could post a message with markup. Anyway here's the link.
http://www.davezilla.com.</comentario><comentario nome="Thiago" email="" url="">POis &#233;! O IE &#233; realmene revoltante. Mas, tem uma coisa q eu acho bizarra no mozilla: no ie, qdo d&#225; padding num div, ele encolhe o texto, e as dimensoes do div permanecem iguais; j&#225; no mozilla, o div aumenta!! :( como resolver isso? eu acho essa uma das principais dificuldades... dentre outras como os tamanhos diferentes de um pixel para acada navegadr. Isso &#233; absolutamente rid&#237;culo! &#201; como se em cada lugar o cent&#237;metro tivesse um tamanho diferente :(
Novamente em rela&#231;&#227;o ao IE, geralmente o site fica bom no Opera, mozilla firefox, netscape e s&#243; no IE d&#225; pau... mas como todo mundo usa IE, que al&#233;m de ser ruim &#233; altamente vuner&#225;vel - j&#225; li 3 ou 4 reportagens na Folha aconselhando aos leitores trocar o IE pelo Firefox ou Opera; tamb&#233;m j&#225; li q o Mozilla tem uma falha de seguran&#231;a qdo instalado no windows, mas acho q j&#225; foi consertado, mas n&#227;o se compara a quantidades de bugs e brechas do IE.
Vamos lan&#231;ar uma campanha mundial contra o ie? ehauehuah... nada de anti-capitalismo, mas pela merda q ele &#233; mesmo. Bom, fica a d&#250;vida ent&#227;o, algu&#233;m a&#237; sabe como resolver o problema do padding? euhauh criando subdivs com margin? eca! hauheuahueh </comentario><comentario nome="Renato Carvalho" email="[email protected]" url="www.renato.locaweb.com.br/">Ol&#225; Thiago, sobre essa coisa que voc~e falou que acha bizarra no Firefox, na verdade &#233; bizarro no IE, pois ele foge das padroniza&#231;&#245;es de Box Model determinados pela W3C. Segue um link muito bom que esclarece esse problema.
Por falar em falhas no IEca, segue um link bem interessante falando sobre pessoas que tiveram experi&#234;ncias frustantes com o IEca. O projeto foi criado pelo pessoal do webstandards.org e o link do projeto &#233; http://browsehappy.com/</comentario><comentario nome="Renato Carvalho" email="[email protected]" url="www.renato.locaweb.com.br/">O link sobre o problema do Box Model n&#227;o apareceu, estranho :) Vamos ver se agora vai: http://www.positioniseverything.net/articles/box-model.html</comentario><comentario nome="Renato Carvalho" email="[email protected]" url="www.renato.locaweb.com.br/">O link sobre o problema do Box Model n&#227;o apareceu, estranho :) Vamos ver se agora vai: http://www.positioniseverything.net/articles/box-model.html</comentario><comentario nome="Aldemir Vieira" email="[email protected]" url="lutandoporwasp.blogspot.com" watch="706080">Achei &#243;timo, c&#243;digo com sem&#226;ntica na mente. Precisa apenas passar 100% pelo validador CSS e WAI. Pronto feito isso o trabalho fica exemplar. Nada como algu&#233;m de peso para puxar o barco.
Congratulations Chevrolet Web Team!</comentario><comentario nome="solano krabbe" email="[email protected]" url="">Pena que a filial no Brasil n&#227;o conhe&#231;a essa filosofia de desenvolvimento e acredite existir apenas IE :(</comentario></mensagem>
<mensagem id="187">
<titulo>Tendências (utópicas?)</titulo>
<texto>
Eu, em parceria com o [a href="http://www.mobilelife.com.br/"]Thiago Rigonatti[/a], fizemos um pequeno [a href="http://mobilelife.com.br/artigos/tendencia.asp"]artigo[/a] sobre a convergência e tendências da internet. Vale a [a href="http://www.tableless.com.br/artigos/tendencias.asp"]leitura[/a].
</texto>
<diego/>
<data>08/17/2004</data>
<comentario nome="Daniel Santana" email="[email protected]" url="www.fimdeprova.com" watch="706080">Bom, eu acho que isto n&#227;o &#233; utopia, e tenho esperan&#231;a de ver isto acontecendo.
Digo isto pois no s&#233;culo XVII era Utopia investir na m&#225;quina de calcular de Blaise Pascal, que morreu sem ver o passo de evolu&#231;&#227;o que sua mente proporcionou ao mundo, assim como tamb&#233;m era Utopia a id&#233;ia de Ada e Babbage, &quot;Oras, onde j&#225; se viu uma m&#225;quina que recebe dados do homem, os processa sozinha e devolve o resultado, hahaha&quot;(Sec. XVIII)
Acho que &#233; perfeitamente poss&#237;vel para o mundo que isto aconte&#231;a, e penso que temos que desenvolver aplica&#231;&#245;es pensando nisto e devemos divulgar estas informa&#231;&#245;es para conscientizar os desenvolvedores, e muitas pessoas j&#225; fazem isto, como o &#201;lcio, o Thiago, o Diego, o Fred Van Amsten entre outros.
Eu teria muito mais para dizer mas a&#237; meu coment&#225;rio seria maior que o pequeno artigo em quest&#227;o.
Um abra&#231;o a todos voc&#234;s que citei no texto e tamb&#233;m a todos os desenvolvedores que querem se atualizar e contribuir para a realiza&#231;&#227;o das tend&#234;ncias &quot;ut&#243;picas&quot;.</comentario></mensagem>
<mensagem id="186">
<titulo>Acessibilidade e os Padrões Web</titulo>
<texto>
Artigo novo: [a href="http://www.tableless.com.br/artigos/acessibilidade.asp"]Acessibilidade e os Padrões Web[/a]
</texto>
<diego/>
<data>08/15/2004</data>
<comentario nome="Daniel Santana" email="[email protected]" url="www.fimdeprova.com" watch="706080">Muito bom Diego, mas acho que voc&#234; esqueceu deu uma coisinha.
De uma certa 'acessibilidade', aquela dos leigos no assunto.
Nem todo usu&#225;rio, ou leitor aqui do Tableless &#233; usu&#225;rio de Linux, e Garanto que muitos deles quando voc&#234; fala em Linx devem ficar viajando ou procurando no google o que &#233; tal coisa.
Alguns at&#233; deduzem que &#233; um browser (navegador para internet) quando voc&#234; o Compara ao IE (Internet Explorer), mas muitos nunca ouviram falar.
Ent&#227;o, para aqueles que n&#227;o sabem o que &#233; e tiveram a paci&#234;ncia de ler meu coment&#225;rio l&#225; vai:
Lynx: Browser (navagador para a internet) que roda em moto texto*. Est&#225; presente na maioria das distribui&#231;&#245;es Linux (Sistema Operacional de c&#243;digo aberto).
*Modo Texto: Ambiente de trabalho sem GUI (Interface gr&#225;fica para usu&#225;rio), ou seja, sem bot&#245;es 3D, milh&#245;es de cores e imagens (fotos desenhos), assim como no MS DOS, 'tudo' o que aparece &#233; formado por texto.
Um Abr&#225;&#231;o a todos do Tableless e tenham uma boa semana.</comentario></mensagem>
<mensagem id="185">
<titulo>Tsc, tsc, tsc ...</titulo>
<texto>
[a href="http://www.usabilidoido.com.br/me_plagiaram_descaradamente.html" title="Me plagiaram descaradamente"]Plagiaram o Fred descaradamente[/a]
</texto>
<elcio/>
<data>08/10/2004</data>
<comentario nome="Marcelo Oliveira" email="[email protected]" url="www.dwmx.com.br">Meu nome &#233; Marcelo Oliveira e sou fundador do DWOnline al&#233;m de colunista Dreamweaver do iMasters , bem como , respons&#225;vel pelo DWMX (www.dwmx.com.br). A exatos 2 meses me deliguei do DWOnline devido diverg&#234;ncias que n&#227;o v&#234;m ao caso no momento. At&#233; meu desligamento fui respons&#225;vel pela cria&#231;&#227;o de 95% dos tutoriais publicados no site e para minha surpresa quando decidi me retirar , solicitei a exclus&#227;o dos mesmos , pedido negado pela atual Administra&#231;&#227;o que simplesmente retirou a autoria dos mesmos. Esse novo &quot;pl&#225;gio&quot; , digo novo , pois estou republicando todos os tutoriais escritos por mim em meu novo site , s&#243; vem a confirmar que infelizmente , um projeto que tinha tudo para dar certo , est&#225; indo por &#225;gua abaixo. </comentario><comentario nome="Grupo Fimdeprova .COM" email="[email protected]" url="www.fimdeprova.com" watch="">Este tipo de atitude tem que ter um pedido de Desculpas p&#250;blico!
Caso contr&#225;rio, deve haver um boicote dos visitantes, j&#225; que 95% do material est&#225; no novo site de Dreamweaver (www.dwmx.com.br) que temos para desfrutar.
Boicote ao Pl&#225;gio Descarado!
Este &#233; meu pensamento.</comentario><comentario nome=" " email="" url="">&#201; ISSO A&#205; GALERA VAMOS BOICOTAR ELES!</comentario><comentario nome="C&#233;lio Oliveira" email="[email protected]" url="alemdanoticia.blog-se.com.br">Meu nome &#233; C&#233;lio. N&#227;o tenho certificado algum, mas tenho interesse em trabalhar com Web Standards. Sou frequentador ass&#237;duo do Tableless e sempre procuro coisas novas no site. Essa coisa de pl&#225;gio &#233; muito s&#233;rio e deve ser sempre conden&#225;vel, pois &#233; falta de car&#225;ter e sacanagem mesmo se utilizar de id&#233;ias alheias. No entanto, acho que o pessoal da At&#237;pico deve uma explica&#231;&#227;o &#224; respeito da logomarca da empresa, como cria&#231;&#227;o, inspira&#231;&#227;o etc. Vamos aguardar!</comentario><comentario nome="Assun&#231;&#227;o Jr." email="[email protected]" url="" watch="">Ep&#226;! Ol&#225; Cl&#233;lio n&#227;o entendi o final do seu coment&#225;rio, vc quis dizer que a logomarca da At&#237;pico &#233; plagiada? Se sim, de onde? Caso n&#227;o, ai vai uma explica&#231;&#227;o: as vesez mesmo sem querer acabamos por criar coisas semelhantes a uma que j&#225; existe, digo porqu&#234; h&#225; alguns meses atras criei uma logomarca e quando fui mostrar para o cliente por coincid&#234;ncia ela se parecia com a logo de um fornecedor dele, ainda bem que percebemos isso logo e sanamos o problemas... </comentario><comentario nome="Marcelo" email="[email protected]" url="" watch="">Concordo que podem haver coincid&#234;ncias.
Como o logotipo da Am&#233;rica Online e o da Alpargatas
http://www.alpargatas.com.br/
http://www.aol.com/</comentario><comentario nome="Felipe" email="" url="">Nossa. hahahahahahahahhaha Que briga hein! Agora o DWOnline est&#225; fora do ar, redirecionando para o site do Marcelo Oliveira. Essa briga vai dar o que falar :-)</comentario><comentario nome="Michael Humberto Castillo" email="[email protected]" url="www.dgmike.net" watch="">S&#243; n&#227;o entendi, ou melhor, nunca entendi... o que &#233; exatamente &quot;WebStandard&quot;, e qual a diferen&#231;a b&#225;sica entre &quot;WebStandard&quot; e &quot;Tableless&quot;, pelo que eu sei, &quot;tableless&quot; n&#227;o quer dizer o fim das tabelas de forma geral, mas o fim delas para o lay-out usando, assim, as &quot;regrinhas&quot; do W3. Pelo que me &#233; de informa&#231;&#227;o, os &quot;WebStandards&quot; nada mais &#233; do que o uso das &quot;TAGs&quot; em seus devidos lugares (de forma bruta, curta e grossa...). Ent&#227;o... &quot;TableLess&quot; nada mais &#233; do que uma simples forma de &quot;WebStandard&quot;???
----------------------------------------------
Sou Estudante de Design Gr&#225;fico pelo CEFET-Campos, mas n&#227;o sou formado nem tenho nenhum Certificado, mas tenho humildade de reconhecer que n&#227;o sei e gostaria de saber... obrigado, Mike</comentario><comentario nome="Diego" email="" url="www.tableless.com.br/portfolio">&quot;O World Wide Web Consortium (W3C), juntamente com outros grupos e organismos reguladores, estabeleceu tecnologias para cria&#231;&#227;o e interpreta&#231;&#227;o de conte&#250;do para a Web. Estas tecnologias, a que chamamos &amp;#8220;standards Web&amp;#8221;, s&#227;o cuidadosamente concebidas para dar os maiores benef&#237;cios ao maior n&#250;mero poss&#237;vel de utilizadores da Web, assegurando ao mesmo tempo a viabilidade a longo prazo de qualquer documento que seja publicado na Web.&quot;
fonte: http://www.webstandards.org/about/mission/pt/</comentario></mensagem>
<mensagem id="184">
<titulo>Mobile Life</titulo>
<texto>
Acho que todos perceberam que há algum tempo que estou dando uma certa atenção para estas coisas de acessibilidade, wireless, dispositivos móveis e etc...[br /][br /]
Se dei esta certa atenção, é porque isso tudo está de alguma forma ligada aos web standards. As pessoas irão acessar os sites de qualquer lugar e em qualquer dispositivo, seja de um PC ou de um Pda, o usuário vai querer a informação.[br /][br /]
O site terá que funcionar em qualquer um desses dispositivos... e todos sabem que web standards, quando bem feito, é a melhor maneira de fazer isso acontecer com um maior número de bons resultados.
[br /][br /]
Acaba de ser lançado o site [a href="http://www.mobilelife.com.br/"]Mobile Life[/a].[br /]
Nele você encontra as últimas novidades sobre qualquer coisa relacionada a mobilidade, wireless, e estas coisas que não precisam de cabos para "funcionar".
</texto>
<diego/>
<data>08/10/2004</data>
</mensagem>
<mensagem id="183">
<titulo>Navegando no Orkut (tentando)</titulo>
<texto>
Ontem estava tentando acessar o orkut para ensinar a minha namorada. Consigo me logar e navegar normalmente, lerdo como sempre, mas consigo. Só que tem um porém... As imagens do menu, e algumas outras, aparecem quebradas. Logo, minha namorada simplesmente, se perdeu.
[/p]
[p]
Para fazer as coisas que provavelmente ela não precisaria de mim, - e de um dicionário simples de Inglês/Português - foi um pequeno carma.[br /]
O site não é tableless e muito menos segue os web standards. As imagens estava sem Alt, então, no lugar do alt, aparecia a palavra "IMAGEM" (no caso do Opera).
[/p]
[p]
Se pelo menos o site tivesse um layout híbrido*, e seguisse o mínimo dos padrões, ela poderia ter navegado mesmo com as imagens quebradas. Bastava inserir um Alt na tag IMG com o nome da sessão e a navegação estaria quase perfeita... Daria para você saber onde se encontra o profile, o Album, o ScrapBook. Eu segui o instinto de quem trabalha com web: Para navegar, eu parava o mouse em cima da imagem quebrada e lia o endereço do link... por sorte, alguns endereços terminavam com o nome da sessão ".aspx".
[/p]
[p]
Na minha opinião ajudaria muito, se o orkut fosse tableless... Na lerdeza que está, com o grande volume de pessoas acessando o site o tempo inteiro, o consumo de banda, com certeza iria ser diminuido.
[/p]
[p]
* [b]Layout Híbrido[/b]: É o layout feito com tabelas para a estrutura, mas, todo o resto, é formatado com css. Principalmente as tabelas.
</texto>
<diego/>
<data>08/08/2004</data>
<comentario nome="Leonardo" email="" url="">&#201; um servi&#231;o beta, e eles n&#227;o esperavam que se popularizasse t&#227;o r&#225;pido. O servidor deles n&#227;o aguenta, por isso a lentid&#227;o. Em hor&#225;rios com menos pessoas d&#225; muito bem para navegar com uma velocidade boa. Mas bem que eles poderiam seguir os padr&#245;es ;)</comentario><comentario nome="justy" email="[email protected]" url="www.contakto.net">N&#227;o uso o Orkut por causa da velocidade, isso que tenho adsl turbo 300k imagine os usu&#225;rios de discada...</comentario><comentario nome="Diego Eis" email="" url="www.tableless.com.br/portfolio">Leonardo...
S&#243; porque &#233; beta, tem que ser feito desse jeito?!
Eu acho que nunca consegui pegar uma hora de menos pessoas...</comentario><comentario nome="Daniel" email="[email protected]" url="" watch="706080">Diego,
calma logo, logo sua namorada vai poder navegar muito bem. S&#243; n&#227;o acho que vai ser no Orkut.. :)
E por sinal vc vai ajudar muito e nem sabe ainda..
[]s
</comentario><comentario nome="Bruno" email="[email protected]" url="">dizem q se mudar o pais de origem para outro pais sem ser Brasil ou Iraque, o sistema funciona na boa. mas acredito q deve ser s&#243; boato, at&#233; pq se for verdade, &#233; muita sacanagem</comentario><comentario nome="Marcus Danillo" email="[email protected]" url="danillonunes.cjb.net/blog">Acho que o pessoal que consome muita banda, criando comunidades in&#250;teis e fazendo flooding, mas com certeza, se fosse tableless ia ajudar um bocado.</comentario><comentario nome="Leonardo A. Souza" email="[email protected]" url="h">Esse orkut ta um saco! Muito spam, muito lento, muito ingl&#234;s (alias: nenhum portugu&#234;s)...
Vamu ver se quando sair uma vers&#227;o &quot;1.0&quot; melhora. A galera podia come&#231;a a mandar mensagens pos administradores pedindo pra eles seguirem os padr&#245;es :)</comentario><comentario nome="Marcus" email="" url="">Eu usei o Orkut por menos de duas semanas e n&#227;o aguentei mais... &#233; chato, lento, chato, chato, e cheio de spans... Essa hist&#243;ria de que s&#243; &#233; lento no Brasil e no Iraque &#233; mais uma inven&#231;&#227;o besta.</comentario><comentario nome="Thiago" email="" url="">Alguem poderia me convidar ??
Nome: Thiago
Sobre Nome: Benedicto
E-mail: [email protected]
Vlws</comentario><comentario nome="katia" email="[email protected]" url="">N&#227;o entendo nada de tabless, foi a primeira vez q entrei em seu site, mas me identifiquei com a lerdeza e a falta do texto nas imagens quebradas, ajudaria muito.
</comentario><comentario nome="celo" email="[email protected]" url="1grau.com/cello">Tenho cadastro nu orkut mas n tenho paciencia pra tanta lentidao, tem uma sistema similar nacional chamado 1grau.com u sistema eh bem estavel e muito bom por isso deem preferencioa ao produto nacional que eh bem melhor.
www.1grau.com</comentario><comentario nome="daniel" email="" url="">se vc acessa www.orkut.com.br as imagens nao carregam mesmo. tente orut.com;</comentario><comentario nome="ISAIAS" email="[email protected]" url="iaaweb.zapto.org">Eai.
Bem pelo Contr&#225;rio do Orkut, estou fazendo um site em PHP (em vez de asp), estou tentando usar o m&#225;ximo de css e fazer layouts com as pr&#243;prias DIVS (sem usar tabelas).
Mesmo no meu caso, fazendo o contr&#225;rio do Orkut eu descordo do nosso amigo que escreveu o texto, acho que voc&#234; nao pode definir um padr&#227;o a CERTO, o TableLess &#233; bom sim. Mas o Orkut, assim como qualquer outro projeto tem o direito de seguir seus pr&#243;prios padr&#245;es. Eu n&#227;o trabalho com TableLess da forma PADRONIZADA, eu fa&#231;o do meu jeito e me importo com a cria&#231;&#227;o.
NAO SIGA UM PADR&#195;O. Fa&#231;a o seu pr&#243;prio. Use o TableLess como ferramenta, mas n&#227;o como LEI.
Cada mente funciona de uma forma</comentario><comentario nome="Diego Eis" email="" url="www.tableless.com.br/portfolio">Siga os Padr&#245;es Web. Fa&#231;a dos Padr&#245;es Web o seu padr&#227;o... Os Padr&#245;es Web &#233; o padr&#227;o CERTO. O orkut devia usar os web standards. Iria melhorar muito, acessibilidade, compatibilidade e tudo mais. Fa&#231;am tableless do jeito certo, do jeito que os padr&#245;es web ensinam.</comentario></mensagem>
<mensagem id="182">
<titulo>Acessibilidade fala com você</titulo>
<texto>
Baixei o [a href="http://www-306.ibm.com/able/solution_offerings/hpr.html"]Home Page Reader 3.0[/a] da IBM.[br /]
Apesar da voz "robotizada", do sotaque, e do ritmo com que as palavras eram faladas, o programinha funciona! [br /]
Naveguei em alguns sites, e notei que várias coisas podem influenciar a navegação com estes programas. Desde a pontuação do texto até a semântica do código.
[/p]
[p]
Exemplo?[br /]
O programa mudava de voz para falar títulos que eram marcados com tags h1, h2, etc..[br /]
Se o texto era marcado com tags de parágrafos, eu podia facilmente navegar por eles. E isso tudo usando o teclado.
[/p]
[p]
Outra coisa é a colocação dos Alts nas imagens. É de extrema necessidade, que haja um texto descritivo relevante, em imagens importantes. Nas imagens que não precisam de descrição, basta colocar um alt vazio, isso não prejudicará o usuário e nem seu código.
[/p]
[p]
A Web tende a crescer, isso quer dizer que mais pessoas irão acessá-la. Pessoas diversas, acessando por diversos meios. Seja com browser comum ou com leitor de telas, melhor, (ou pior), por um dispositivo móvel com leitor de telas. Fazendo um site, seguindo os padrões web, não vai ser bom apenas para você, para o programador ou para o bolso da empresa... vai ser bom também para qualquer tipo de usuário. Seja ele deficiente, ou não.
</texto>
<diego/>
<data>08/04/2004</data>
<comentario nome="thiago" email="[email protected]" url="">Muito legal isso cara!
Vou ficar mais atento..
&#233; pq esse tipo de dificuldade n&#227;o assola a nossa maioria. mas, acho q as pessoas a tiverem, deficiencia visual, v&#227;o agradecer mto!</comentario><comentario nome="Lucas" email="[email protected]" url="">Excelente a dica!
S&#243; queria fazer uma sugest&#227;o... o xhtml2 ja foi 'regulamentado' pela W3C, n&#227;o &#233; mesmo?
&#201; valido um roteirinho basico dele com rela&#231;&#227;o &#224;s diferen&#231;as pra primeira versao, n&#233;! Tem mta novidade interessante!</comentario><comentario nome="Henderson" email="[email protected]" url="">Muito bom mesmo!
Usei j&#225; o DosVox para navegar na web e testar meus sites, &#233; muito bom, uso atualmente o home page reader da ibm, isso mostra que a web est&#225; realmete evoluindo, pois logo estar&#225; cada vez acess&#237;vel por v&#225;rios dispositivos, independente do navegador, plataforma ou defici&#234;ncia dos usu&#225;rios.</comentario><comentario nome="justy" email="[email protected]" url="www.contato.net">Show de bola o texto! =P</comentario><comentario nome="anderson farias" email="[email protected]" url="www.micropower.com.br">ol&#225;! at&#233; que enfim alguma pessoa pensando em web para todos. n&#227;o vou entrar no m&#233;rito da quest&#227;o do hpr da ibm, at&#233; pelo fato de que trabalho numa empresa brasileira que desenvolve outro produto que vai al&#233;m da internet, dando acessibilidade a todo o mundo windows; o que importa aqui &#233; que voc&#234;s est&#227;o falando de um conceito novo que &#233; a constru&#231;&#227;o de sites acess&#237;veis independente de quem seja o visitante do outro lado do teclado. parab&#233;ns! sou deficiente visual e curti pra caramba este site.</comentario></mensagem>
<mensagem id="181">
<titulo>Palestra</titulo>
<texto>
Palestra online amanhã: "Padrões Web Hoje e Amanhã". Em três horários (manhã, tarde e noite.) [a href="http://www.atipico.com.br/palestra" title="Palestra: Padrões Web Hoje e Amanhã"]Cadastre-se[/a]
</texto>
<elcio/>
<data>07/28/2004</data>
<comentario nome="ricardo ferreira" email="" url="">ser&#225; que dava para deixar o hor&#225;rio de portugal? 10 horas a&#237; no brasil quantas s&#227;o aqui em portugal?</comentario><comentario nome="teste" email="" url="">&lt;p align=&quot;center&quot; onMouseOver=&quot;this.style.backgroundColor=0xFFFF99&gt;interessante&lt;/p&gt;</comentario></mensagem>
<mensagem id="180">
<titulo>Wireless!! Mas e a Web?!</titulo>
<texto>
[a href="http://info.abril.com.br/aberto/infonews/072004/20072004-2.shl"]Abranet faz seminário sobre acesso sem fio[/a]
[/p]
[p]
Já faz algum temo que participei do III Fórum Wireless promovida pela Intel. Um multidão está se agitando, falando, agilizando pra que Wireless seja realidade aqui no Brasil.
[/p]
[p]
Ver pessoas acessando sites em qualquer canto, usando dispositivos móveis - Palm, Pocket-PC, Notebooks, Pda´s, Celulares ou seja lá o que for - não vai ser mais coisa de outro planeta. Está todo mundo neste pé: provedores, fabricantes de dispositivos móveis, operadores e até mesmo usuários de mobiles... todos caminhando juntos para o acesso à internet sem fio.
[/p]
[p]
Então, me surge uma pergunta: - Mas e a web, está pronta?![br /]
Pois veja, não adianta muito os fabricantes, provedores, usuários e etc, investirem nesta tecnologia se o ponto final, que é a web, não tiver evoluído e investido junto com eles. Do que adianta, poder acessar o site do meu banco de dentro do carro, no meio de uma avenida congestionada, se o site do meu banco não funciona em um palm?
[/p]
[p]
Hoje, é normal você tentar acessar um site usando um browser que não seja Internet Explorer, e aparecer a famosa mensagem falando que aquele site só pode ser visto por Internet Explorer, e que preciso atualizar meu browser (mesmo acessando por um Opera ou Firefox). Imagine então tentar acessar por algum mobile? Quer dizer, não acesso e pronto. Até os desenvolvedores e responsáveis desenvolverem um site compatível.
[/p]
[p]
Os desenvolvedores precisam mudar o jeito de pensar. Hoje, pensamos apenas em fazer sites, isso não é o bastante. Acessibilidade, Navegabilidade, Usabilidade, e principalmente Compatibilidade, precisarão ser pensados para abranger um maior números de pessoas. Mas isso é assunto para outro artigo! :0)
[/p]
[p]
Bom, a saída para este problema já existe, se chama Web Standards. Só falta os desenvolvedores ficarem sabendo.
</texto>
<diego/>
<data>07/21/2004</data>
<comentario nome="Ant&#243;nio Figueiredo" email="" url="">o problema, caro amigo, &#233; que os desenvolvedores n&#227;o encontram navegabilidade e alta performance na usabilidade fora do IE. E nenhum desenvolvedor avan&#231;ado fica satisfeito com compatibilidade quando esta &#233; sin&#243;nimo de menor capacidade de trabalho. Por&#233;m, qualquer desenvolvedor deseja acesso ilimitado aos seus projectos.Diego, tem toda a raz&#227;o, mas enquanto tablarem projectos pelo menor custo, porque at&#233; &#233; f&#225;cil construir p&#225;ginas, o desenvolvedor &#233; obrigado a essa alta performance no IE, pecando na compatibilidade. A solu&#231;&#227;o: deixar que a tecnologia apresente mais e mais formas de acesso, at&#233; obrigar a um acesso diversificado e as empresas acordarem para essa necessidade de compatibilizar. A&#237;, s&#243; os melhores, e subindo o custo, ter&#227;o capacidade para projectos web.</comentario><comentario nome="Diego" email="" url="www.tableless.com.br/portfolio/">Eu tenho outra sa&#237;da tb...
Fale para seu chefe: - Isso d&#225; dinheiro.</comentario><comentario nome="Luiz Filho" email="" url="">Acho que a web est&#225; come&#231;ando a migrar para os Web Standards, mas tem muita gente que nem quer saber de acessibilidade... hehe</comentario></mensagem>
<mensagem id="179">
<titulo>AOL.com.br Tableless!</titulo>
<texto>
O [a href="http://www.aol.com.br/"]Aol[/a] brasileiro é Tableless.[br /]
O código precisa de umas melhorias. Ainda está meio bagunçado, divs aninhados como tabelas, mas nada que um [a href="http://www.tableless.com.br/"]estudo[/a] e uma bom [a href="http://www.atipico.com.br/curso.asp"]Treinamento[/a] não resolvam.[br /]
É a internet brasileira vendo a importância de fazer sites nos padrões. E assim, vamos mudando a internet.
</texto>
<diego/>
<data>07/12/2004</data>
<comentario nome="Aldemir Vieira" email="[email protected]" url="lutandoporwasp.blogspot.com/" watch="">Substituir TABLE por DIV &#233; um bom come&#231;o, essa mudan&#231;a de paradigma &#233; bastante complexa, precisam desintoxicar, pois vai gerar um retrabalho dos bons, mas nada como umas horinhas a mais no cronograma. Para evitar esse &quot;preju&quot; posterior eles tinham que se preocupar em estar de acordo com a W3C. At&#233; o CSS deles tem erro. Sem falar na nomenclatura sem&#226;ntica (.coluna1, .coluna2 etc).
Boa sorte para AOL Brazilian Team!
</comentario><comentario nome="Guillherme - Curitiba" email="" url="" watch="">Sei n&#227;o, mas acho que fazem muitos meses que esse site t&#225; no ar.</comentario><comentario nome="Jo&#227;o" email="Palha&#231;[email protected]" url="Palha&#231;ada!@!!" watch="">Que palha&#231;ada...!!
s&#243; pq eles substituiram tags &lt;table&gt;&lt;tr&gt;&lt;td&gt; por &lt;div&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
n&#227;o quer dizer absolutamente nada..
o site continua feio do mesmo jeito, e sem funcionalidade nenhuma....
algu&#233;m me falar qual o problema de usar tabelas nos layouts??</comentario><comentario nome="Renato Carvalho" email="[email protected]" url="www.renato.locaweb.com.br/">&#201;, realmente o site da AOL &#233; tableless h&#225; um bom tempo. Quando foi lan&#231;ado ele foi feito todo com tabelas e agora eles est&#227;o adaptando para tableless. Pelo que eu percebi, somente a home e algumas p&#225;ginas internas s&#227;o tableless. S&#243; com essa adapta&#231;&#227;o da home sem tabelas + CSS, creio que eles j&#225; tiveram muitas vantagens pois devem ter redusido bastante o consumo da taxa de tranfer&#234;ncia e com certeza o site est&#225; sendo melhor visualizado em diversos browsers, o que n&#227;o acontecia antes.
Creio que isso j&#225; possa esclarecer algo ao nosso amigo Jo&#227;o.
Aqui v&#227;o mais algumas observa&#231;&#245;es.
* O portal da AOL &#233; um dos mais bonitos, leves e com uma &#243;tima usabilidade atualmente no Brasil.
* Ficou muito mais leve e melhor interpretado para diversos browsers.
* Um site Tableless &#233; muito mais do que trocar &lt;table&gt;&lt;tr&gt;&lt;td&gt; por &lt;div&gt;&lt;/div&gt;, voc&#234; ainda precisa estudar muito para melhorar seus conceitos.
* Fazer um portal de conte&#250;do bonito, f&#225;cil de navegar e ainda pocurando seguir os padr&#245;es n&#227;o &#233; f&#225;cil, a AOL Brazilian Team est&#225; de parab&#233;ns pela iniciativa.
Grande abra&#231;o a todos!</comentario><comentario nome="justy" email="[email protected]" url="www.contato.net">legal o site deles, pessoal fala aqui mais s&#243; tem blogs porque blogger.com existe! []s</comentario><comentario nome="Pasquale" email="" url="www.tvcultura.com.br/tvcultura/destaquetv0406/destaquetv040630.htm">Voc&#234;s s&#227;o alem&#227;es?
&quot;...mas nada que um estudo e uma bom Treinamento n&#227;o resolvam.&quot;
&quot;...algu&#233;m me falar qual o problema de usar tabelas nos layouts?&quot;
&quot;...acho que fazem muitos meses...&quot;</comentario><comentario nome="Sem&#226;ntica n&#227;o &#233; f&#225;cil..." email="[email protected]" url="">Aldemir vieira alertou bem: produzir um c&#243;digo em conformidade com W3C &#233; importante. Mas n&#227;o &#233; f&#225;cil - principalmente se o site deve interagir com parceiros de conte&#250;do que fornecem em in&#250;meros formatos (e nem todos ainda se ligaram na import&#226;ncia dos padr&#245;es abertos), publicidade gerada por AdServers em outros dom&#237;nios, layout que seja mais que tiras verticais...
Quanto &#224; sem&#226;ntica, bem esta &#233; mesmo dif&#237;cil. Vejamos o pr&#243;prio site Tableless, no arquivo &quot;/skins/padrao/cor.css&quot;. H&#225; um identificador:
/***************
Sentinhas para direita
***************/
a.setasdir { (...)
background:url(&quot;imagens/lerartigo.gif&quot;)
Note que direita (dir)... n&#227;o &#233; exatamente conceitual, he he he.
O Aldemir est&#225; coberto de raz&#227;o - se deseintoxicar &#233; trabalhoso - e mesmo quem diz levantar a bandeira da mudan&#231;a &#224;s vezes escorrega num detalhe.</comentario><comentario nome="Pasquale" email="" url="www.tvcultura.com.br/tvcultura/destaquetv0406/destaquetv040630.htm">Voc&#234;s s&#227;o alem&#227;es?
&quot;...mas nada que um estudo e uma bom Treinamento n&#227;o resolvam.&quot;
&quot;...algu&#233;m me falar qual o problema de usar tabelas nos layouts?&quot;
&quot;...acho que fazem muitos meses...&quot;</comentario><comentario nome="Fernando" email="[email protected]" url="www.commandlounge.com/">Acho burrada misturar Divs com Tabelas mas tem q come&#231;ar por algum lugar, n&#233;?</comentario></mensagem>
<mensagem id="178">
<titulo>Promoção Atípica</titulo>
<texto>
A [a href="http://www.atipico.com.br/"]Atípico[/a] está com uma promoção imperdível!
[a href="http://www.atipico.com.br/matricula.asp"]Matricule-se[/a] nos módulos 1, 2, 3 e 5 (ganhe grátis o módulo 4) e divida o pagamento em 3 parcelas de R$205,20 (entrada + 30 e 60 dias).
</texto>
<diego/>
<data>07/01/2004</data>
</mensagem>
<mensagem id="177">
<titulo>Repeteco</titulo>
<texto>
[a href="http://www.atipico.com.br/" title="Palestra grátis de novo, amanhã (1/7)"]Perdeu a palestra sobre Web Standards?[/a][br /]
[a href="http://www.atipico.com.br/palestra/"]Se inscreva![/a]
</texto>
<elcio/>
<data>06/30/2004</data>
<comentario nome="justy" email="[email protected]" url="www.contato.net">Muito boa as palestras, parabens Rog&#233;rio, Elcio Diego e equipe At&#237;pico.
[]s</comentario></mensagem>
<mensagem id="176">
<titulo>Validar é preciso?</titulo>
<texto>
Desdobramentos interessantes. [a href="http://jonasgalvez.com/br/blog/2004-06/validacao" title="Jonas Galvez: Validação é importante"]Aqui[/a] e [a href="http://jonasgalvez.com/br/blog/2004-06/utopia-ou-realidade" title="Jonas Galvez: Utopia ou Realidade"]aqui[/a]. Não deixe de ler os comentários, alguns dos melhores profissionais brasileiros de web andam postando por lá (ignore o flamewar.) Pena que eu ande meio sem tempo, taí uma discussão da qual eu gostaria muito de participar.[br /]
[b]Update:[/b] [a href="http://www.andybudd.com/archives/2004/06/validation/" title="Andy Budd Blogography: Valitadion"]Lá fora também[/a] (os links no começo levam a outras discussões interessantes sobre o tema.)
</texto>
<elcio/>
<data>06/30/2004</data>
</mensagem>
<mensagem id="175">
<titulo>Palestra grátis da Atípico</titulo>
<texto>
Amanhã, a [a href="http://www.atipico.com.br/"]Atípico[/a] irá promover uma palestra de 30 minutos sobre Web Standards.[br /]
A palestra ocorrerá em 3 períodos: Manhã às 10h, Tarde às 15h e Noite às 20h.[br /]
Faça sua [a href="http://www.atipico.com.br/palestra/"]inscrição aqui[/a]!
</texto>
<diego/>
<data>06/28/2004</data>
<comentario nome="justy" email="[email protected]" url="www.contato.net">EeEeE! t&#244; dentro! vai ser otimo ver como funciona esse sisteminha de aula online de voc&#234;s, =D</comentario><comentario nome="Rafael" email="" url="">O referido &quot;amanh&#227;&quot; &#233; hoje, dia 29? Achei furada na p&#225;gina da At&#237;pico n&#227;o ter a informa&#231;&#227;o da data. Outra coisita: perdi o prazo? :-/</comentario><comentario nome="Elcio" email="[email protected]" url="elcio.locaweb.com.br">Sim Rafael. O post est&#225; datado. Assim &quot;amanh&#227;&quot; escrito ontem &#233; hoje ;-) Ainda d&#225; tempo de se inscrever pra palestra das 20h.</comentario><comentario nome="jonthas" email="[email protected]" url="www.echoes4ever.com">Muito legal a palestra.. achei interessante e explicativa para os que se achavam perdidos ou para os que nem sabiam do que se trata webstandards e css...
obrigado.. elcio diego e rog&#233;rio.</comentario><comentario nome="Thiago" email="[email protected]" url="www.mrprompt.com">po.. me inscrevi e n&#227;o deu tempo deu ver.. espero que tenham outras... (ou role um resum&#227;o neh hehehe)</comentario><comentario nome="Rog&#233;rio" email="[email protected]" url="" watch="706080">Infelizmente n&#227;o pude comparecer nos dois dias... Vcs tem previs&#227;o de quando isso pode ser repetido?</comentario></mensagem>
<mensagem id="174">
<titulo>Design e complacência com padrões</titulo>
<texto>
[a href="http://jonasgalvez.com/br/blog/2004-06/bozoless" title="Jonas Galvez: Design e complacência com padrões"]Excelente post do Jonas[/a]:[/p]
[blockquote]
... A simplicidade de design, simplicidade extrema, que pode ser caracterizada por um estilo focado primordialmente no texto, conteúdo, e não nos ornamentos da página. Esse tipo de design é uma espécie de caminho natural para quem começa a entender a importância de padrões, e passa a utilizar técnicas modernas como o design tableless (layout definido via CSS) ...
[/blockquote]
[p]Embora isso tenha acontecido na prática, a questão não é tão preto-no-branco quanto pode parecer ao leitor incauto. Muitas pessoas confundem layout CSS com design minimalista. São coisas diferentes. Estão associadas por uma série de circunstâncias, entre elas dois fatos: [/p]
[ol]
[li]As mentes pensantes na produção web, que se preocupam com padrões web, por coincidência também se preocupam com usabilidade, acessibilidade e arquitetura de informação. E, generalisando tanto quanto o Jonas, posso dizer que o minimalismo é um caminho natural para quem se preocupa com essas coisas.[/li]
[li]Como é natural com qualquer coisa que se aprenda, as pessoas que começam a aprender layout CSS querem produzir logo algo útil. O uso de padrões web é apaixonante ao ponto de as pessoas que ainda não dominam bem as técnicas do layout CSS simplificarem seus layouts afim de conseguir produzí-lo de maneira adequada com o que sabem.[/li]
[/ol]
[p]A despeito desses dois fatos, não há relação técnica entre layouts simples e CSS. Como disse o próprio Jonas:[/p]
[blockquote]
Neste momento é importante ressaltar que CSS não necessariamente sugere o design simplista, muito pelo contrário.
[/blockquote]
[p]Ou seja, as pessoas que realmente conhecem padrões web e tem construído layouts simples o tem feito porque enxergam nessa simplificação uma boa solução de layout, não porque sejam obrigadas a isso.[br /]
Mais:[/p]
[blockquote]
E consequentemente, designers que utilizam essas ferramentas se mantém distantes da realidade, mantendo a idéia de que editar código é muito difícil. A situação é de [b]dependência[/b].
[/blockquote]
[p]Disse tudo. Mais:[/p]
[blockquote]
Uma coisa que poucas pessoas compreendem, principalmente com toda essa publicidade em torno de, abre aspas, tableless, fecha aspas, é que CSS Layout não implica, de forma alguma, [a href="http://validator.w3.org/check?uri=http://www.tableless.com.br/"]a complacência com padrões[/a].
[/blockquote]
[p]Há uma confusão de conceitos aqui. É difícil definir "complacência com padrões". As recomendações de acessibilidade do W3C tem tanto valor e autoridade quanto as do XHTML, por exemplo (é curioso notar, o W3C raramente usa o termo "standard".) Assim, o que seria exatamente "complacência com padrões"? Validar o documento assegura que ele é complacente com os padrões?[br /]
Mas é apenas uma questão de terminologia, o Jonas está certíssimo em separar conceitos que muitas pessoas erroneamente vinculam. Um site pode ter layout CSS e não ser um HTML válido, como este aqui. Pode também ter código válido e ser montado com tabelas. Pode ter código inválido, layout com tabelas e ser acessível a deficientes visuais, enquanto outro pode, por exemplo, ser tableless, com XHMTL Strict validado e ser inacessível.[br /]
Claro, quando você aborda o HTML semanticamente, como manda o W3C, fica mais fácil construir código validado e sites acessíveis. Mas são trabalhos diferentes, que se aplicarão também a recomendações diferentes do W3C. Acho que seria mais apropriado, ao invés de falar sobre complacência aos padrões como algo que um trabalho possui ou não, falar em níveis de complacência. Talvez a pergunta apropriada não seja "é complacente?" e sim "quão complacente?" Talvez ao invés de "é complacente com os padrôes?" devêssemos perguntar "é complacente com quais padrôes?"[br /]
Sobre "consumptibilidade", gostaria de perguntar aos meus leitores: vocês validam seu HTML e CSS? Porquê? Eu costumo validar meus documentos (sim, eu sei, nem este site nem [a href="http://elcio.locaweb.com.br/blog/" title="fechaTag"]meu Blog[/a] são válidos, mas, a despeito desse desleixo, eu costumo sim validar meus documentos.) Mas confesso que tenho uma certa dificuldade em convencer algumas pessoas a validar. A pergunta que sempre me fazem é, uma vez que o documento não-válido é acessível hoje, e bem, em qualquer navegador, se vale a pena se dar ao trabalho de validar. Se você escreve seu blog pessoal ou prepara conteúdo para um cliente, onde você sabe que ninguém vai mexer, faz todo o sentido, e meu blog não valida, confesso, por puro desleixo. Mas se você, como alguns dos meus alunos, trabalha na criação e manutenção de sites conectados a complexos CMS, usados por mais de duas centenas de jornalistas e editores a coisa parece diferente. Sim, jornalistas, não webdesigners ou programadores, gente para quem difereça entre negrito e forte, ou itálico e enfatizado, parece o sexo dos anjos. Gente que precisa inserir imagens e formatar texto, e quem vai convencer uma centena de jornalistas a fornecer boas alternativas textuais para suas imagens? Ainda não tenho uma resposta.
</texto>
<elcio/>
<data>06/28/2004</data>
<comentario nome="Aquiles" email="[email protected]" url="">Meu, faz um curso de web standards que ce aprende a validar site numa boa! V&#234; essa daqui, &#243;: www.atipico.com/curso - l&#225; eles ensinam a validar</comentario><comentario nome="justy" email="[email protected]" url="www.contato.net">Gostei do texto, realmente falou tudo.</comentario><comentario nome="Elcio" email="[email protected]" url="elcio.locaweb.com.br">Ha! Ha! Ha! Ha! Ha! Ha!
Valeu Aquiles! Acho que vou fazer o curso ;-)</comentario><comentario nome="Renato" email="[email protected]" url="www.renato.locaweb.com.br">kkkkkkkkkkkkkkkk....Pareceu at&#233; piada do Aquiles hein Elcio?! :)
Muito bom o post do Jonas e o seu!!!
[]'s</comentario><comentario nome="Fernando" email="[email protected]" url="">eh... tb concordo q esse neg&#243;cio de complac&#234;ncia bla bla bla &#233; uma vis&#227;o muito tecnicista sem levar em considera&#231;&#227;o a conjuntura do mercado. Excelente...</comentario><comentario nome="Daniel Santana" email="[email protected]" url="www.fimdeprova.com">Penso que se existem padr&#245;es, &#233; muito importante seguilos, independente se vai dar trabalho ou n&#227;o.
Exibir isto &#224; um cliente &#233; valioso, mostrar um portf&#243;lio validado &#233; importante.
Agora, ensinar e assumir ser relaxado acho um tanto perigoso... ter o pr&#243;prio trabalho desprestigiado...
Acho que devemos nos esfor&#231;ar e sempre seguir os webstandards.
Sen&#227;o, poderei pensar assim em qualquer momento.
&quot;Por que vou parar no sinal vermelho se ainda d&#225; tempo de passar&quot;
ou
&quot;Por que vou obedecer o limite de velocidade se aqui n&#227;o tem fiscaliza&#231;&#227;o eletr&#244;nica.&quot;
Meu Povo e minha P&#243;va, vamos deixar de DESLEXO, RELAXO e PREGUI&#199;A para construir um WORLD melhor, ou pelo menos uma WORLD WIDE WEB melhor...
Nada Pessoal.</comentario><comentario nome="F&#225;bio Vedovelli" email="[email protected]" url="www.vedovelli.com.br" watch="706080">Bem... achei o post muito interessante e concordo que em algumas situa&#231;&#245;es n&#227;o &#233; poss&#237;vel publicar um trabalho com um c&#243;digo validado: quando se faz um site grande, com uso de tecnologias prontas (vide CMSs da vida) &#233; dif&#237;cil trabalhar standards... mas pode-se trabalhar de forma organizada para uma parte ou at&#233; uma boa parte do trabalho esteja &quot;standarizado&quot;... e com isso vai-se construindo uma WWW melhor!
Desenvolvi apenas um trabalho Tableless e hj tive uma grata surpresa ao acessa-lo utilizando um PDA: ficou r&#225;pido e perfeito na diminuta tela...
Um abra&#231;o a todos!
Em tempo: www.legu.com.br</comentario><comentario nome="Areshandore" email="" url="wwww.areshandore.blogger.com.br">Meu blog que est&#225; hospedado no Blogger nunca ser&#225; um html v&#225;lido... Q pena! Como estou triste com isso!!! ;-)
Deixando o sarcasmo de lado, estou aprendendo estas normas n&#227;o para dizer &quot;Minha p&#225;gina &#233; v&#225;lida, a sua n&#227;o =P&quot; pra algum amiguinho... e sim para garantir que ela ser&#225; vista igual no maior n&#176; de plataformas poss&#237;vel.
Seguindo o m&#237;nimo de regras, meu blog testado no IE, Opera, Mozilla, Firefox e Deepnet aparece igual. Isso j&#225; me deixa feliz.
:)
Nota: A p&#225;gina da Microsoft e a maioria dos portais de Internet(pra n&#227;o dizer todos) tb n&#227;o s&#227;o validados. Que coisa n&#227;o? =D</comentario><comentario nome="Ranzi" email="[email protected]" url="www.turmadelajeado.com.br">Sempre dou uma passadinha por aqui para ver o que h&#225; de novo e para ver se meus conceitos est&#227;o bem embasados.
Depois que ouvi falar de Tableless, em um site de PHP, me interessei no assunto e n&#227;o parei mais de acessar este.
Realmente a usabilidade e clareza s&#227;o fundamentais, vejo isso no meu servi&#231;o (Banco) e tamb&#233;m na rede. Como tenho um site de festas, e por vezes indicamos quais ser&#227;o as baladas, indicamos os locais, por&#233;m, n&#227;o o endere&#231;o. Pois bem, imagine que algu&#233;m venha conhecer a minha cidade, procure pelo nome dela no Google e encontre meu site (gracia a dio, e &#224; um calhama&#231;o de 400 folhas, consegui posicionar bem), saber&#225; em que lugar haver&#225; a festa, por&#233;m, sem endere&#231;o e nada. Ainda temos muito o que melhorar nesse sentido, por&#233;m, a id&#233;ia j&#225; est&#225; na cabe&#231;a, e cada dia, damos um passo a mais para trazer a id&#233;ia de usabilidade e praticidade ao nosso site.
Um grande abra&#231;o aos desenvolvedores deste.
Ranzi</comentario></mensagem>
<mensagem id="173">
<titulo>A internet começa a dominar os cantos</titulo>
<texto>
[a href="http://idgnow.uol.com.br/AdPortalv5/InternetInterna.aspx?GUID=6F6BD229-CC1F-4446-B015-8B8242ECDF55&ChannelID=2000012"]Telefônica lança oficialmente o Speedy Wi-Fi[/a][br /]
A Telefônica está fazendo isso agora. Mas o pessoal que usa ajato já tinha este serviço. Com o Speedy Wi-Fi, mais "algumas" pessoas poderão acessar a internet de qualquer canto. Cansei de ver o [a href="http://www.rigonatti.com.br/mobile/"]Rigonatti[/a] jogando e acessando sites sentado em uma mesinha de um Fran's Café da vida.[br /]
A revolução está começando, esteja você preparado ou não, a internet vai dominar todos os cantos, aonde quer que você esteja, ela vai estar presente. Estará sendo acessada de dispositivos diversos, desde Notebooks até dispositivos móveis como Pda's, celulares etc... A questão é se o seu site vai estar acessível a todos estes dispositivos!
</texto>
<diego/>
<data>06/25/2004</data>
<comentario nome="s1mone" email="[email protected]" url="simonevb.com/">O que me atormenta agora &#233; como fazer os testes de verifica&#231;&#227;o para ver se um site est&#225; acess&#237;vel ou n&#227;o em todos estes dispositivos. Nem estou pensando no aumento dos custos do projeto, mas tamb&#233;m de como viabilizar isso no dia-a-dia, com os prazos apertando e clientes mal-humorados. Seria uma id&#233;ia projetar softwares que simulem todos estes ambientes? Ser&#225; que todos os sites que desenvolvemos devem estar acess&#237;veis a todos estes ambientes com a mesma fidelidade de um browser num desktop? Ser&#225; que devem ser constru&#237;dos c&#243;digos distintos para diferentes m&#237;dias?
8:*</comentario><comentario nome="Rafael" email="" url="">&#201; t&#227;o engra&#231;ado observar como voc&#234;s falam isso com tanta expectativa e dizendo ser uma revolu&#231;&#227;o. Isso &#233; velho! Sem contar que n&#227;o tem nada de t&#227;o revolucion&#225;rio; s&#243; falta dizerem que a Telefonica &#233; a respons&#225;vel por essa &quot;revolu&#231;&#227;o&quot; wireless.
Mais engra&#231;ado ainda a s1mone, a&#237; em cima, indagar sobre &quot;como saber se os nossos sites v&#227;o estar preparados para serem visualizados em celulares e pda's&quot;, sendo que o Diego queria justamente justificar o tableless como solu&#231;&#227;o para esse problema. :-)</comentario><comentario nome="Diego Eis" email="" url="www.tableless.com.br/">Simone:
Estes dias estava devaneando junto com o Elcio sobre estas coisas. At&#233; viajei demais n&#233; Elcio?! :0/
Media Types. Abusar deste recurso do CSS &#233; fundamental. Existe media types para HandHelds. Faremos css's distintos. Estou organizando uma &#225;rea aqui no Tableless sobre Mobililidade, juntamente com o Rigonatti do site (www.rigonatti.com.br/mobile)</comentario><comentario nome="Diego Eis" email="" url="www.tableless.com.br/">Daniel:
Porque vc acha que isso n&#227;o &#233; revolucion&#225;rio e novo?!
A telef&#244;nica n&#227;o &#233; revolucion&#225;ria nem aqui nem na China. E como disse acima o Ajato j&#225; disponibilizava este servi&#231;o.
Falamos disso com tanta expectativa porque simplesmente exergamos o futuro. Me diga algum site que vc acessa freq&#252;entemente que iria ser f&#225;cil de navegar de um palm ou pda. Aqui na minha lista, n&#227;o muitos. Eles s&#227;o feitos de um jeito convencional que n&#227;o &#233; apropriado para ver nesses dispostivos. Eu acho uma revolu&#231;&#227;o, e quem n&#227;o estiver preparado, vai se lascar. Grandes sites que se cuidem.</comentario><comentario nome="M&#225;rcio Lima (Guardi&#227;o)" email="[email protected]" url="" watch="706080">Existem duas formas de se encarar isto...
A. a revolu&#231;&#227;o no ponto de vista visual tecnologico. Quando se fala de usar um determinada tecnologia para n&#227;o ter retrabalho para visualizar o site em diversos e distintos aplicativos (dispositivos se assim preferir)
B. a revolu&#231;&#227;o no ponto de vista agilidade/facilidade tecnologica. Porque podem at&#233; falar que isto &#233; uma revolu&#231;&#227;o, mas a telef&#244;nica est&#225; atr&#225;s mesmo... Oferecendo este servi&#231;o, onde outras j&#225; est&#227;o &#224; sua frente.
Trabalho em uma ag&#234;ncia que est&#225; concorrendo neste projeto da Telefonica... E &#233; realmente algo a se pensar, mas n&#227;o que seja algo que n&#227;o imaginav&#225;mos alguns anos atr&#225;s...
[];</comentario><comentario nome="M&#225;rcio Lima (Guardi&#227;o)" email="[email protected]" url="www.freecode.com.br" watch="706080">Para quem n&#227;o sabe o link:
http://www.speedywifi.com.br/
[];</comentario><comentario nome="Andr&#233; M." email="[email protected]" url="" watch="706080">Simone, neste link d&#225; para ter uma id&#233;ia de como um site seria visto em uma grande variedade de browsers:
http://www.browsercam.com/
O servi&#231;o &#233; pago, claro, mas acho de extrema import&#226;ncia investir um pouquinho para evitar futuras dores de cabe&#231;a. No entanto, o uso do media types deve ser feito com cautela, pois devemos saber o quanto isso est&#225; implementado at&#233; o momento. S&#243; porque &#233; um standard n&#227;o significa que seja suportado por todos tipos de PDAs, Palms, celulares, etc. Recomendo usar hacks de CSS para que o mesmo n&#227;o seja usado em caso de incompatibilidade. Neste caso, a p&#225;gina apareceria s&#243; com texto ou com um m&#237;nimo de imagens. Designs flu&#237;dos tamb&#233;m ajudam (at&#233; certo ponto).</comentario></mensagem>
<mensagem id="172">
<titulo>Pixeladas Aleatórias</titulo>
<texto>
A Simone Villas Boas, andou sumida algum tempo. Mas está voltando com a corda toda em seu
novo [a href="http://simonevb.com/"]blog[/a] chamado [a href="http://simonevb.com/"]Pixeladas
Aleatórias[/a]. Parabéns!
</texto>
<diego/>
<data>06/24/2004</data>
<comentario nome="justy" email="[email protected]" url="www.contato.net">legal!</comentario><comentario nome="logan" email="[email protected]" url="www.echoes4ever.com">porra... com todo respeito.. mas n&#227;o entendi o que tem de t&#227;o parab&#233;ns no site para que seja exibido em mat&#233;ria de p&#225;gina principal do site tableless..</comentario><comentario nome="Elcio" email="[email protected]" url="elcio.locaweb.com.br">O conte&#250;do, logan. Vale a pena ler o que a Simone escreve.</comentario><comentario nome="s1mone" email="[email protected]" url="simonevb.com/">Obrigada pela for&#231;a, meninos!
Tudo de bom para vcs!
8:*****</comentario><comentario nome="Andr&#233; M." email="" url="">Gostei de seu novo blog, Simone. Parab&#233;ns!</comentario></mensagem>
<mensagem id="171">
<titulo>Internet por todo canto</titulo>
<texto>
Ontem o [a href="http://www.rigonatti.com.br/mobile/"]Rigonatti[/a] me seqüestrou para um
evento promovido pela Intel! O assunto da pauta era Soluções Wireless.[br /]
Há muito a se pensar nesta área. Eles falaram muito das tendências de hardware, padrões como
Wi-fi e WiMax.[br /]
Deu para perceber para qual caminho a web está caminhando, e quem não estiver preparado, vai cair
do cavalo.
A principal visão deles está simplificada nesta pequena frase: Em qualquer hora, em qualquer
lugar.[br /]
Preparados ou não, aí vem a web móvel. Preparados ou não, aí vem os dispositivos móveis.
</texto>
<diego/>
<data>06/18/2004</data>
<comentario nome="justy" email="[email protected]" url="www.contato.net">Com certeza, e nois com
tableless + wap seramos motivo de sucesso!
=P</comentario><comentario nome="Luis" email="" url="">Que tal acessar o Tabless por SMS?
Se vc tiver celular TIM envie torpedo com texto 'TABL6' para 41291 e experimente o Agregador RSS do
TRaZ.
</comentario><comentario nome="Luis" email="" url="">Outra dica, manda uma URL que tamb&#233;m
funciona, por exemplo: 'www.uol.com.br' para 41291 (celular TIM).
Navegador pelo SMS? &#201; o futuro chegou.
</comentario><comentario nome="Diego" email="" url="www.tableless.com.br/eyesmiles">S&#243; para
constar.
Vai muito al&#233;m do que vcs falaram.</comentario><comentario nome="Rigonatti" email="[email protected]" url="www.rigonatti.com.br/mobile" watch="706080">Navegar por SMS ??
WAP ??
Acreditem amigos..
&#201; uma tecnolgia morta para acessibilidade.
Talvez para comunica&#231;&#227;o instantanea ( e n&#227;o frequente ), mas para
mobilidade e Acessibilidade:
WAP e SMS est&#227;o a 7 palmos de terra</comentario></mensagem>
<mensagem id="170">
<titulo>Mais 3 convites!</titulo>
<texto>
Atendendo a pedidos, os 3 primeiros que comentarem este post, receberão um convite para a
[a href="http://www.atipico.com.br/participe.asp"]Promoção Amigão[/a]![br /]
O primeiro colocado ganhará um curso online completo de Web Standards, e do segundo ao nono lugar
ganham 1 módulo à escolha.
Mais informações sobre a [a href="http://www.atipico.com.br/participe.asp"]Promoção Amigão[/a].
</texto>
<diego/>
<data>06/16/2004</data>
<comentario nome="ganhei!?!?!" email="[email protected]" url="www.lpj.com.br" watch="">eu eu
eue?!!??!</comentario><comentario nome="rubens cavalheiro domingues" email="[email protected]" url="rubenscd.sites.uol.com.br">eu tambem</comentario><comentario nome="Maudy" email="[email protected]" url="">Eu quero tumem!!!</comentario><comentario nome="thiago" email="[email protected]" url="">quaaaase! :)</comentario><comentario nome="Renato Soares" email="[email protected]" url="www.pontodesign.com" watch="">ahhhh.. eu quero! eu
quero!</comentario><comentario nome="Marcus VBP" email="[email protected]" url="">Nunca chego a
tempo. :/</comentario><comentario nome="Kat" email="[email protected]" url="www.tudybom-kat.blogger.com.br">Ahhh eu queria tb!!!
num ganho n&#233;??</comentario><comentario nome="Ana Carolina Otero Rangel" email="[email protected]" url="www.carolrangel.com" watch="">eu
querooooooooooooo</comentario><comentario nome="andr&#233; valvassori" email="[email protected]" url="geocities.yahoo.com.br/humgueropam/" watch="">ganho e ainda
vou na janela.....!!!!!!</comentario><comentario nome="DerickLemos" email="[email protected]" url="" watch="">Quem quiser um convite envie um e-mail para [email protected]
=)</comentario><comentario nome="Genau" email="[email protected]" url="">&#233; de cima pra
baixo. portanto, eu ganhei!</comentario><comentario nome="Marcos V. Bohrer" email="[email protected]" url="www.megamvb.net">Achei esta promo&#231;&#227;o muito boa!
Excelente oportunidade para quem nao tem como bancar o curso de uma soh vez!!!
Parab&#233;ns Atipico!</comentario><comentario nome="Henderson" email="[email protected]" url="">Antes tarde do que nunca! Rssss...</comentario><comentario nome="Gabriel" email="[email protected]" url="">Puts .. por causa de dez eu nao ganhei =)..
por pouco
hehehehe!</comentario><comentario nome="Leonardo A. Souza" email="[email protected]" url="">Acho que cheguei um tanto atrazado... Cada a porcaria do
despertador??</comentario><comentario nome="Leonardo A. Souza" email="[email protected]" url="">Acho que cheguei um tanto atrazado... Cad&#234; a porcaria do
despertador??</comentario><comentario nome="Renato Carvalho" email="[email protected]" url="www.renato.locaweb.com.br/">tarde demais! :(
unf :)</comentario><comentario nome="Assun&#231;&#227;o Jr." email="" url="">Putz! Esta
promo&#231;&#227;o foi acontecer logo no per&#237;odo em que fiquei sem provedor!
Caramba!... Mais um bis, please! :D</comentario><comentario nome="rubens" email="[email protected]" url="">ta eu ganhei e agora fa&#231;o oque ? kd meu
convite?</comentario><comentario nome="Diego" email="" url="www.tableless.com.br/eyesmiles">Galera!
Os 3 primeiros desta lista de coment&#225;rios tem convites &#224; vontade, vcs podem pedir
a eles os convites... Vai ser bom para os dois lados</comentario><comentario nome="Guilherme Taschetto" email="[email protected]" url="www.pokeplanet.com.br/taschetto/">EU! ME CONVIDA!
(acho que demorei demais :P)</comentario><comentario nome="Emanuel Lopes" email="[email protected]" url="www.webcaldas.com.br">Nossa! cheguei meio atrazado .. hehe mais valeu pela intens&#227;o!!</comentario><comentario nome="Adalberto G. de Costa" email="[email protected]" url="adalbertogc.europe.webmatrixhosting.net/" watch="706080">Eu tamb&#233;m quero!!!!!!
Eu tamb&#233;m quero!!!!!!
Eu tamb&#233;m quero!!!!!!
Eu tamb&#233;m quero!!!!!!
Plis, plis plis.....</comentario><comentario nome="milano" email="[email protected]" url="" watch="706080">Sei l&#225;, acho que seria mais inteligente uma promo&#231;&#227;o &quot;amigo do profissionalismo&quot;. Quem fosse mais aplicado e provasse ser merecedor do pr&#234;mio ganharia. Seria mais justo e mais proveitoso, pois o ganhador provavelmente seria algu&#233;m realmente interessado e n&#227;o algu&#233;m que t&#225; lendo site o dia inteiro e deu a sorte de ser o primeiro.
Minha u100d opini&#227;o</comentario><comentario nome="Gustavo de Oliveira Miranda" email="[email protected]" url="">Alguem poderia me mandar um convite para o gmail e orkut.. Grato... Gustavo</comentario><comentario nome="Gmailman" email="[email protected]" url="www.gmail.com" watch="706080">Convites Gmail,
Est&#227;o se esgotando!!!
O melhor servi&#231;o de webmail, +++ espa&#231;o +++ prote&#231;&#227;o +++ VC! GMAIL
Convites por apenas R$ 10,00. Valor simb&#243;lico frente a tantas vantagens!
Aquira j&#225; o seu!
Contato: [email protected]
Abra&#231;os
Gmailman</comentario></mensagem>
<mensagem id="169">
<titulo>3 Convites! Aqui!</titulo>
<texto>
As 3 primeiras pessoas que comentarem este post, receberão 3 convites para a [a
href="http://www.atipico.com.br/participe.asp"]Promoção Amigão[/a] da [a
href="http://www.atipico.com.br/"]Atípico[/a]! Aproveite!
</texto>
<diego/>
<data>06/14/2004</data>
<comentario nome="Thiago Servio Benedicto" email="[email protected]" url="" watch="">HUhuhuh !!
Ser&#225; que eu consegui ??</comentario><comentario nome="Marcio Favero" email="[email protected]" url="">Opa...deu tempo ??</comentario><comentario nome="Leonardo
Cabral" email="[email protected]" url="">Hm... Geralmente eu chego atrasado para essas
coisas...</comentario><comentario nome="Paulo Rodrigo Teixeira" email="[email protected]" url="" watch="">Bom, aprendi que nunca devemos desistir.
&quot;Desistir &#233; uma solu&#231;&#227;o permanente para um problema
tempor&#225;rio. Pense nisto!!!&quot;
James MacArthur</comentario><comentario nome="Gean" email="[email protected]" url="">eu concordo.
Acho que consegui. E... os 3 primeiros convites mas de onde? Do Brasil? Humm, eu fui o primeiro a
comentar, do Canada :)</comentario><comentario nome="Gean" email="[email protected]" url="">eu
concordo. Acho que consegui. E... os 3 primeiros convites mas de onde? Do Brasil? Humm, eu fui o
primeiro a comentar, do Canada :)</comentario><comentario nome="Gustavo" email="[email protected]" url="www.gangstter.hpg.com.br">Ahm....acho q
nah!!! :)</comentario><comentario nome="Henderson" email="[email protected]" url="" watch="">Que
pena, muito tarde, rsss!</comentario><comentario nome="Henderson" email="[email protected]" url="" watch="">Que pena, muito tarde, rsss!</comentario><comentario nome="justy" email="[email protected]" url="www.contato.net">peba que eu nao usei o explorer hoje, o tbless
&#233; pagina inicial dele, apenas usei avant hehe mais valeu apena, parabens pelo tarbalho de
voc&#234;s gurizada!</comentario><comentario nome="Andr&#233;" email="[email protected]" url="">Acho que n&#227;o cheguei a tempo...
De qualquer forma tentei!!</comentario><comentario nome="Daniel" email="[email protected]" url="www.nerd.com.br">Hummm falhou... mas o curso eh interessante...</comentario><comentario nome="Jo&#227;o Paulo Gomes" email="[email protected]" url="www.jonhowl.blogger.com.br/" watch="">Num consegui, ahh, nunca consigo essas coisas... rs... mas se algu&#233;m quiser me
convidar, aqui estou eu!</comentario><comentario nome="Igor" email="[email protected]" url="www.igorcardoso.kit.net">EU kero um convite !!!</comentario><comentario nome="Vagner Lima" email="[email protected]" url="" watch="706080">Acho que n&#227;o deu
n&#233;?</comentario><comentario nome="Max" email="[email protected]" url="max.bs2.com.br">Bom..jah q naum deu tempu..o negocio eh participa..
hhehe</comentario><comentario nome="Nen" email="[email protected]" url="">Eu tamb&#233;m
quero!!!!=0)
</comentario><comentario nome="Henderson" email="[email protected]" url="">Faz outra, 3 eh pouco!
rsss</comentario><comentario nome="Diego Eis" email="" url="www.tableless.com.br/eyesmiles/">&#201; que estamos fazendo como o Gmail, s&#243; com
a diferen&#231;a que estamos dando 3 todos os dias...
Mas fiquem espertos, vai rolar mais...</comentario></mensagem>
<mensagem id="168">
<titulo>Curso de Web Standards grátis!</titulo>
<texto>
Quer ganhar um curso completo Web Standards? Então peça pros seus amigos te darem uma
força. [br /]
A [a href="http://www.atipico.com.br/"]Atípico[/a] está fazendo a [a
href="http://www.atipico.com.br/participe.asp"]Promoção Amigão[/a]. [br /]
Funciona mais ou menos como Orkut... um amigo convida outro que convida outro, no final, quem
tiver mais amigos cadastrados, ganha um curso de Web Standards completinho. Do segundo ao nono
lugar ganham 1 módulo à escolha.
[a href="http://www.atipico.com.br/participe.asp"]Participe![/a]
</texto>
<diego/>
<data>06/11/2004</data>
<comentario nome="DerickLemos" email="[email protected]" url="" watch="706080">Quem quiser um
convite envie um e-mail para [email protected] =)</comentario></mensagem>
<mensagem id="167">
<titulo>Wiki do Tableless</titulo>
<texto>
Para comunidade Tableless... mais uma facilidade. Estamos
disponibilizando um [a
href="http://www.tableless.com.br/wiki/wiki.asp"]Wiki[/a].[br /]
Para quem não sabe, Wiki, é um ambiente colaborativo aberto.
Qualquer pessoa pode, em qualquer página, clicar sobre o link "Editar esta
página" e alterar o texto.[br /]
Por isso pessoal, vamos lá colaborar e aprender um pouco. Assim,
todos se ajudam e a procura por informações fica mais fácil.
</texto>
<diego/>