Conheça os principais serviços:

WordPress.com

Serviço online de blogs, comtem diversos plugins e temas, porem sua personalização é um pouco limitada, é possivel criar um blog gratuitamente que terá a terminação .wordpress.com (blogexemplo.wordpress.com) também possui boa integração com sistema de buscas.

Blogspot (Blogger)

Um dos primeiros e mais famosos serviços de blog, o Blogspot hoje pertence ao Google. Em comparação com o WordPress o Blogspot é infinatamente maior, possui mais opções de personalização.

Tumblr

O Tumblr chegou com uma proposta inovadora, de tornar os blogs mais bonitos e acessíveis, com posts simples e design elegante, ainda é possível seguir alguns blogs.

WordPress.org

O wordpress também permite que os usuarios façam download do seu codigo fonte para utilizar em seus próprios projetos, usando um dominio e hospedagem independentes, é o caso da maioria dos blogs do mundo, até mesmo do próprio tudibao. De posse do codigo fonte, é muito melhor manusear e personalizar o wordpress de acordo com a sua vontade.

Minhas recomendações:

Para blogs pessoais penso ser melhor a utilização do WordPress.com ou Blogspot, pois facilitam a edição e são ferramentas rápidas;

Para cotidiano, o Tubmblr pode lhe servir muito bem, pois permite criar uma rede de seguidores; e

Para porftolios ou blogs maiores, que realmente serão levados a sério como projeto, a utilização do WordPress.org é mais recomendada, pois permite a instalação no seu próprio dominio, além de permitir a instalação de temas exclusivos.

E você, utiliza algum outro serviço ou tem alguma dica para nos passar?

O ano está acabando e junto vem aquela retrospectiva do que aconteceu de melhor no ano.

E esse ano foi incrível para web, sendo que posso listar rapidamente:

• O Chrome passou a frente do Firefox;
• O Internet Explorer perdeu mercado e lançou uma versão “utilizavel”;
• A mobilidade ganha um espaço cada vez maior; e
• Mais pessoas estão abolindo o uso indevido de flash, inclusive a própria Adobe.

Vou listar abaixo algumas compilações de diversos blogs que listam os melhores artigos do ano:

• Os melhores plugins de jQuery
• Os 20 melhores sites que usam css
• Os 40 melhores tutoriais de Photoshop 
• Os 15 sites mais bonitos de 2011
• Os 40 melhores tutoriais de Ícones

É de “encher os olho” tantas referências e inspiração. Espero que essa compilação seja tão útil para você quanto foi pra mim.

Boas Festas! Nos vemos na próxima semana.

Seção 301, Parágrafo (a) (2) (c) Decreto S. 1618, Título Terceiro aprovado pelo “105 Congresso Base das Normativas Internacionais sobre o SPAM – O email não é considerado SPAM quando inclui uma forma de ser removido.

Parece simples de cumprir, não é mesmo? Mesmo assim as empresas (ou seus Web Designers / Desenvolvedores) muitas vezes tentam “camuflar” a tal opção de “descadastrar” no rodapé do email, bem lá embaixo, escondido, tentando inibir que o leitor faça isso. Tenho sentido isso “na pele”, pois atualmente tomei a firme decisão de acabar com o monte de emails que enchiam minha caixa diariamente.

Vejam alguns exemplos dessa prática que tem me “cansado” esses dias (os “recortes” apresentados estão em tamanho e cor original, não tendo sido modificado nada do original recebido, somente apaguei o nome das empresas):

O link vem numa fonte bem menor: para você não enxergar

Cade?!? Colocam um fundo quase da mesma cor do link

Cadê o link? A estratégia e camuflá-lo com muito texto e nos vencer pelo cansaço

Que tal esconder o link com uma cor e fonte que não se lê?

Tentando camuflar: os outros hiperlinks estão em azul e esse em preto

Existe o texto para "Remover", mas não é um link (não funciona)

Alguns ignoram tudo e nem incluem link = ISSO É SPAM

E não para por ai, tem ainda os “complicadores”, depois do clique no link:

• Em alguns casos, abre um email para você enviar à empresa (que, por experiência, não resolve nada);
• Muitas vezes esses emails retornam com erro (porque o endereço oferecido não é real);
• Em outros casos o link de descadastro não leva a página alguma (dá erro);
• Tem casos que abre a página da empresa (produto/serviço) e não é para descadastrar;
• Algumas páginas, para descadastrar, você tem que dar vários cliques, responder porque quer deixar de receber aqueles emails chatos, digitar um número de confirmação…

Ainda tem que digitar código? Pra que essa dificuldade?

Enfim, só dificuldades para tentarem fazer-nos desistir. Ai eu pergunto: Adianta camuflar ou dificultar para que quem recebe se descadastre?

Se a pessoa não quer receber é porque não se interessa por aquele assunto, produto, serviço, ou seja, caso não se descadastre (até pela falta de tempo em ficar clicando), ela pode bloquear o remetente ou, o que geralmente acontece, exclui rapidamente sem se dar ao trabalho de ver o conteúdo. É só para conseguir aumentar o número de endereços de emails e enganar o cliente? Quantidade não é sinônimo de resultado!

Bom, em minha modesta opinião, A LEI É FALHA, pois deveria deixar clara que a forma de se excluir da lista de recebedores tem que ser DE FÁCIL ACESSO (logo no topo do email), LEGÍVEL, DESTACADA e SEM DIFICULTAR (nada de “mil” cliques online).

Então minha dica para os Web Designers e Desenvolvedores:
Não adianta, se o leitor não quer seu conteúdo, seja (PELO MENOS) gentil com ele e permita um descadastramento simples e rápido, que é também uma forma de mostrar sua competência e profissionalismo.

Não “encha o saco”, nem “force a barra”. Apesar de consumidores parecerem “tolos” (porque podem comprar por impulso), o excesso de emails marketing que chegam diariamente está estragando esse canal de comunicação.

Eu sou fã de carteirinha da plataforma WordPress, tanto para desenvolvimento de blogs quanto de sites em geral.
Ele é um excelente CMS e, pra quem não conhece, vale a pena experimentar.

No Painel de Temas você tem uma lista de todos os temas instalados no seu WordPress, vou utilizar como exemplo o Painel do Web Design Blog:

Observe que o tema que esta ativo aparece em destaque no topo, no nosso caso o WP-Framework, que foi o framework que utilizei como base para criar o tema do site.

Diferente de outros CMS, o nome do tema não está em um arquivo PHP, HTML ou XML, ele se encontra dentro do arquivo styles.css, isso mesmo, um arquivo CSS.

Abrindo o style.css, que geralmente está na pasta raiz do template, você vai ver que toda a descrição do tema está em forma de comentários, no topo do arquivo.

Basta fazer as alterações seguindo os campos apresentados.

• Theme Name: Nome do Tema
• Theme URL: Website do tema
• Version: Versão do Tema
• Description: Descriçao do tema
• Author: Autor
• Author URL: Website do autor do tema
• Tags: Tags relacioadas ao seu tema.

Como fiz as alterações com base do web design blog, meu arquivo style.css ficou assim:

E para alterar a imagem do tema que aparece no painel? Simples, basta criar uma imagem PNG com o tamanho 300px x 225px, salvar na pasta raiz com o nome “screenshot”.

Depois das alterações, nosso painel de temas ficou assim:

Pronto, alterações feitas sem muita dor de cabeça.
No futuro vou falar sobre o WP Framework, esse excelente tema que utilizo sempre que vou trabalhar com wordpress.

Este artigo lhe foi útil? Então não deixe de comentar!

Com essa nova demanda do mercado, surgiram diversas ferramentas online que auxiliam no desenvolvimento de páginas com essas novas tecnologias. Hoje trago uma das que mais utilizo que é o CSS3 Generator.

O CSS3 Generator é uma ferramenta online que auxilia na criação do código CSS, por exemplo:

- Para fazer com que que as bordas de uma div sejam arredondadas, você pode escolher a ferramenta borde-radius:

Aí é só colocar o valor que você deseja, no meu exemplo foi 80 px

Pronto! Basta copiar o código que ele gerou e colocar no seu arquivo CSS.

Então fica a dica: acesse o CSS3 Generator, faça suas experiências e depois conte-nos o que achou!

Eu não sentia o “peso” do flash quando usava Windows, mas, ao trocar minha plataforma de trabalho para MAC, percebi que esse plugin é uma verdadeira “tortura”, consome muita memória, é lento e trava meu navegador várias vezes, no Linux então…

Além de tudo isso, muito se especula sobre o que a Adobe irá fazer em relação a todo esse movimento “anti-flash“; pois ela acabou de lançar com o Adobe Labs, o programa Adobe Edge Beta, ou seja, ainda está em fase de desenvolvimento.

Mas o que esse programa tem de tão interessante? Eis a resposta: Ele faz o que o flash faz, só que sem flash. Como isso é possível? Utilizando, claro, as novas tecnologias de Javascript, HTML5 e Css3.

Praticamente todos os navegadores modernos possuem suporte a boa parte dos recursos do HTML 5, inclusive o IE (versão 9), por isso é importante manter seu navegador atualizado.

Usar HTML 5 torna o projeto muito mais leve, até porque os navegadores novos possuem suporte a aceleração por hardware, que renderiza as páginas muito mais rápido.

Mas o que vai acontecer com o Flash?

Eu acredito que o mercado para ele vai se tornar mais específico e não que seja o fim do produto, afinal o flash é utilizado para diversas outras coisas além da web, como apps, animações, etc.

Portando, mãos na massa! Faça o download do Adobe Edge , pois enquanto estiver nessa fase Beta é gratuito.

Aproveitei para visitar o canal do Lucas no Youtube  e achei outro vídeo que mostra como ele utiliza o computador e navega na web.

Pra começar segue o vídeo de utilização de leitores de tela no computador:

Incrível a habilidade que ele tem não é?

Pois bem, esse vídeo ressalta coisas muito importantes, que muitas vezes deixamos de lado que é a acessibilidade nos websites. Pensamos sempre nas diversas resoluções, mudanças de cor dos monitores, contraste, mas a parte que facilita a leitura por programas que auxiliam portadores de limitações fica sempre de lado.

Por isso é importante ter todos esses criterios em vista, algumas dicas você já pode seguir, como:

• Colocar descrições e textos alternativos (alt=” “) nas imagens e links.
• Evitar a criação de menus utilizando imagens, com as novas técnicas de CSS é muito fácil deixar as imagens de lado.
• Evitar ao máximo o uso de flash e caso seja necessário, utilize como auxiliar, nao como ferramenta principal de seus projetos.
• Montar o Html de página seguindo uma ordem de importancia de conteúdo, nada de deixar o menu la embaixo!

Aproveitando também, deixo o outro vídeo do canal dele que mostra a como funciona a utilização de um dispositivo com IOS (iPad/iPhone/iPod):

Tenho de admitir que o Apple tem uma preocupação com a acessibilidade muito maior do que outros dispositivos (Android/Symbian), já testei alguns leitores de tela no meu aparelho android mas a experiência passou muito longe desse recurso VoiceOver nativo do IOS.

Com esse vídeo aprendemos que a acessibilidade deve ser um ponto importante em todos os projetos que pretendemos trabalhar, seja um website, um programa, um aplicativo, interface mobile, etc.

E aproveitando, gostaria de dar os meus parabéns ao Lucas e a Apple, que me surpreenderam.

A inspiração pode ser adquirida com muita pesquisa, bases e fundamentos, de diferentes fontes.

E de onde você pode absorver esse conteúdo? DE TUDO! Uma visita ao parque, museu, ver um filme, cinema, passear pela calçada, leitura de artigos, ver blogs, portfolios, cases de sucesso, ver “gente”, etc.

Então hoje, trago alguns dos meus sites favoritos, onde você poderá encontrar muitos projetos interessantes de diversas áreas como: design, fotografia, arquitetura, etc.

FFFFound
Site com conteúdo variado e extenso, que considero um dos melhores websites de inspiração e projetos do mundo todo.

Creattica
Excelente aglomerado de trabalhos, em diversas categorias, onde destacam-se os projetos de logos e propagandas

Dribbble
Rede social para designers postarem o que estão trabalhando, sendo como um “twitter” exclusivo para designers.

Para participar postando seus trabalhos é necessário conseguir um convite (coisa rara), porém é possível criar um perfil de comentarista e visualizar os projetos.

Behance Network
Também uma rede social voltada para quem trabalha com design, fotografia, arquitetura, etc.

É possível comentar, postar seus trabalhos e, ainda, integrar com serviços, como o Prosite, um serviço que permite a criação de um portfólio online.

Logolícia
Site nacional onde é possível postar e comentar logos criadas por diversos designers/agencias brasileiras.

Existem outros grandes sites cheios de referências, sendo que eu listei os que mais visito. Você também conhece algum? Então compartilhe com a gente!

O que é o Arquiteto da Informaçao?

Ele é o profissional que tem como missão organizar padrões de dados e transformar  o que é complexo em algo mais claro, ou seja, ele é responsável por analisar e organizar o conteúdo de um projeto e definir a melhor forma de apresentar esta informação ao usuário.

Qual a importância dele no desenvolvimento de um website?

É de extrema importância contar com uma Arquiteto da Informação ou pelo menos fazer um estudo sobre a arquitetura da informação dentro de seu website.

Isso facilita todo o processo de desenvolvimento e criação, pois você já vai saber onde e quais informações são importantes destacar e como diagramar o restante do conteúdo, inúmeras agências, de pequeno a grande porte, contam com esse profissional.

Eu posso ser um Arquiteto da Informação?

Se você gosta de estudar o comportamento dos usuários, é paciente e tem facilidade em organizar coisas, essa é a profissão ideal para você.

Existem diversas vagas de trabalho no mercado e essa é uma das profissões que serão mais valorizadas nos próximos anos.

Você pode obter mais informações e mais alguns  artigos sobre esta profissão no site: arquiteturadeinformacao.com e mesmo que não tenha interesse em ser um AI, é sempre bom ter um pouco mais de conhecimento, principalmente pra quem trabalha como freelancer.

Caso você ainda não saiba, o HTML 5 é a evolução da linguagem de marcação HTML 4.1 e XHTML  1.1.

A diferença agora é que o HTML se tornou muito mais do que uma linguagem de formatação. No decorrer desses anos de desenvolvimento ele adquiriu e aprimorou diversos pontos que antes eram defasados ou inexistentes.

Teoricamente a versão final do HTML 5 só estará disponível em 2012, porém ela já vem sendo sendo largamente usada, principalmente quando otimizada para dispositivos móveis, como o Ipad,  que não tem suporte a animações ou vídeos em Flash.

Falando no Flash, seria possível criar animações em HTML 5 que tenham a mesma qualidade das animações feitas em Flash? Essa é uma questão muito controversa, fato é que o HTML 5 é muito poderoso, porém seu suporte é restrito apenas aos navegadores modernos, então o Flash leva certa vantagem.

Estamos entrando em uma nova era no que diz respeito a tecnologia dos navegadores, o grande destaque das novas versões é o suporte direto a aceleração por hardware, que possibilita que o navegador utilize a placa de vídeo do computador para processar as páginas, tornando seu carregamento muito mais rápido.

No mês de março fomos ofuscados pelo lançamento do novo Internet Explorer 9 que, segundo a Microsoft, agora possui suporte a HTML 5 e CSS 3 (evolução do CSS 2 que também está em desenvolvimento). Desde seu lançamento o Internet Explorer 9 já conta com 1,5% do market share mundial (percentual dentre todos os navegadores).

A Mozilla também lançou sua nova versão de navegador, o Firefox 4 que já foi baixado mais de 30 milhões de vezes e possui surpreendentes 3,8% do market share.

Parece pouco, mas não é, visto que ambos os navegadores estão há  menos de 1 mês disponíveis  no mercado.

Para mostrar o quão rápido é o tão famoso suporte ao HTML 5, a Microsoft lançou um hotsite onde é possível testar diversas aplicações desenvolvidas com a nova tecnologia e verificar o desempenho da nova versão de seu navegador, o  IE9.

Acesse a página IE Test Drive (Visite o site com um browser atualizado: IE 9 / Safari 5 / Chrome 10 / Firefox 4 / Opera 11)

A Mozilla também não ficou para trás e criou um hotsite ainda mais surpreendente, que contém diversas aplicações úteis e até mesmo alguns joguinhos. Todos desenvolvidos com HTML 5.

Acesse a página Web Open Wonder (Visite o site com um browser atualizado: IE 9 / Safari 5 / Chrome 10 / Firefox 4 / Opera 11)

Claro, cada um dos sites funciona melhor em determinado navegador, mas,  de modo geral, é possível perceber que estamos cada vez mais próximos de abandonar diversos plugins, que causam instabilidade e travamentos inoportunos nos navegadores, além de prolongar o tempo de bateria de diversos dispositivos.

E você, já fez algo utilizando o HTML 5? Já está com seu navegador atualizado? Não deixe de comentar, queremos saber a sua opinião.