backgrounds, pattners e diversas outras coisas!Hello Color VisitarHello ColorTrabalhando com aleatoriedade e contrastes, Hello Color lhe apresenta os melhores contrastes para usar em seus projetos!Codecademy VisitarCodecademyNovo no mundo do HTML e do CSS? Codecademy e sem duvida o melhor lugar em que voce pode ter um curso gratuito de sobre! Ele oferece diversas aulas, explica detalhadamente cada codigo, como ele funciona e quando voce deve usar, alem de todas as aulas serem praticas: voce aprende e texta. Sao feitas revisoes e testes sobre os assuntos, voce so aprende coisas novas se dominar o que ja foi visto.Coolors VisitarCoolorsGerador online de paletas de cores. Nele, alem de gerar uma paleta maravilhosa do nada, e possivel ver as propriedades das cores, altera-las para ver como ficariam em outras tonalidades e diversas outras funcoes!DaFont VisitarDaFontFontes gratis. DaFont reune o trabalho de diversos designers que disponibilazam suas criacoes online para voce baixa-las! O site apresenta diversas categorias e os mais variados tipos de fontes, e o melhor de tudo: gratis.CSS 3.0 MAKER VisitarCSS 3.0 MAKERA criacao de efeitos em CSS vem se tornando cada vez mais presente no dia a dia de quem usa a internet. Como a juncao de codigos ou ate mesmo decora-los e algo quase impossivel, o CSS 3.0 MAKER reuniu em um so lugar os principais efeitos que voce pode fazer utilizando CSS e criou um gerador, em que voce pode efitar e copiar o codigo final para usar onde quiser!Flaticon VisitarFlaticonUm dos melhores lugares online onde voce pode conseguir os mais variados tipos de incones gratiutos. Nao esqueca de dar os creditos aos criadores!Google Fonts VisitarGoogle FontsFontes gratuitas, para serem usadas tanto online ou para download. Acervo de fontes do Google, com os mais variados tipos e estilos.recname { display: inline-block; position: absolute;z-index: 9999;background: rgba(0,0,0,0.5);color: white;padding: 5px 10px 5px 10px;margin-top: 160px;}vis { display: inline-block; position: absolute;z-index: 9999;background: rgba(0,0,0,0.5);color: white;padding: 5px 10px 5px 5px;margin-top: 160px;right: 0%;-webkit-transition: all 0.3s;moz-transition: all 0.3s;transition: all 0.3s;}vis:hover {-webkit-transition: all 0.3s;moz-transition: all 0.3s;transition: all 0.3s;background: rgba(0,0,0,0.8);}vis img { opacity: 0; width: 0px; -webkit-transition: all 0.3s;moz-transition: all 0.3s;transition: all 0.3s; }vis:hover img { opacity: 1; width: 10px; margin-right: 5px; margin-left: 5px; -webkit-transition: all 0.3s;moz-transition: all 0.3s;transition: all 0.3s;}.rec1 { display: block; position: static;width: 100%;height: 200px;margin: 10px 0 10px 0;background: url("http://i.imgur.com/v7iiW5L.png") center no-repeat #3a3b3a;box-shadow: 0 0 3px #ccc;}.rec2 { display: block; position: static;width: 100%;height: 200px;margin: 20px 0 10px 0;background: url("http://i.imgur.com/nYLOPvK.png") center;box-shadow: 0 0 3px #ccc;-moz-background-size: 100% auto;-webkit-background-size: 100% auto;background-size: 100% auto;}.rec3 { display: block; position: static;width: 100%;height: 200px;margin: 20px 0 10px 0;background: url("http://i.imgur.com/tBjpk6n.png") center;box-shadow: 0 0 3px #ccc;}.rec4 { display: block; position: static;width: 100%;height: 200px;margin: 20px 0 10px 0;background: url("http://i.imgur.com/R8USYEM.png") center no-repeat #e9322b;box-shadow: 0 0 3px #ccc;-moz-background-size: 70% auto;-webkit-background-size: 70% auto;background-size: 70% auto;}.rec5 { display: block; position: static;width: 100%;height: 200px;margin: 20px 0 10px 0;background: url("http://i.imgur.com/vdRPraz.png") center;box-shadow: 0 0 3px #ccc;-moz-background-size: 100% auto;-webkit-background-size: 100% auto;background-size: 100% auto;}.rec6 { display: block; position: static;width: 100%;height: 200px;margin: 20px 0 10px 0;background: url("http://i.imgur.com/wUBrdfO.png") center;box-shadow: 0 0 3px #ccc;-moz-background-size: 100% auto;-webkit-background-size: 100% auto;background-size: 100% auto;}.rec7 { display: block; position: static;width: 100%;height: 200px;margin: 20px 0 10px 0;background: url("http://i.imgur.com/bvM3nUv.png") center;box-shadow: 0 0 3px #ccc;-moz-background-size: 100% auto;-webkit-background-size: 100% auto;background-size: