Trancoso de Todos os Cantos

Off Topic: fonte: http://guiatrancoso.blogspot.com/

Vai acontecer nos dias 22 a 26 de Janeiro, 2012 em Trancoso Bahia. O evento "Trancoso de Todos os Cantos", que reunirá diversas expressões artísticas para promover um intercâmbio de gerações, culturas e nacionalidades. Confira o vídeo.

Portfólios de Designers brasileiros

Quem disse que a galera tupiniquim não manda bem em design?
Confira alguns inspiradores portfólios online de brasileiros.

1 - Renan de Souza - http://www.renandesouza.com




2 - Andre Alcalay - http://www.andrealcalay.com




3 - Evertt de Sousa - http://www.golpesdepincel.com

10 Extensões de Firefox Essenciais para Web Designers

Como web designer (e obviamente, usuário experiente da Internet), não há desculpas para você não utilizar o Firefox como seu navegador padrão. Se ainda não o usa, faça o download imediatamente.

Firefox não só fornece uma navegação topo de linha, mas também dá um barril sem fundo de funcionalidade que você simplesmente não vai encontrar em outro navegador.
Pelo fato de terceiros poderem desenvolver extensões e plug-ins para o Firefox, estão disponíveis ferramentas que pode transformar o Firefox num instrumento que aumenta a produtividade e diminui o tempo de trabalho.

Uma vez que existem tantas e diferentes extensões disponíveis para download, pode ser um pouco difícil escolher quais aquelas realmente úteis para o designner.

Portanto, resolvi listar aquelas que uso, e que realmente aumentam a dinâmica no processo de design para web.

Firebug
Com fireBug, você tem a habilidade de editar e “debugar” qualquer pagina que vc esteja visitando. Firebug te dá controle sobre o CSS, HTML e JavaScript de qualquer página. E o melhor de tudo, toda mudança que você faz vê-se o resultado instantaneamente. Sendo assim vc pode rapidamente testar diferentes mudanças e ver o resultado.

WebDeveloper
Este é um verdadeiro “canivete suíço” para qualquer desenvolvedor web. Possui uma barra de ferramentas, com diversas ferramentas úteis como habilitar e desabilitar estilos css, mostrar as “ALT TAGs” das imagens, redimensionar a janela do navegador para qualquer resoluções de tela, entre outras inúmeras funções que facilita e muito a vida do designer.

Colorzilla
Este é um extrator de cor, perfeito para por exemplo, quando se precisa criar uma imagem que mescle com o fundo sem que apareçam emendas. Colorzilla extrai os valores RGB, HEX de qualquer cor. E ainda tem a opção de adicionar cores favoritas entre outras funções.

MeasureIt
Permite medir altura e largura em pixels de qualquer porção de uma página.
basta clicar na régua no canto do navegador e arrastar o cursos sobre o que se deseja medir.
EX: muito útil para saber a largura de uma determinada página, e assim saber em quais resoluções de tela ela vai caber.

FireFTP
Cliente FTP para o Firefox, abre uma nova aba com um aplicativo FTP, facilitando muito o trabalho pelo fato de estar na janela no navegador.

Smush.it!
Essencial para melhoria de performance, esta ferramenta online com extensão para firefox, “compacta” consideravelmente o tamanho (do arquivo) das imagens do seu site, sem perda de qualidade. Basta entrar na pagina desejada, acionar o smuch.it e fazer o download das imagens reduzidas.

IE NetRenderer
Quem é web designer já deve ter se deparado com as “pedras no caminho” do Internet Explorer. Muitas vezes um layout perfeito para maioria dos browsers, pode aparecer bem bagunçado no IE especialmente nas versões mais antigas IE 6. Com o “IE NetRenderer” pode-se visualizar com o site aparecerá nas diversas versões do IE.

Wappalyzer
Esta extensão lê informações sobre o site que se está visitando e mostra na barra de status informaçoes sobre que ferramentas foram usadas no site. Avisa por exemplo se usou Google Analytics, se usou Java, ou se é baseado em CMSs. (como Joomla, Wordpress etc).

FireShot
Um excelente capturador de tela, o fireshot permite captura páginas inteiras e salva-las em diversos formatos, além de permitir inserir anotações e diagramas diretamente na sua captura, tornado possível por exemplo criar “explicações” de uma determinada pagina para um cliente.

E finalmente eu recomendo... Música para relaxar!
FoxyTunes
Por que não tornar o trabalho e o tempo na frente do PC mais agradável?!
com foxytune você controla qualquer media player diretamente do Firefox.
acredite música também pode aumentar sua produtividade, assim como qualquer coisa que reduza o stress do trabalho.

Essas são minhas dicas para você tornar seu Firefox numa poderosa ferramenta de produtividade.
OBS: visite https://addons.mozilla.org/pt-BR/firefox/ para mais complementos para firefox

E você? conhece alguma extensão útil para designers? Sinta-se à vontade de comentar e dar-nos seu “feedback”!

12 Galerias Temáticas de Sites

Se você etá constantemente buscando novas fontes de inspiração para seus projetos web, já sabe que existem sites especializados em listar outros "belos sites" para que estes nos ilumine as idéias! Porém, com o crescente número de sites assim, está cada vez mais difícil encontrar sites que nos inspire focalizando um determinado tema. A maioria das "Galerias de Sites", listam sites baseados em CSS sem muita classificação. Por isso resolvi postar algumas galerias temáticas interessantes. Aproveite e inspire-se!!




1-Claro no Escuro.
http://www.lightondark.com
“Light on Dark” é um mostruário de web sites bem concebidos, com texto claro sobre fundo escuro.

2-Baseado em Grids.
http://www.designbygrid.com
"Design by Grid" mostra sites baseados em grades e as ferramentas e técnicas utilizadas para fazer tais sites. Aqui além de uma galeria de sites em grid, você vai encontrar Links para tutoriais e instrumentos preciosos para quem desenvolve seus layouts com Grids.

3-Do jeito Horizontal.
http://www.thehorizontalway.com
A maioria dos sites na internet mostra os seus conteúdos verticalmente. Em alguns casos raros no entanto, o web site pode ser colocado de modo horizontal, fazendo o usuário deslocar para a direita. "The Horizontal way" exibe apenas sites desse tipo.

4-Qualquer Resolução.
http://www.cssliquid.com
Veja alguns exemplos de designs elásticos no "No Resolution" (Formalmente chamado CSS Lliquid). Alguns recursos e tutoriais estão disponíveis para te ajudar no seu próximo design líquido.

5-Portfólios de uma página.
http://www.onepagefolios.com
Muitos designers adotam o método "Portfólio de uma página só" em seus sites. Assim eles garantem que os visitantes vejam toda a página, tornado os seus serviços mais vendáveis.

6-Para amantes do WordPress.
http://www.welovewp.com
Para quem usa o WordPress, uma galeria de sites turbinados pelo WP.

7-Logos.
http://www.logopond.com
Logotipos enviados por usuários, com seleção dos melhores logos escolhidos a dedo.

8-Ilustrações.
http://www.illypads.com
Seguindo a mesma linha do "Logopond" seleção das melhores ilustrações enviadas por usuários

9-Páginas tipo "Em Breve..."
http://launchsoon.com/gallery.php
Uma galeria que de páginas próvisórias, para sites que ainda não foram lançados.

10-Cartão de Visitas.
http://www.flickr.com/photos/dailypoetics/sets/72057594104389710/
Um cartão de visitas com bom design pode despertar o interesse de um cliente em potencial. Veja aqui uma coleção inspiradora.


11-Por Elementos.
http://www.smileycat.com/design_elements/
Muito útil para quem precisa de idéias para um determinado elemento de web design, com menus ou rodapés. Exibe galerias separadas por elementos diversos.

12-Tipografia.
http://www.typesites.com
Typesites é um mostruário semanal de websites com design tipográfico interessante .

10 Dicas Para Botar Para Fazer!

Um acontecimento marcante para quem deseja crescer profissionalmente está para acontecer. É a “Semana Global do Empreendedorismo”. De 17 à 23 de novenbro em todo Brasil. A Semana faz parte da campanha nacional "Bota pra Fazer", que acontece durante o ano todo e tem como objetivo despertar a atitude empreendedora que existe em cada pessoa. Afinal, grandes invenções começaram de uma simples idéia.

Confira abaixo as 10 dicas “Para Botar Pra Fazer” e ser bem sucedido!!


1-Acredite nas suas idéias.
Senão, como conseguirá vende-las para os outros.

2-Sonhe Grande.
Sonhar grande ou pequeno dá o mesmo trabalho, mas um sonho inspirador faz toda diferença.

3-Determinação e perseverança.
Bons resultados demoram a chegar!

4-Ética e princípios.
Não dá para construir nada sólido com uma base frágil!

5-Tenha Foco.
Escolha o fundamental para a idéia funcionar e não abra demais o leque.

6-Simplifique.
Procure realizar as coisas da forma mais simples para não se complicar.

7-Gente.
Cerque-se de pessoas competentes para fazer as coisas funcionarem.

8-Transparecia.
Seja claro e honesto com todas as pessoas com quem se relacionar.

9-Barriga no balcão.
Experimente seu produto converse com clientes fornecedores e parceiros.

10-Não reinvente a roda.
Aproveite o que já funciona bem e aperfeiçoe; não precisa criar tudo do zero.

Este post é uma chamada para o Movimento!
saiba mais no site Bota pra Fazer e no site da Semana
Divulguem!

Primeiro Post: "Mordi a Língua!"

Blog ??Aah! Eu não perco meu tempo lendo essas baboseiras! Coisa de nerd! Recheio de lingüiça... É... Mordi a língua! Confesso que não posso passar dois dias sem dar umas boas foliadas, ou melhor, “roleadas” em alguns blogs. E pior assino os feeds de muitos deles!

O fato é, que muito se pode descobrir em blogs.!! O Primeiro que ganhou minha atenção, foi o Sedentário Hiperativo (um blog com posts, que vão desde, futebol à "Teoria da Conspiração" como o filme Zeitgeist). Bom depois desse, vieram outros...e outros.

Agora tô eu aqui, com a “banda da língua lascada”..pois é.... resolvi fazer (tentar) um blog, basicamente sobre design para web, com soluções, tutoriais, dicas profissionais e fonte de inspiração para quem vive ou quer viver de Design. Abraço!