Templates Responsivos HTML5 e CSS3 Gratuitos

Templates Responsivos HTML5 e CSS3 Gratuitos

Está procurando por templates responsivos de html5 e css3 de alta qualidade e melhor ainda, gratuito?

Confira esses lindos templates abaixo e aproveite:

DIRECTIVE

DEMO | DOWNLOAD

AERIAL

DEMO | DOWNLOAD

TWENTY

DEMO | DOWNLOAD

BIG PICTURE

DEMO | DOWNLOAD

TESSALATE

DEMO | DOWNLOAD

OVERFLOW

DEMO | DOWNLOAD

PROLOGUE

DEMO | DOWNLOAD

HELIOS

DEMO | DOWNLOAD

No site HTML5 Up! você irá encontrar outros excelentes temas gratuitos.

8 Guias Rápidos para Designers e Programadores

Como designer ou programador, é praticamente impossível guardar todos comandos, linguagens de programação e atalhos de várias aplicações. Por isso estou disponibilizando alguns guias salva-vidas. Esses guias rápidos servirão de referência e facilitarão seu trabalho diário.

Ah, e se você gostar não esqueça de compartilhar com seus amigos e colegas de trabalho.

Photoshop CS6 - Principais atalhos

illustrator CS6 - Principais atalhos

jQuery - Guia rápido

Bootstrap - Guia rápido

Foundation - Guia rápido

Fontes - Guia de orientação

Fontes - Como escolher uma fonte?

SEO - Guia de referência de SEO

Banco de imagens free

Olá pessoal, 

como comentei no post anterior, vou deixar alguns bancos de imagens free que são bem úteis naquelas horas que precisamos criar um layout, fazer um banner, criar um artigo ou coisas do tipo.

Ah, não esqueçam de atentar sempre as licenças de uso e aplicação de imagens.

Espero ajudá-los bastante ;)

Banco de imagens de fotos exclusivas em alta resolução. Faça download a vontade, sem nenhum custo.

O Stock Xchng é um banco de imagens com milhares de opções de escolha. Oferece imagens grátis e também pagas. Necessita de cadastro básico para fazer downloads.

O Everystockphoto é um banco de imagens com um acervo enorme e bem variado. Os temas que são mais buscados tem um destaque na lateral esquerda do site, que ajuda bastante na escolha da imagem desejada.

Este site é um achado. Dependendo do tipo de busca que você fizer pode encontrar imagens de alta qualidade. Ele está disponível em 20 línguas incluindo o Português.

Ótimo banco de imagens. Tem uma grande variedade de fotos e um banco, além de um banco de tutorial.

O Freerangestock requer cadastro, mas não limita a quantidade de fotos baixadas. Organizado, layout limpo e com sistema de buscas eficiente, ele é perfeito para quem precisa de agilidade na hora de buscar imagens.

Set de ícones completo grátis

Como designer, você tem a necessidade de ser versátil e rápido quando se trata de projetar para os clientes. Às vezes você pode não ter o tempo para elaborar algo totalmente sozinho, ou pode achar que você está perdendo um certo elemento. Tendo conjuntos de ícones pode ajudá-lo a criar anúncios, banners, cabeçalhos de blog, imagens de campanhas e de design web em um piscar de olhos. Use os ícones para destacar informações importantes, como parte de imagens de fundo.

Você deve começar usando um com conjuntos de ícones a partir de um único pacote e tentar chegar em várias maneiras que você pode usá-los. A partir daí, tente usar conjuntos de ícones de diferentes estilos e descobrir maneiras de incorporá-los em projetos diferentes.

Vou deixar um set de ícones completo que irá ajudá-lo bastante em seus projetos.

Icons8 (+ de 1400 ícones grátis)

Clique aqui para baixar o set de ícones completo.

É isso aí, e não esqueçam de curtir o post galera.

Até a próxima!

Teste de layout responsivo

Você está criando algum site responsivo e precisa testar em vários dispositivos? Já encontrou alguma ferramenta que facilita esse tipo de teste com maior rapidez?

Pois bem, seus problemas acabaram! Apresento a vocês o Screenqueri. Com o Screenqueri você pode arrastar linhas guia, ver seu site em vários dispositivos como smartphones, tablets e tudo em uma interface muito simples e prática e o melhor tudo via web.

É só fazer um cadastro pequeno e rápido e pronto, aí é só começar seus testes.

Acesse: screenqueri.es

8 Lindas Fontes Gratuitas

 Já está procurando renovar sua biblioteca com novas fontes? Legal, nesse post vou apresentar 8 lindas fontes gratuitas para você usar em seus projetos de design.

As fontes possuem traços leves, algumas com linhas e formatos bem originais e modernas.

Confira:

Braxton

http://fontfabric.com/braxton-free-font/

ATF Lorem

Bouh Type font

Rounda

Vast Shadow

SABADO

High Tide Font

Sequi

Ícones em vetor sem sair do Photoshop

Não há dúvidas que na web estão cheios de pacotes de ícones gratuitos, sites de pesquisa de ícones ou coisas do tipo.

Mas um extensão nova criada pela equipe do Smashing Magazine promete facilitar a vida de muitos designers, a ferramenta consiste em facilitar a inserção e pesquisa de ícones vetoriais no photoshop.

BlendMe.in é uma extensão leve e bem prática através dela você pode simplesmente arrastar e soltar e, em seguida, facilmente continuar a sua criação. Todos os ícones são vetorial e foram inseridos como Photoshop Smart Objects, o que significa que você tem todos os componentes ícone como camadas (objetos vetoriais, camadas de ajuste, etc), de modo que você pode facilmente ajustá-los para corresponder à sua criação.

BlendMe.in é uma extensão Grátis.
Faça o download aqui. Aproveite!

Recorte e remova fundos de imagens! É impressionante!

Imagino que você já precisou desse recurso várias vezes, e sempre foi um tanto chato retirar fundos de imagens.

Apresento a vocês uma ferramenta revolucionária, com ela você pode fazer recortes de fundos em segundos não é nenhum photoshop da vida não há nada complexo, você usa ele diretamente no site não necessitando de nenhuma instalação.

Basta apenas você fazer o envio da imagem no site e fazer contornos verdes, onde você quer que permaneça na imagem e fazer marcações em vermelho de onde deseja apagar. É tão rápido que parece mágica hehe!

Acesse http://clippingmagic.com/ e divirta-se.

Ícones de formas de pagamentos para E-commerce

Pessoal, sempre que vou fazer um trabalho de layout de lojas e-commerce ficamos naquela busca de ícones para formas de pagamento, em uma pesquisa encontrei esse set de ícones minimalistas, são de ótima qualidade e estão disponíveis nas seguintes dimensões: (32 × 32, 64 × 64, 128 × 128 and 256 × 256 pixels), o pack acompanha formatos de PNG, PSD e Ai.

Lançado sob licença Creative Commons - Licença 3.0 livremente disponíveis para projetos privados e comerciais.

Agora é só aproveitar e criar excelentes trabalhos com esse material.

Façam o download aqui!

Customizando check boxes e radio buttons

Você alguma vez teve aquela dor de cabeça para customizar o checkbox ou radio button para seu site? Pois bem seus problemas acabaram! rs'

Com o iCheck você pode customizar seus itens de formulário com um estilo leve, agradável e com animações, tudo isso com muita facilidade, usando Jquery.

Através da ferramenta, você consegue alterar cores, estilos, formatos, o código fica pronto e você pode instalar usando o passo a passo, quer coisa mais fácil que isso?

Acesse aqui e aproveite!