Arquivo para Webdesign

Você mudaria o rumo da própria história, após seus 30 anos?

Posted in Cursos, Webdesign with tags , , , , , , , , on 9, julho 2010 by andreiacandido

Um dia desses, encontrei um amigo, que não via desde meus 20 e poucos anos, quando saímos da faculdade. Sentamos pra conversar e colocar o velho papo em dia. Foi quando ele me disse que tava desanimado e que, apesar de ter um bom emprego, não tinha prazer no seu trabalho, era desgastante e sem graça. Ouvi tudo atentamente, e quando ele perguntou sobre mim, contei sobre meus últimos anos e tive a impressão de ter dado a ele ânimo e coragem pra mudar o rumo de sua vida.

Quando ele me veio com a clássica pergunta, e aí, você ainda está na mesma empresa da época da faculdade? Foi minha deixa para contar a ele meus últimos feitos.

Contei que com o advento da Internet, passei a conhecer um mundo novo, de conhecimento, cheio de possibilidades e me encantei. Eu sinceramente tava tão desanimada com minha carreira profissional, e até mesmo com a faculdade que concluí, pois não segui em frente em busca de estágio. Em um primeiro momento, navegar na internet era um hobbie, e como hobbie, foi que comecei a me interessar por Web Design. Junto com um ex-namorado, me aventurei a criar um site, aliás, por mais que a idéia fosse boa, confesso que o site ficou bem tosco. Mas cada vez que eu tentava criar algo, me sentia livre, como um pintor olhando pra uma tela em branco, colocando toda sua sensibilidade e seu amor no trabalho.

Algum tempo depois, saí da empresa, sem saber qual seria meu futuro profissional, e por uma obra do destino, tive a sorte de ganhar um pacote de cursos em uma renomada escola de TI. Porém, por mais que meu aprendizado fosse bom, fiz os cursos em pouquíssimo tempo e não tive aquele período necessário de treino, de testes entre um curso e outro. Assim, tive a exata constatação daquela frase popular que diz: “A pressa é inimiga da perfeição!”. Em seguida, fiz meu primeiro site, pelo qual fui remunerada, e isso me deu uma grande felicidade, porém, sou muito crítica, e sabia que minha caminhada no aprendizado só estava começando.

Olhava constantemente vários sites, layouts e sempre achava que os meus ainda não estavam de acordo. Assim, fui tentando aprender mais e melhor, como autodidata, mas mesmo assim, precisava me aperfeiçoar. E foi dessa forma que, fuçando na internet, encontrei um curso online no site do Bruno Ávila, chamado Design Web, que me chamou muito a atenção. Primeiro que era exatamente o que eu procurava em todo seu conteúdo. Comecei a pesquisar sobre o autor do curso, e vi que era uma pessoa que como eu, amava o Web Design e que por isso queria compartilhar de forma profissional, com todos aqueles que tem interesse em uma internet melhor e mais acessível.

Tudo me fazia crer que o curso me daria condições de criar melhores trabalhos, mas no final, foi muito mais que isso. Aprendi novos conceitos, tendências, aprendi a me auto-avaliar melhor. As aulas eram hilárias, mesmo virtual, o professor que por ser jovem, tinha uma didática toda peculiar, falando a mesma linguagem que seus alunos, fazendo uma aula descontraída, com exemplos fáceis e cotidianos. Aulas assim, nos fazem mais descontraídos e a assimilação bem mais facilitada. A cada aula online, tínhamos materiais disponíveis embasados em estudos sérios, fazíamos trabalhos, interagíamos com outros colegas do curso, dentro de um ambiente virtual super amigável e seguro. Em todas as aulas tínhamos acesso ao material áudio-visual do curso (vídeo-aulas) e assim, a impressão, era de que estavamos em uma aula particular, mesmo que à distância.

Todos os exercícios propostos eram realizados e enviados para o professor, que lá de Fortaleza, nos enviava o exercício corrigido aluno por aluno, tudo de forma digital e muito rápida. Toda essa estrutura do curso, meu deu não só confiança, mas como muito conhecimento e vontade de trabalhar nessa área, e num futuro poder realizar trabalhos cada vez melhores e mais profissionais. E com isso, fui seguindo os conselhos do nosso velho “professor Tibúrcio” (apelido carinhoso do nosso professor Bruno), que sempre nos encorajava a ler livros, buscar informações, interagir com os colegas de curso, e treinar, tentar, testar nosso aprendizado, até conseguirmos um bom resultado. Vi minha evolução, desde aquele pequeno site tosco que criei anos antes. E pude concluir, que a vida é assim, como nos exercícios de Web Design, cheio de acertos e erros. O que vale é tentar mudar e melhorar sempre, não importa a hora, não importa a idade.

Curso de Design Web

Na sequência, fiz com o mesmo professor, o curso de Como vender Sites, que foi ótimo pra que eu pudesse mensurar gastos e mão de obra, na hora de cobrar por um trabalho, comprovando para o cliente, que o gasto que ele vai ter no desenvolvimento do site, será revertido em lucro e na conquista de novos clientes em maior escala, alcançando novos mercados, antes não explorado.

Porém, para um web designer, o céu não é o limite, já que seu aprendizado pode e deve ser ampliado ao máximo possível, e foi assim que decidi esse ano de 2010, ampliar meus conhecimentos e aprender uma linguagem de programação com a qual eu me identificasse e que trouxesse ao meu trabalho, novas funcionalidades facilitadoras. Por já me familiarizar com o PHP, tive uma grata surpresa, por saber que o Bruno Ávila novamente tinha um curso com a “minha cara”, tratando a linguagem PHP, não como um bicho de 7 cabeças, fazendo a gente dormir ao tentar entender um script complicado.

Acho o PHP muito intuitivo, mas claro, sem conhecimento da linguagem, não tem como. Já havia procurado por outros cursos online que me ensinasse PHP de forma simples, mas no curso PHP para Web Designers, vi a linguagem ser ensinada de forma diferente, já que o curso era totalmente voltado para os web designers, que tem um lado criativo mais aflorado e que não costumam ter um raciocínio tão lógico quanto os programadores. Mais uma vez, o professor Tibúrcio se superou na criatividade, tornando as aulas sempre muito agradáveis e de fácil entendimento, trazendo até elementos lúdicos, para personalizar as aulas. Ao final, só me veio a certeza de que o lema “Para o alto e avante”, usado pelo Bruno no Blog Avante, cai como uma luva nessa área tão cheia de possibilidades.

Olha aí meu certificado do curso de PHP para Web Designers:

Vejo meu trabalho crescendo a cada novo desafio. E no final das contas vi que até mesmo minha formação acadêmica em Comunicação Social, só veio contribuir para meu trabalho como Web Designer. Hoje crio lojas virtuais, layout de sites, newsletters e ainda acredito que tenho muito para aprender, e sempre terei, porque a internet é um mundo em constante estado de evolução. Minha alegria, satisfação e vontade são tão grandes, que a cada trabalho, é como um novo filho.

Mostrei ao meu amigo os trabalhos que tenho feito, e ele sorriu, dizendo que tenho muito futuro pela frente. Que tem orgulho de mim e, ao mesmo tempo, uma inveja boa da minha coragem de mudar o rumo da minha vida, já numa idade em que muitos já tem carreiras consolidadas. Então eu disse a ele que, num jogo, tudo pode mudar, mesmo que seja aos 44 minutos do segundo tempo, só depende da estratégia e da força de vontade.

E você, tem coragem de mudar o rumo da sua vida, apostando na profissão que realmente te faz feliz?

Crie textos estilo “Grafite”

Posted in Geradores, Utilitários, Webdesign with tags , , , , , on 8, junho 2008 by andreiacandido

O site Graffiti Creator é uma ferramenta online e gratuita para a criação de textos estilo “Grafite”. Para utilizar o serviço é bem simples e não precisa cadastro, basta acessar o site e já na primeira página estarão disponíveis 6 tipos de fontes estilo Grafite. Escolha a sua fonte preferida, clique em “Load Font” para abrir o painel do gerador. Com o painel aberto, escreva o texto desejado, clique em “Submit” e configure as cores de cada elemento que compõe o layout da fonte com o controle RGB deslizante. Ao final você pode imprimir sua criação. Mas, atenção, o serviço é gratuito apenas para uso não comercial.

Veja o resultado do layout que criamos para o Caça-Links:

Hex Color Card: Cartão online para referência de cores hexadecimal

Posted in ferramentas online, Utilitários, Webdesign with tags , , , on 30, maio 2008 by andreiacandido

O Hex Color Card é uma ferramenta online que serve de referência rápida para consultas de Cores Hexadecimal. Conforme o exemplo da figura acima, basta arrastar a lente de aumento na paleta de cores RGB para ver o código hexadecimal correspondente. Além disso, abaixo da paleta, ficam os principais atalhos e ícones correspondentes utilizados no Photoshop. Ótimo serviço para uso de webdesigners. Para acessar a paleta de cores online, clique aqui.

Livro “Design/web/design:2” – leitura online e em pdf

Posted in Livros, PDF, Web2.0, Webdesign with tags , , , , , , on 12, abril 2008 by andreiacandido

O autor dos livros “Design/web/design” e “Design/web/design:2”, Luli Radfahrer, que é Ph.D. em Comunicação Digital, professor há mais de 15 anos, além de escrever para revistas e portais, acaba de disponibilizar em seu blog, a versão online, completa e gratuita do livro Design/web/design:2, destinados aos profissionais da área, candidados à webdesigner e todos interessados em comunicação digital. No blog, a versão online do livro traz um capítulo por página, propiciando e estimulando comentários e discussões sobre o assunto entre seus leitores.

Vale lembrar que o livro foi publicado em 2000, porém, como o próprio autor cita: “Alguns aspectos técnicos e profissionais ainda se mantêm. Outros, felizmente, mudaram bastante”. Assim, após 8 anos de seu lançamento, continua bastante atual, tornando-se um livro de idéias e não de técnicas, tem linguagem informal, e recheada de bom humor.

Para facilitar, seguem os links do índice do livro DWD2 para a leitura online:

1. Design: a cara do mundo civilizado
2. Preparando o terreno
3. Princípios de design
4. A Internet é a resposta. Qual era mesmo a pergunta?
5. Interface
6. Arquitetura de informação
7. Quem precisa de um website?
8. O processo de produção e suas etapas
9. Equipe
10. Vamos falar de você
11. Modernidades
12. Comunicação não-linear, se é que ela existe

Existe também, uma versão em pdf autorizada pelo autor: download gratuito (663kb)

Gerador de “Nuvem de Tags” para seu site

Posted in Geradores, Usabilidade, Utilitários, Webdesign with tags , , , , , , , on 2, abril 2008 by blogcacalinks
TagCloudGenerator

O site Tag Cloud Generator é mais uma ferramenta online que vem contribuir com nosso trabalho no desenvolvimento de sites. Totalmente gratuito e sem a necessidade de cadastro. Com ele é possível gerar facilmente uma nuvem de tags que pode ser gerada apenas digitando sua URL ou então, inserindo os termos manualmente. Para configurar a nuvem de acordo com o estilo do seu site, basta escolher a cor de fundo, fontes, tipos de links, entre outros. Clique em “Generate HTML Code” e copie o código gerado em sua página.

Veja o exemplo abaixo (apenas layout):

exemplo de nuvem de tags

Coleção de Brushes gratuitos para Photoshop

Posted in Brushes, Photoshop, Webdesign with tags , , , , , , , , , , , , , , , , , , , , , , , , on 1, abril 2008 by blogcacalinks
Brushes

O site PS Brushes disponibiliza uma coleção de Brushes gratuitos de Photoshop para download que ajudarão muito em seus layouts. Acima temos como exemplo um dos brushes de água que baixamos para testar. E se você criou um brush e quer compartilhar com outras pessoas, você pode enviar seu material para o site através do link “Contact”.

Para ver toda a coleção entre diretamente no site PS Brushes ou acesse as categorias abaixo:

18 Fontes estilo web2.0 para baixar gratuitamente

Posted in Fontes, Tipografia, Web2.0, Webdesign with tags , , , , , , , , , , , , , , , , , , , , , , , on 26, março 2008 by blogcacalinks

Selecionamos 18 fontes gratuitas muito utilizadas para logos e layouts no estilo web2.0. Para baixá-las, basta clicar nos links e fazer o download diretamente dos sites de fontes grátis.

Arista
link: Arista

Bandy
link: Bandy

Bohemica
link: Bohemica

Camilla
link: Camilla

Caramella
link: Caramella

Centabel
link: Centabel

Cjust
link: Cjust

Danube
link: Danube

Folks
link: Folks

Geosans
link: Geo Sans

Moderna
link: Moderna

Photonica
link: Photonica

Rezland
link: Rezland

Siple
link: Siple

Steiner
link: Steiner

Swatch
link: Swatch

Ubuntu Title
link: Ubuntu Title

Vag Rounded
link: VAG Rounded

Crie screenshots de sites e blogs

Posted in Dicas, Geradores, Utilitários, Web2.0, Webdesign with tags , , , , , , , , , , on 17, março 2008 by blogcacalinks

Se você é webdesigner e deseja obter a miniatura de sites e blogs para compor seus portfólios ou outros projetos, temos 2 boas dicas que irão facilitar seu trabalho.

Nos sites abaixo você poderá criar screenshots em poucos segundos e baixar facilmente para seu PC:

Thumbalizr: digite a url desejada, escolha o modo “screen” ou “page” e clique em “thumb it” para gerar a miniatura, depois basta escolher o tamanho desejado entre as opções: 150 |320 |640 |800 |1024 |1280px. Depois é só clicar com o botão direito do mouse sobre a imagem e salvá-la no micro.
Thumbalizr

SuperScreenshot: digite a url desejada para gerar a miniatura, além disso você poderá escolher a dimensão, tamanho e formato, podendo gerar a imagem em jpg ou png para salvá-la em seu micro. Para os interessados em criar uma miniatura vertical de blog, basta optar no item dimensão, por “full page”.
SuperScreenshot

Sites que ajudam comparar fontes, estilos e muito mais…

Posted in CSS, Fontes, Tipografia, Web2.0, Webdesign with tags , , , , , , on 6, março 2008 by blogcacalinks

Se você é webdesigner e sempre se depara com aquela velha dúvida sobre qual fonte usar em um determinado projeto, encontramos 2 boas dicas que poderão facilitar seu trabalho. São 2 sites que trazem uma ferramenta em comum, cujo objetivo é comparar fontes, tamanhos, cores, estilos, fundos, espaçamentos… tudo online, gratuito e sem cadastro.

Agora é você quem decide qual o melhor ferramenta para suas necessidades. Clique nos links abaixo e confira os serviços:

Font Tester
Font Tester


Type Tester
Type Tester

Crie marca d’água em suas imagens

Posted in Geradores, Webdesign with tags , , , , , on 6, março 2008 by blogcacalinks
PicMarkr

Você deseja criar uma marca d’água com texto ou logotipo em suas imagens, para personalizá-las ou mesmo evitar cópia indevida? O site PicMarkr oferece um gerador online e gratuito sem necessidade de cadastramento. Basta entrar no site PicMarkr, localizar a imagem em seu computador, escolher se quer um texto ou um logo para gerar a marca d’água, escolher o posicionamento e pronto. É possível fazer o download da imagem gerada ou então fazer upload diretamente para o Flickr. Confira!

Gerador de cantos arredondados para imagens e avatars

Posted in Geradores, Web2.0, Webdesign with tags , , , , on 2, março 2008 by blogcacalinks
Round Pic - exemplo do antes e depois

Crie imagens com cantos arredondados facilmente com o gerador online e gratuito oferecido pelo site RoundPic. Nele você abre uma imagem a partir do seu computador ou de uma URL, escolhe o grau de arredondamento que a imagem deverá ter, a cor de fundo, o tamanho, a qualidade e pronto… sua imagem está pronta para ser baixada.

Fonte: Blog Favoritos

lupa1.jpgCaça-Links indica: RoundPic

6 vídeo-aulas gratuitas de Joomla (em inglês)

Posted in Blogosfera, Cursos Grátis Online, Joomla, Software Livre, Webdesign with tags , , , , , , , , on 18, fevereiro 2008 by blogcacalinks
Curso básico de Joomla

O blog AVANTE!, recém-lançado pelo reconhecido webdesigner Bruno Ávila, traz muitas dicas do assunto, entre elas, um post muito bom para os interessados em fazer um curso básico de Joomla. São 6 vídeo-aulas (em inglês) mas, de fácil entendimento através da observação. Confiram!

lupa1.jpgCaça-Links indica: Curso básico de Joomla (6 vídeo-aulas)

Não sabe o que é Joomla? Clique Aqui

Tutorial de HTML – gratuito

Posted in HTML, Tutoriais, Webdesign with tags , , , , , , , , , , , on 12, fevereiro 2008 by blogcacalinks

Tutorial de HTML
Quer aprender HTML?

 O site HTML.NET oferece um Tutorial de HTML traduzido para o Português, que vem dividido em lições e exemplos bem explicativos.

Confira abaixo o índice do tutorial:

  • Introdução
    Uma breve introdução ao tutorial e o que você aprenderá.
  • Lição 1: Vamos iniciar
    As ferramentas que você precisa para desenvolver seu próprio website.
  • Lição 2: O que é HTML?
    Entendendo o que é o que significa HTML.
  • Lição 3: O que são tags HTML?
    O que são e para que servem as tags HTML.
  • Lição 4: Criando seu primeiro website
    Aprenda a criar seu primeiro documento HTML – o template básico para páginas.
  • Lição 5: O que você já aprendeu?
    Recapitulando o que você já aprendeu e antevendo o que aprenderá nas próximas lições.
  • Lição 6: Mais tags HTML
    Conhecendo as sete tags HTML mais usadas.
  • Lição 7: Atributos
    Aprenda como adicionar informações extras às tags e a projetar comandos de um modo explícito.
  • Lição 8: Links
    Como criar links para suas próprias páginas e para a Internet.
  • Lição 9: Imagens
    Descubra como é simples e fácil inserir imagens em uma página web.
  • Lição 10: Tabelas
    Construindo tabelas HTML para apresentar dados tabulares.
  • Lição 11: Mais tabelas
    Criando tabelas avançadas.
  • Lição 12: Layout (CSS)
    Entendendo como Cascading Style Sheets (CSS) pode ser usada para construir fantásticos layouts para suas páginas
  • Lição 13: Uploading páginas
    Como publicar páginas na Internet para serem vesualizadas por todos.
  • Lição 14: Web standards e validação
    Conheça as normas para HTML e como verificação a correção do código.
  • Lição 15: Dicas finais
    Algumas dicas adicionais para seus projetos web.

    lupa1.jpgCaça-Links indica: HTML.NET

  • Crie sua biblioteca JavaScript com o JavaScript Collector

    Posted in JavaScript, Programação, Software, Utilitários, Webdesign with tags , , , , , , , , on 7, fevereiro 2008 by blogcacalinks

    JavaScript Collector 1.1.0.4
    Você programa em JavaScript ou coleciona scripts encontrados pela internet e gostaria de organizá-los, editá-los e testá-los de maneira simples? O programa JavaScript Collector 1.1.0.4 é muito útil, pois além de você poder salvar seus códigos nele, você ainda pode testar o funcionamento dos scripts em brownsers como o Internet Explorer, Mozilla Firefox, entre outros. O programa vem pré-carregado com 200 códigos em JavaScript para uso livre. O programa tem 601kb, é de fácil instalação e pode ser configurado para o português, além disso, é totalmente gratuito. O único inconveniente encontrado é que, ao formatar seu computador, você perde o que foi salvo, porém, os 200 códigos pré-carregados permanecem intactos.

    Para baixá-lo clique no link do fabricante GreenCow ou vá direto à página de download

    Aprenda CSS sem sair de casa

    Posted in CSS, Dicas, Tutoriais, Web2.0, Webdesign with tags , , , , , , , , , , , , on 3, fevereiro 2008 by blogcacalinks
    Maujor o dinossauro das CSS

    De acordo com a Wikipédia,  Cascading Style Sheets, ou simplesmente CSS, é uma linguagem de estilo utilizada para definir a apresentação de documentos escritos em uma linguagem de marcação, como HTML ou XML. Seu principal benefício é fazer a separação entre o formato e o conteúdo de um documento. Ao invés de colocar a formatação dentro do documento, o desenvolvedor cria um link para uma página que contém os estilos, procedendo de forma idêntica para todas as páginas de um site. Quando quiser alterar a aparência do site basta portanto modificar apenas um arquivo.

    Se você é um auto-didata e deseja aprender CSS sem sair de casa, indicamos o site do Maujor, que ensina desde os conceitos fundamentais até os mais avançados sobre o tema. Vale ainda conferir o Blog do Maujor que traz dezenas de dicas e discussões sobre CSS. Empenho e exercício para aprender é primordial!!!

    lupa1.jpgCaça-Links indica: Site do Maujor e Blog do Maujor