Categoria - Programação

Testando layouts responsivos em diferentes dispositivos

Nessa nova “era” em que possuímos diferentes tipos de resoluções de telas, seja ela em um pc com altíssima resolução, notebooks, tablets ou celulares, fica impraticável desenvolver uma versão do site para cada dispositivo, porém com a chegada do CSS3 a situação fica um pouco diferente, agora podemos com apenas algumas linhas de estilo criar layouts que se adaptam de acordo com a resolução utilizada. Leia Mais

Cheat Sheets para Desenvolvedor Web

O que são Cheat Sheets?

Cheat Sheet na tradução literal, significa folha de cola. É muito difícil para um programador decorar todas as funções, classes e atributos existente nas diversas linguagens que utiliza no dia a dia, por isso utilizamos cheat sheets para ter a referência daquilo que precisamos na hora de programar. Seria mais ou menos em uma prova de física na escola, você sabe fazer todas as contas (menos eu hehe) mas não lembra tudo aquele monte de formulas complexas, daí você usa uma “colinha” com as formulas para poder resolver os exercícios. Para isso existem os cheat sheets, geralmente são disponibilizados em dois formatos: PNG e PDF.

Quais Cheat Sheets utilizar para criar um site

Depende muito da sua necessidade. Se você for fazer aquele site tosco só em HTML e CSS, bem simplão, talvez você nem precise de um desses, mas se seu site for mais complexo, com mais funcionalidades e tudo mais, então muito provavelmente você precise de todos os que estão contidos nesse artigo.

Os cheat sheets disponibilizados aqui, não são de autoria minha, os créditos estão no final. Todos eles estão no formato de imagem, PNG ou JPG, pois são os formatos que mais utilizo por carregarem mais rapidamente. Cliquem nas imagens para ampliar e baixar a mesma no tamanho original.

HTML

HTML Cheat Sheet

CSS

CSS Cheat Sheet

Javascript

Javascript Cheat Sheet

jQuery 1.3

jQuery 1.3 Cheat Sheet

jQuery 1.4

jQuery 1.4 Cheat Sheet

PHP

PHP Cheat Sheet

PHP (cheatsheet mais completo que o anterior)

PHP Cheat Sheet

MySQL

MySQL Cheat Sheet

WordPress

Wordpress Cheat Sheet

mod_rewrite

mod_rewrite Cheat Sheet

Regular Expression

Regular Expression Cheat Sheet

SEO

Ao invés de imagem, segue um link do gigante do SEO, o SEOmoz com muitas referências boas para SEO.

SEO Cheat Sheets

Créditos: Quickly Code, AddedBytes, Emezeta, SEOmoz, Future Colors, oscarotero e ILoveJackDaniels.com