Cheatsheets para Designers e Desenvolvedores

30 de julho de 2012 Usabilidade, Webdesign 18 comentários

A rotina dos profissionais de criação e desenvolvimento são rodeados por conceitos, linguagens, softwares e frameworks e, às vezes, é necessário ter uma referência de consulta fácil. Entram na roda os Cheatsheets, que são guias específicos que lhe auxiliarão nos seus projetos através de uma visualização rápida e dinâmica dos pontos principais das tecnologias, teclas de atalhos de softwares, sintaxes e semânticas de linguagens. Selecionamos alguns Cheatsheets para vocês baixarem e guardarem para suas futuras dúvidas.

(Clique sobre o Cheatsheet desejado para baixá-lo)

Adobe Photoshop

Teclas de atalho do Photoshop

Adobe Flash

Teclas de atalho do Flash

Adobe Ilustrator

Teclas de atalho do Illustrator

Adobe InDesign

Teclas de atalho do InDesign

Adobe LightRoom

Gimp

HTML5

classes e atributos HTML5

CSS

jQuery

JavaScript

PHP

WordPress

Ruby on Rails

Google

Teoria da Cor



Créditos: especificados na linkagem de cada imagem.

Dúvidas e sugestões podem enviar um e-mail para thiago@chocoladesign.com, ou @althi.  Boa semana!

  • Thiago Almeida

    Olá! Me chamo Thiago Almeida sou de Belo Horizonte, Minas Gerais. Estudo Ciência da Computação na Universidade Federal de Lavras e trabalho como desenvolvedor web. Aqui no Choco la Design falarei sobre Web Design, Usabilidade, Acessibilidade e Programação. Também escrevo crônicas no Autômato Algum. Amante de design, fotografia, filosofia e uma boa música.Me encontre no Twitter, Flickr, Facebook e LikedIn. Abraços!

    Veja todos os 60 posts publicados por Thiago »

    COMENTÁRIOS

    • Jean Correa

      Minha cabeça simplesmente explodiu! Putz, putz, putz! Valeu demais!

      Jean Corrêa
      http://prosadecrente.blogspot.com.br

    • http://www.facebook.com/hillaryhp Hillary Sousa

      Podia ter wallpaper deles,né x.x

    • http://www.facebook.com/johnniescastro Johnnië Castro

      podia ter o autocad pros arquitetos. :P

    • Leandro Rafael

      podia ter também uns atalhos “avançados” do Photoshop:

      Layer modes:Alt+shift+n: normal
      Alt+shift+o: overlay
      (continua com alt+shift+ primeira – ou outra) letra do modo)

    • http://www.facebook.com/caio.dsg Caio Arruda

      Belo post Thiago, eu não uso nem metade dos programas ai, mas sei que vai ajudar muita gente. E nossa eu não sabia que o Google tinha tanta coisa assim kkk

    • Murilo

      Utilidade pública isso

    • http://profiles.google.com/everson777 Everson Mayer

      Nossa, muito top o post!!!

    • Hydrachan

      Muito maneiro!!!
      Mas imagens estão bem pequenas. Não tem pra impressão?

      • althi

        Hydrachan, só clicar no Cheatsheet desejado que abrirá o site com várias opções pra download, em tamanhos maiores.Abraços!

    • http://papodeadorador.com.br/ Duarte Tribal

      Cara super mão na roda este post! Parabéns! 

    • Katia77

      Muuuuito interessante… só que já tive prova e ZEREI!!!  Mas ainda acho que a gente só decora na prática… e muita prática.

    • Tammy

      =) Muito bom!

    • murilo

      e o after? aaaahhhh…. :/

    • amandabritodiz

      Booa, garoto!

    • Marcio

      está em baixíssima definição os da adobe, não dá nem pra ler

    • Luis

      Fireworks sempre de fora ;/

    • http://www.facebook.com/marcusvr Marcus Vinícius

      Acho que você esqueceu de linkar as imagens dos aplicativos da Adobe…

    • Tiago

      Quero um de after, Rsrsrs.