A campanha é simples, basta copiar uma linha de script e colar em seu site ou blog. Qualquer usuário de IE6 que acessar, será mostrado uma barra no topo sugerindo a atualização do navegador, com link dos navegadores mais utilizados. Visite o site da campanha. Não deixe de participar!

Divulgue!!

Desculpem por ficar uma semana sem post, estou preparando um artigo que será necessário dividir em 2 posts. Se trata de um fato ocorrido comigo e achei perfeito fazer uma analogia com nosso dia-a-dia. Fiquem atentos ao feed, tenho certeza que irão gostar.

Vamos lá…

BestWebGallery

BestWebGallery é uma galeria para inspiração no desenvolvimento de sites. A boa variedade agrada a qualquer visitante, principalmente pela qualidade dos layouts. Aqui não mediram esforços para disponibilizar um bom conteúdo aos seus leitores. Site nos padrões Web e aceita feed. A cada click, abre uma nova janela com o layout selecionado, que não passa de um site real.

CSS Library

O próprio nome já diz, uma vasta biblioteca de conteúdo para CSS. Lá podemos encontrar todo tipo menu, tratamento com imagens, formulários, DIVs, links, layouts de 2, 3 colunas, larguras fixed e liquid. E ainda há a possibilidade de contribuir com algum código desenvolvido por você. Confira também as várias dicas de serviços on-line para auxiliar seu desenvolvimento.

FontStruct

Essa foi uma brilhante idéia. Compartilhe facilmente fontes criadas por você. Através de um editor prático e intuitivo você consegue desenvolver as próprias fontes. Há uma seção chamada “Gallery” dispondo das mais variedades fontes criadas por outros usuários. Se o criadores fizerem tudo certinho, acredito que futuramente este será o maior centro de fontes na internet.

HTML.Net

Na minha opinião a melhor maneira de aprender sobre HTML e CSS é através da Visie. Disso não se discute. Mas esse site traz dicas bem interessantes e um passo-a-passo bem prático. Separado por tópicos você consegue navegar facilmente acompanhando as imagens e os exemplos. Recomendo para iniciantes.

Motismo

Um serviço on-line muito simples. Sua simplicidade o torna excelente. Por falar nisso, tudo na web tem que ser simples, esse é o objetivo. Motismo é uma ferramenta web para gerenciar suas tarefas rapidamente. Através de um cadastro inicial, você criar seus projetos e as tarefas para cada um deles. Depois disso acompanhe o tempo de cada tarefa e verá que após algum tempo de uso, tudo vai ficando documentado e organizado. Ideal para prestar contas de seus afazeres ou passar relatórios aos seus clientes.

Photoshop Lady

Posso dizer que esse é o site. Com recursos de feed, você pode acompanhar em seu agregador os lançamentos quase que diários dos tutoriais de altíssima qualidade. Todos passo-a-passo com textos e imagens explicativos. O autor prioriza a qualidade e o padrão do conteúdo. Há a possibilidade de votar em cada um dos tutoriais e visualizar a quantidade de horas necessárias para executar. Assinatura recomendada.

Social Scan

Um serviço um tanto diferente. Não há seções, apenas uma página principal. Insira a URL e verifique a popularidade de seu site ou blog em vários social sites. Veja lá o seu.

How many Cannibals could my body feed?

Já parou pra pensar quantos canibais seu corpo consegue alimentar? Pois bem! Nem eu. Para finalizar essa edição publico algo bem engraçado de se conhecer. Responda as perguntar e descubra a resposta. Nada útil! Pelo menos conhecerá o número de estômagos que serão alimentados quando…

Começamos com um especial: CSS Hacks & Issues. O pessoal disponibilizou 8 dicas e truques em CSS para garantir a qualidade e compatibilidade de seus trabalhos. Vejam os tópicos:

1. Introduction
2. Browser-Specific selectors
3. Transparent PNG’s in IE6
4. Removing dotted links
5. Applying a width to inline elements
6. Centering a fixed width website
7. Image replacement technique
8. Min-width

Abra os exemplos aqui: SolidStateGroup

Coleções

25 Icones vetoriais
Etiquetas vetoriais
20 Icones png
CSS Templates
Mais CSS Templates
Icones (Camera Icon, Air Mail, Safari e 150 Pixel Icons e mais)
Fresheezy – Temas para WordPress e outros
Fontes no estilo caneta de pena
Mais 30 fontes estilizadas
500 formas (shapes) de estrelas para Photoshop
42 estilos de botões para Photoshop (tendência web 2.0)
19 ícones de alta qualidade
100 ícones de alta qualidade
Mais 100 ícones de alta qualidade
Actions interessantes para Photoshop
Temas para blogs
Ícones de pasta
Bruhes de alta resolução para Photoshop
5000 ícones
Excelente dingbat fonts
Site só com brushes
Mais brushes para Photoshop

Scripting

iCarousel – OpenSource JavaScript
Plugin para jQuery – Efeito de transição de imagens
GlassBox – Crie muitos efeitos com este plugin usando Prototype e Script.aculo.us
Polar Clock
Facebox – plugin jQuery para exibir janelas estilo Facebook
Spry – Frameword da Adobe para programar Ajax
Piwik – OpenSource Web Analytics
Fading Header
Flowplayer – Excelente vídeo player para seu site
Cropper UI – Recorte suas imagens em JavaScript (Prototype + Scriptaculous)
MoreCSS – JavaScript que usamos no dia-a-dia
Personalize seu blog WordPress com a função query_posts()
Password Strength Checker – JavaScript para verificar complexidade de senhas
10 efeitos em JavaScript para seu site

Stuff

Optimus Maximus Keyboard
Excelente, abandonware!

Serviços online

Compartilhamento de fotos “proibidas”
Vetorizador de imagens
Emuladores de celulares (maioria das marcas e modelos)
Pingue seu blog em vários serviços de uma vez só
Valide seu feed
Descubra o valor de seu site
Gerador de selos
Organizador pessoal
izzyMenu – Criador de menus em CSS
Crie abas com o YUI Tabs
“Muléres”, simule sua maquiagem (não sei como cheguei aqui e nem quero saber)

Tutoriais

Marcação a ferro quente
Efeito Grama

Referências / Conceitos

Diferença de cores na renderização entre Firefox e Safari
Blog sobre logo design
Outro blog sobre logo design
Evolução das marcas famosas
Aviary – Suite para aplicações RIA
Galeria de demos usando a API do Google Maps
Entenda RSS
Referência completa HTML
60 excelentes referências para CSS

Ufa! Fim, envie seus comentários.

Divulgue seus posts originais aqui na série “Dicas Interessantes” no Alvo Conhecimento, entre em contato comigo. A referência será também publicada.

Qual é a singularidade entre todos esses browsers, ou versões?

Muitos de seus desenvolvedores fazem parte do HTML WG e fizeram esses lançamentos com pequenas rotinas de renderização do HTML 5. Claro que estamos falando de versões beta. É um avanço para a web, pois vai ajudar -e muito- o descobrimento de algumas dificuldades ou particularidades na etapa de desenvolvimento por parte dos web developers, detectar discrepâncias e principalmente iniciar um contexto comum para os desenvolvedores. Seguindo esse raciocínio, é muito importante nós, como desenvolvedores baixarmos essas atualizações e colocarmos a mão na massa.

Anne van Kesteren da Opera postou recentemente um artigo sobre o IE8. O mesmo quase passou no teste da Acid2 e que houveram vários melhoramentos no suporte ao CSS, mas que ainda faltam alguns ajustes específicos a serem trabalhados. Um dos tópicos foi sobre ARIA, um mecanismo para melhorar a acessibilidade das aplicações web, especialmente os de conteúdo dinâmico. Ponto importantíssimo, leitura recomendada. Mas gerou certa “movimentação”. Sobre esse ponto destacado por Anne, houve uma discussão interessante via mailling entre os desenvolvedores membros do WG, então Simon Pieters (Opera) decidiu iniciar publicamente um pequeno debate sobre o assunto.

Como dito, Simons Pieters (Opera) abriu uma discussão pública sobre o assunto, houve uma interação muito interessante entre eles. Chris Wilson (Microsoft) comentou que Anne não foi clara na afirmação, mas agradeceu pela colocação, e mais, estaria colocando um desenvolvedor para estudar o problema. Em resposta, Anne foi “mais clara”, faço questão de postar o original aqui:

Anne van Kesteren:

In IE8 you can do
element.ariaDisabled = true
This is not possible in any other browser. In other browsers you are required to do
element.setAttribute(“aria-disabled”, “true”)

Finalizando, Chris Wilson (Microsoft) respondeu: Agora está claro!

Reparem no que Anne comentou: uma implementação particular do IE8, ou seja, não há em nenhum outro browser. Enquanto “esses outros” permaneceram num padrão estabelecido. Caro leitor, já assistimos esse filme, não?

No desenvolvimento web nada é perfeito, esses feedbacks são comuns entre eles. Há muita informação pública e podemos ter conhecimento da maioria dos acontecimentos. É interessante esse contexto, vemos que a coisa pode estar realmente sendo levado a sério. Concluímos que as discussões apresentadas em sites e blogs do mundo todo são com toda certeza discutidas oficialmente entre os membros do HTML Working Group.

Fonte: W3C