» Globo Esporte lança sua nova versão

O mais esperado de todos, o mais acessado e o mais querido. Não, não é o flamengo, mas é outro que todos amam.

Sim, aquele único portal, que faltava da Globo.com para ser lançado no novo padrão estabelecido alguns meses atrás e o Ego, G1, Globo Vídeos e a própria Home, é claro, já seguiam. Ele mesmo, o Globo Esporte lançou sua nova versão, mais leve, mais legível, mais rápida e mais acessível.

Até que enfim hein Dulcetti…

Verdade. Muitas pessoas me perguntavam quando seria lançado, toda hora falavam comigo, curiosos, querendo saber como iria ficar, etc, etc. E aí está o portal.

Seguindo basicamente como o G1, sem efeitos mirabolantes como eu tive que criar no Ego e tudo mais. Mas ficou bem legal, gostei, lógico, seguindo nessa concepção de design, pois já tinha dito que em termos de design perdeu um bocado, mas no resto, ficou sensacional. A galera já está se acostumando e gostando dos novos padrões.

Pontos Fortes e Fracos

Como não poderia deixar de ser, existem prós e contras a cada novo projeto.

Pontos Fortes

• Conseguiram manter as cores dos links dentro dos times, dando uma sensação de estar na “casa” do seu time, como na versão anterior;
• Marca personalizada para cada time e cada esporte, campeonato, etc. Já existia na outra, mas agora ficou de forma simples;

Pontos Fracos

• Apesar da personalização dos links, rodapé e barra, faltou aquele algo mais que tinah na versão anterior, como o topo com escudo, cor de fundo e tudo mais;
• Algumas cores estão meio estranhas, como o Rubro do Flamengo;

Sim, poucos pontos, é porque dei uma passada bem rápida, só pela página do Flamengo mesmo. Mas veja você então e dê sua opinião aqui nos comentários. E aí? Gostou?

Finalizando…

Parabéns à todos envolvidos no projeto. Ficou sucesso. Aquele abraço.

[ 06/Mai/2008 às 10:34hrs ] [ Por Bruno Dulcetti ] 18 Comentários |

Categorias: Acessibilidade, Globo.com, Webstandards

» Entrevista Revista Webdesign sobre Meta tags

E ae pessoal, tranquilidade? Por aqui tudo beleza. Família vai bem? Irmã tá boa? Sucesso então.

Mas é um modafoca mermo…

Bom, deixando a babaquice de lado, venho aqui só informar que novamente apareci na Revista Webdesign, só que agora falando sobre meta tags.

Ah é Bruno? Que manero hein.

Bem legal. Mais um clipping para eu arquivar, já que é a segunda vez que apareço na revista. Na outra oportunidade, apareci falando sobre o Videolog, como um case de vídeos, dicas, a participação como desenvolvedor, etc.

Foram três páginas falando sobre meta tags. Meu artigo está entre os cinco primeiros no Google e possui bastante relevância, comentários, principalmente de agradecimento.

Sucesso hein Dulcetti. Mas mostra pra gente ae.

Abaixo eu coloquei uma prévia. Postei no meu Flickr. Já dá pra ler alguma coisa, mas comprem a Revista, pois também tem uma matéria bem interessante falando com o camarada Marco Gomes, falando sobre a boo-box.

Primeira Página.

Segunda Página.

Terceira Página.

Finalizando…

Não vou me estender muito. Qualquer coisa, estamos ae. Aquele abraço.

[ 15/Abr/2008 às 13:48hrs ] [ Por Bruno Dulcetti ] 8 Comentários |

Categorias: Clipping, Pessoais, Tecnologia, Webstandards

» CSS Naked Day. Mas eu não vou tirar meu CSS não.

Hoje é o CSS Naked Day, ou o Dia do CSS Nu. Já falei sobre ele uns dois anos atrás. É uma data onde você tira seu CSS e mostra para todo mundo que seu código é estruturado de forma correta e tudo mais.

Mas por que você deixou seu site com CSS então Dulcetti?

Cara, sigo na mesma idéia do Henrique, tanto que ano passado nem cheguei a fazer e comentar.

Meu site é bem estruturado e pronto. Você duvida? Então tire o CSS e veja. Não vou retirar o meu CSS para outros verem que meu HTML é correto e estruturado, porque as pessoas que frequentam este blog estão querendo informação, conteúdo e ele aparece assim, todo sem estilo? O que o cara tem a ver com isso?

Fora que a outra parte, os assinantes do meu Feed, praticamente boaGrandeMeteóricaModafoca parte é desenvolvedor e entende bem(será?) disso. E se quiserem confirmar, retirem o CSS pelo Firefox, Opera ou browser semelhante.

Calma Bruno, calma…

Relaxa, sem exaltações. O que me faria mudar de idéia talvez, seria porque eles estão linkando as pessoas que estão participando disso. Mas deixo pra lá, não vou deixar meu site “nu” por um link.

[ 09/Abr/2008 às 10:43hrs ] [ Por Bruno Dulcetti ] 14 Comentários |

Categorias: CSS, Webstandards

» Ego lança nova versão seguindo os novos Padrões Globo.com

É pessoal. Mais um site do Portal Globo.com lança sua nova versão, totalmente leve, seguindo os novos padrões de implementação criados ano passado. Dessa vez foi o Portal Ego que lançou seu novo layout. Agora os sites que estão nos novos padrões são os seguintes:

1. Home Globo.com
2. G1
3. Globo Vídeos
4. Ego

Agora só falta o Globo Esporte.com lançar sua “nova cara” para o público. Isso, logicamente, nos sites com maior visibilidade na Globo.com. Ainda faltam outros diversos. E fica óbvio o motivo pelo Globo Esporte ser o mais demorado: o tamanho. É um site bem grande, com variações absurdas, muitas páginas, etc.

Legal Dulça. Ficou bem diferente do antigo né?

Sem dúvida. E isso será sempre a primeira coisa que vão pensar. É uma mudança muito grande e de possível demora pra acostumar com o novo padrão, principalmente pro Ego, que antes tinha um site todo colorido, bela identidade, etc.

Verdade Bruno. O que você achou desse novo layout?

Como está seguindo os padrões, achei muito bom, mas temos que frisar esse novo padrão, que tudo está mais organizado, mais limpo, mais leve, mais usável, etc.

Mas se eu for comparar com o layout antigo, prefiro muito mais o antigo. Era mais a cara do Ego e do público alvo do site. Cheio de frescurinhas, detalhes, sombras, transparências, etc. E como agora, nos novos padrões, isso foi deixado de lado, acabou ficando menos bonito, digamos assim.

Mas como disse antes, seguindo os novos padrões, acho que chegaram num resultado muito bom.

E você Dulcetti? Fez algo ae?

Bom, praticamente toda a parte client-side HTML e CSS. Fiz em conjunto com o Rodrigo, vulgo sapão, mas ele entrou de férias logo em seguida e pegou poucas páginas, com isso, acabei pegando o projeto quase todo sozinho.

Eu destaco a implementação dos novos destaques do site, que antigamente eram feitos com os textos exportados nas fotos e agora eles ficam por cima da foto, com texto puro mesmo, facilitando aos profissionais que sobem as notícias e destaques.

Novos Destaques do Ego

Exemplo do Destaque do Ego

A implementação desse destaque foi bem chata, principalmente para deixar igual em todos os browsers, incluindo os do Mac. Mas foi rápido, com todos os detalhes que foi chato. Mas mesmo assim, ainda não ficou 100%, porque alguém deve ter metido a mão enquanto eu estava de férias, ferrando tudo. Fazer o que né.

Nova Galeria de Fotos do Ego

Exemplo da Galeria de Fotos do Ego

Essa galeria, de início foi meio chata, pelo detalhes, efeitos, entre outras coisas. Mas também foi rápida. Agora ela será a Galeria padrão, deixando de lado aquela atual em flash que eu não acho muito agradável.

Gostei muito desses exemplos hein Dulça. Como você fez?

Bom, isso eu comentarei nos tutorias que eu farei para eles. O do destaque já foi iniciado, mas vai ser bem longo por causa dos detalhes. Mas prometo este ano colocar os dois aqui no Blog.

Finalizando…

Bom, é isso. Espero que gostem. Já espero um monte de críticas e bombardeios ao novo layout, é normal isso acontecer. Mas lembre-se, eu não fiz o design, só o código HTML, portanto, não venha me xingar. Outra coisa, lembre-se dos novos padrões, por isso, não venham falar que queriam ver pássaros voando, uma gostosa rebolando e várias firulas.

Ah, em relação ao código, não se esqueçam do Vignette, ele estraga muita coisa

Aquele abraço.

[ 11/Mar/2008 às 12:56hrs ] [ Por Bruno Dulcetti ] 9 Comentários |

Categorias: Globo.com, Pessoais, Tecnologia, Webstandards

» Campus Party rolando até de madrugada

Pessoal que está acompanhando o Campus Party está aproveitando até o máximo, tudo que se pode aproveitar, o máximo de tempo. Agora, umas 04h, pessoal começou a jogar Counter Strike entre rede. Sucesso total. Tudo que eu precisava… Mas a merda eh que eu preciso tirar uma soneca, dar aquela cochilada, só para aproveitar, decentemente, o dia de amanha, senão ferrou.

To indo agora, e o pessoal vai me dando razão para partir e tal.

Amanha tem o filme que terei que filmar e talz, por isso eu acho que eh uma boa dar uma cochilada, senaum vai ser meio bizarro, apesar de naum rolar praticamente nada…

Finalizando…

Fui que fui, encontro vocês lá.

[ 13/Fev/2008 às 6:01hrs ] [ Por Bruno Dulcetti ] 1 Comentário |

Categorias: Webstandards

» Campus Party - Primeiro dia efetivo

Falae galera. Dulcetti na área e no Campus Party. E é meu primeiro dia efetivo no evento, pois ontem tivemos problemas durante o caminho até São Paulo.

E o que que tá rolando ae Dulça?

Bastante coisa. Hoje o Videolog apresentou o concurso que montou para a criação de um plugin/widget. O prêmio para o vencedor é uma TV LCD 22″, um prêmio e tanto para os desenvolvedores produzirem algo relativamente fácil para eles.

No que se baseia esse concurso Dulça?

O Videolog abrirá a sua API, o que é uma notícia e tanto para os desenvolvedores. A data prevista ainda não está declarada, mas estamos vendo a possibilidade de isto acontecer. Com isso, os desenvolvedores poderão criar vários aplicativos, interações com o portal, enriquecendo ainda mais o próprio.

Rolou mais alguma coisa de interessante Bruno?

Várias palestras em todas as áreas. Teve uma pequena (re)apresentação daquele robozinho simpático que responde as perguntas das pessoas, mas somente em inglês. Mas até que ele é bonitinho, simpatico e responde direitinho as perguntas.

E logicamente que esse foi o principal ícone do evento, pelo menos até agora. Infelizmente não pude ver o Ministro Gilberto Gil falando asneira por aqui no evento, mas tah valendo.

E a comunidade blogueira Dulça?

Está fazendo sucesso e comparecendo com toda força no evento. Estou revendo vários camaradas blogueiros que conheci nos blogcamps da vida, etc.

Que legal Brunaum. Teve algo especial sobre blogs?

Teve sim. A blogueira do flickr compareceu, vai fazer uma palestra pra imprensa amanhã, mas especialmente pros blogueiros, ela ficou batendo um papo, em inglês e talz. Tudo isso nos puffs do flickr, que está com um stand sucesso total, com umas meninas espetaculares.

De resto, a galera blogando direto e postando no twitter, logicamente.

Ah, vale lembrar também o conhecimento do blogueiro Henrique Costa Pereira, do Blog Revolução etc, onde tiramos fotos, zoamos um bocado e batemos um papo rápido. Gente boa o rapaz, diferente do que eu até tinha pensado que ele fosse. Amanhã e outros dias iremos bater um papo legal sobre a área de atuação, já que o meu blog foi lançado praticamente na mesma época que o dele. A única diferença é que ele tem só mais d 10x mais de assinantes no feedburner… uahuauhuahuahuua… Mas tah valendo, sem problemas. Eu chego lá

Os Barcamps da vida…

Teve Barcamp também. Mas eu não tenho muito saco de participar mais disso não. Os assuntos são muito repetitivos, sempre monetização, posts patrocinados, entre outras coisas já abordadas nos Blogcamps da vida. Mas talvez tenha sido proveitoso para o pessoal que monetiza o seu blog né.

E os stands Dulcetti? Estão legais?

Estão muito bons. O primeiro andar está cheio de coisas legais, stands com games, simuladores, até stand da marinha do Brasil tem aqui, com algumas tecnologias utilizadas por eles, exército e aeronáutica.

O stand da Microsoft também está bem bacana, bem estruturado, apesar de achar a localização meio desfavorável, mas tá valendo. Tem um stand da Caixa Econômica Federal, coisa que fiquei revoltado, pois não tem do Itaú, já que todos dizem que existe em todos os lugares do mundo né, mas tá blz.

O stand de massagem está sucesso, pena que a fila para as massagens, etc, estão meio longas, mas vamos ver se consigo fazer isso até o final do evento.

Por enquanto o melhor é o do Flickr, que está com ótimas mulheres, idéias legais e iMacs sensacionais. Jogos para ganhar contas prós para o site, e eu consegui a minha :D, fantasias para você tirar fotos para eles postarem no site e tudo mais. Estão de parabéns na minha opinião.

A internet…

O que eu achei que pecou um pouco foi a internet. Pelo menos a wireless, porque quando eu saía, para ver algo, alguma palestra, o macbook caía e eu ficava completamente revoltado, mas tá valendo né, fazer o que. Tinha que me contentar com a conexão a cabo. Mas pelo menos essa estava de bom tamanho, já que o link é de 5GB.

E de resto Brunaum?

Bom, de resto foi o almoço, que foi sucesso total e me manteve aceso e firme até agora e a missão foi cumprida.

Finalizando…

Amanhã tem mais evento e aqui finzalizo meu primeiro post decente e oficial sobre o Campus Party. Aquele abraço.

às 0:59hrs ] [ Por Bruno Dulcetti ] Comente |

Categorias: Webstandards

» IE reconhecendo corretamente o CSS 2.1 e com vários bugs corrigidos

Meu camarada Mico publicou no Blog dele e eu não tive como não publicar aqui. Talvez alguns não o sigam, etc.

Foi publicada uma Biblioteca JavaScript que resolve vários problemas, bugs, que o deixavam totalmente louco e descabelado porque o IE não aceitava.

Como assim Bruno?

Quem nunca passou algum problema com o IE, nenhum bug ou defeito no CSS taque a primeira pedra. Creio eu que todos já passaram por isso. Tanto por seletores, problemas com background com PNG, etc. (Esse então, aff.)

Meu Deus Dulcetti. É uma benção isso tudo!

Bom, eu espero que sim, mas não fique tão empolgado, não se esqueça que é o IE e tudo pode acontecer. Mas pelas explicações dadas pelos sujeitos que desenvolveram essa Biblioteca, o IE 5, 6 e 7 ficariam como o IE 8, com todas as funcionalidades resolvidas:

• supports the following CSS selectors:
  1. parent > child
  2. adjacent + sibling
  3. adjacent ~ sibling
  4. [attr], [attr="value"], [attr~="value"] etc
  5. .multiple.classes (fixes bug)
  6. :hover, :active, :focus (for all elements)
  7. :first-child, :last-child, only-child, nth-child, nth-last-child
  8. :check, :disabled, :enabled
  9. :empty, :contains(), :not()
  10. :before/:after/content:
  11. :lang()
• supports imported style sheets
• preserves the cascade of the style sheet
• does not alter the document structure
• does not repeatedly query the DOM tree using JavaScript
• uses pure CSS to enforce style sheet rules
• supports the W3C box model in both standards and quirks mode
• supports fixed positioning (flicker free)
• supports overflow:visible
• supports min/max-width/height
• fixes broken (X)HTML elements (abbr, object)
• standardised forms behavior
• supports PNG alpha transparency

É bem pequena, tem apenas 11kb e funciona a partir do IE 5+ pra Windows. Fora que basta somente uma linha de código, um src de um javascript, que todos os seus problemas acabam. (Se Deus quiser).

<!--[if lt IE 8]>
<script src="http://ie7-js.googlecode.com/svn/version/xx.x/IE8.js" type="text/javascript"></script>
<![endif]-->

Sucesso Total Dulcetti!

Hey rapaz, isso quem fala sou eu! Mas tudo bem, eu deixo vc falar tb

Bom, creio que você não vai querer matar todos os desenvolvedores do IE agora. Pelo menos por enquanto né.

Finalizando…

É isso. Caso você ache algum problema, por favor, não venha perguntar a mim, me mandar email. Vá reclamar com quem fez ok? Muito obrigado, volte sempre.

[ 08/Jan/2008 às 19:13hrs ] [ Por Bruno Dulcetti ] 7 Comentários |

Categorias: Acessibilidade, Tecnologia, Webstandards