Posts com Tags xhtml

mai

2010

19

WordPress vs. FTP e permissões

(ou ‘como não ter que colocar seus dados de ftp toda fucking vez que adicionar plugin’)

De uns tempos pra cá, toda vez que eu tentava atualizar algum plugin nos meus blogs do wordpress, aparecia a seguinte (SACAL) mensagem:

Para executar a ação solicitada, a informação de conexão é necessária.

E em baixo os campos pra por o ftp host, usuário e senha.

Agora imagine ter que atualizar 15 plugins? Ou quando se está testando em busca de um plugins que funcione como você queira?

Hoje com a ajuda do senhor Filipe Kiss (:D) descobri a solução:

dentro do seu arquivo wp-config.php (aquele bonitinho que vai na raiz dfa sua instalação de wordpress), você vai inserir os seguintes códigos após o define(‘DB_COLLATE’, ”);:

define(‘FTP_HOST’, ‘ftp.seusite.com’);
define(‘FTP_USER’, ‘usuárioFtp’);
define(‘FTP_PASS’, ’senhaFtp’);

Se seu servidor tiver habilitada segurança SSL, coloque também esse código depois:
define(‘FTP_SSL’, true);

Have fun! :3

// Work

abr

2010

6

Marketing Pessoal para WebDesigners

“Não importa o quão bom você é. O que importa é o quão bom você é em mostrar isso!”
Essa frase representa muito bem o básico do marketing pessoal, personal branding, auto-propaganda, ou seja lá como você queira chamar. Como um designer, cujo trabalho é ser criativo, suas estratégias de marketing pessoal devem ser igualmente criativas. Portanto, aí vão algumas idéias:

  1. O nome diz tudo:

    A maior parte dos designers gráficos / webdesigners usam seu próprio nome como marca. Ao invés de ter um website chamado “Sites Bonitos e Funcionais”, que tal dar a ele o nome mais importante da sua vida: o seu próprio. Fazendo isso, à medida em que você desenvolve trabalhos de qualidade, seu nome vai ganhando mais e mais respeito no seu nicho. E, é isso o que queremos.

  2. Porque ser autêntico é o caminho:

    Quando fala-se ‘autêntico’, quero dizer que você precisa honrar a essência de como você realmente é, e aderir a isso. O resultado será que seu trabalho vai refletir sua personalidade, caráter, valores, ambições, visão, etc. Enquanto em outras áreas você poderia se dar bem mesmo com falsas honras, isso é meio impossível de se fazer quando se trata de design gráfico. Você não não pode fingir criatividade, ou manipular isso de forma que seja substituível por outra coisa. É uma idéia bacana focar o seu marketing em até 3 valores baseados na definição sua personalidade. Aí você pergunta: “E se meu branding autêntico não for apelativo para meu nicho do mercado?” E a resposta seria algo como: “Você escolheu o nicho errado. Mude-o!”

  3. Quantidade vs. qualidade:

    Muitas vezes, designers, especialmente iniciantes, caem na besteira de pegar trocentos projetos, esperando criar um portfólio rico e versátil o mais rápido possível. Isso é um erro, pois você vai estar gastando energia e, com toda a pressão das entregas, vai acabar entregando trabalhos meia-boca. Uma das consequências mais óbvias nisso é que seus clientes acabarão ficando “mais ou menos” satisfeitos e você vai ter um portfólio “mais ou menos”. Sim, você tem um portfólio em 2 meses. Mas ele é meia-boca. Quão bom isso é? Seria melhor você dar total atenção a no máximo dois projetos de cada vez e fazer um trabalho excepcional. Sim, isso vai fazer você demorar mais tempo para construir seu portfólio, mas de uma forma muito mais efetiva. Melhor ainda, seus clientes satisfeitíssimos muito provavelmente procurarão seus serviços novamente e acabarão fazendo propaganda por você. Yay!

  4. Consistência é a palavra-chave

    Para se destacar nesse meio, você precisa se mostrar um web designer apaixonado pelo que faz e entregar trabalhos de qualidade, de forma consistente. Em outras palavras, você precisa sempre estar entregando ótimos trabalhos ligados a seu nome. Nunca comprometa a qualidade do seu trabalho. Se o seu trabalho é desvalorizado, o seu nome, sua marca, também.

    Além disso, você tem que ser consistente, estabelecendo sua marca. Por exemplo, uma boa idéia é usar sempre o mesmo avatar / perfil, assim, em qualquer parte da internet, ao bater os olhos, as pessoas saberão que você é você. Outra coisa legal, é usar uma foto (ou ilustração) sua, o que fica mais pessoal, e, mesmo que você mude seu logo infinitas vezes, sua imagem ainda será aquela. (A menos que você seja atropelado por um caminhão e passe por 35 cirurgias de reconstrução facial, rs)

  5. Visibilidade sem drama:

    Aqui vão algumas idéias para dar mais visibilidade ao seu nome e trabalho, sem muito esforço:

    - Contribua com matérias para blogs bem-cotados (e com muitos acessos) sobre webdesign, de preferência na sua língua.

    - Comente em posts relevantes no seu nicho, dando sua opinião, concordando, discordando, bota a boca no mundo.

    - Apresente-se para mais pessoas da sua área. Conheça os bons, e faça-se conhecer também.

    - Interaja com possíveis clientes e co-workers em redes sociais

    - Exercite o altruísmo. Pode ser fazendo tutoriais online, pode ser ensinando um amigo, pode ser oferecendo seu serviço para uma organização ou causa que você apóia.

 

E vocês, o que acham? Mais idéias sobre como melhorar o seu marketing pessoal?

 

Essa é uma tradução livre do artigo de Davy Kestens para a WebDesignLedger – Personal Branding for Web Designers

mar

2010

19

10 crimes de usabilidade que você não deve cometer

Ao longo do tempo, algumas convenções vão sendo definidas no ‘mundo da web’ procurando otimizar a forma de navegar por um site, tanto em seu processo criativo, quanto no código. Separei alguns dos mais interessantes (ou mais esquecidos rs) aqui, dando uma solução para melhorar a usabilidade do seu site.

Crime 1 – Labels não associados aos seus devidos inputs

Crime 1- Crime 1 - Labels não associados aos seus devidos inputs

Usar o atributo ‘for’ permite que o usuário clique no label (ou seja, na descrição) de um input para selecioná-lo. Isso é mais importante ainda quando se tratam de checkboxes e radio buttons, pois você está deixando o usuário com uma área clicável maior, mas de qualquer forma, é uma boa usar em tudo.

____

Crime 2 – O logo não tem um link para a home do site

Crime 2 - O logo não tem um link para a home do site

Clicar no logo para voltar pra home do site já virou lugar comum para a maior parte dos usuários. Também vale mencionar que eles esperam que o logo esteja no topo, á esquerda.

____

Crime 3 – Não especificar um estilo para os links visitados

Crime 3 - Não especificar um estilo para os links visitados

Uma das coisas mais esquecidas em termos de usabilidade é ter um estilo para os links visitados. É útil principalmente em grandes portais, onde a navegação pode acabar se tornando confusa.

____

Crime 4 – Não indicar qual campo está ativo no form

Crime 4 - Não indicar qual campo está ativo no form

Você pode usar o seletor ‘:focus’ em vários elementos, mas ele é super útil quando usado em inputs e textareas, para indicar que aquele é o campo ativo. Estilize, colocando uma borda que chame mais a atenção, ou uma cor de fundo ligeiramente diferente.

____

Crime 05 – Imagem sem descrição alternativa (alt=”")

Crime 05 - Imagem sem descrição alternativa (alt="")

Aqui entramos um pouco na área de acessibilidade, mas ainda assim é uma consideração importante. Lembre-se sempre de colocar uma boa descrição alternativa para suas imagens, a menos que elas não tenham a ver com o contexto e só estejam sendo usadas para fins decorativos (onde você deve usar um alt vazio, alt=”", para não cometer erros de validação). Quando a imagem é um link, coloque no alt uma descrição de para aonde o link vai.

_____

Crime 6 – Imagem de fundo sem cor de fundo

Crime 6 - Imagem de fundo sem cor de fundo

É comum utilizar-se de imagens de fundo atrás de passagens de texto, mas vale lembrar que se o usuário desabilitar as imagens, precisará estar definida uma cor de fundo parecida com a cor da imagem, assim o texto não se tornará ilegível.

____

Crime 7 – Texto longo, entediante, sem títulos ou tópicos

Crime 7 - Texto longo, entediante, sem títulos ou tópicos

Não tem nada mais brochante que chegar em um site e dar de cara com passagens de texto longas. Quebre o conteúdo com imagens, títulos, tópicos e seções, isso faz com que o usuário bata o olho e tenha interesse em saber o que está escrito.

____

Crime 8 – Texto sublinhado e não é um link

Crime 8 - Texto sublinhado e não é um link

Todo mundo tem em mente que se um texto está com underline, ou de uma cor diferente do resto do texto, é provavelmente um link. Não confunda as pessoas jogando palavras com underline apenas para chamar atenção, para isso, use negrito ’strong’ ou ênfase ‘em’.

____

Crime 9 – “Clique aqui” e veja algo muito legal

Crime 9 - "Clique aqui" e veja algo muito legal

A expressão “clique aqui” está aí desde o advento da internet, mas foi ‘caindo em desuso’ em lugar de chamadas mais usáveis e que dão ao usuário uma noção de para onde ele está indo. Quando você usa o “Clique aqui”, você está obrigando o usuário a ler a frase inteira para saber do que diabos você está falando.

____

Crime 10 – Usar texto justificado (eu cometo :$)

Crime 10 - Usar texto justificado

Essa é outra dica com um pézinho mais fundo na acessibilidade e também importante de se considerar. Texto justificado pode parecer mais geométrico e bonito, mas pode gerar problemas de legibilidade, principalmente para usuários disléxicos, que podem não conseguir distinguir onde termina uma palavra e começa outra, graças aos espaçamentos inconstantes dessa forma de alinhamento.

____

Esse artigo é uma tradução livre desse artigo aqui: “10 Usability Crimes You Really Shouldn’t Commit” .

mar

2010

16

Melhores e mais engraçadas imagens anti-IE6

Não é novidade que campanhas anti-ie6 estão sendo feitas, mas desde a decisão do google de não mais suportar o antiquado navegador em seus principais serviços, essas campanhas tem ficado cada vez mais efusivas.
Separei algumas imagens interessantes, divertidas ou engraçadas, sobre as campanhas anti-ie6 e a morte do mesmo.

Ie6funeral.com

http://ie6funeral.com/

Ie6Death.com

http://www.ie6death.com/

From Flickr

http://www.flickr.com/photos/ablenetdesign/2644891323/

From Flickr

http://www.flickr.com/photos/rohdesign/3315062242/

RipIe6.com

http://ripie6.com/

Zazzle

http://www.zazzle.com/death_to_ie6_tshirt-235894528330005321

Angry Web Designer

http://www.angrywebdesigner.com/the-bad/the-slow-death-of-ie6/

Devirtuoso.com

http://www.devirtuoso.com/2009/08/contributing-to-the-death-of-ie6/

From Flickr

http://www.flickr.com/photos/robotjohnny/3629069606/sizes/o/

SVG Online

http://www.svgonline.co.uk/help-me-kill-ie-6/

Ra-ajax.org

http://ra-ajax.org/ie6-usage-in-full-collapse-in-norway.blog

LatadeLixo.com

http://latadelixo.com/2009/08/07/ie6-perto-do-fim/

FlorBraz.com (; D)

http://florbraz.com/ie6

As imagens pertencem aos seus respectivos criadores e eu as linkei ao site onde eu as encontrei. Se você for o autor de alguma dessas imagens e quer que eu te linke, deixa o comentário que eu arrumo :D

mar

2010

2

Representando os bugs do IE6 na vida real

Para todos que sofreram tentando arrumar N bugs idiotas no ie6, aí vai a representação do que seriam os bugs mais comuns dessa pérola, na vida real. (Adorei mesmo o da margem dupla e a falta de suporte a png transparente. hahah)

Quem me mostrou foi a @nitroglicerina. Imagem original – CSS Mess, por atzu (Mikel)