Geradores de CSS são ferramentas que permitem criar códigos de forma eficaz e rápida.
Se você é desenvolvedor ou apenas mero curioso, os sites geradores de CSS estão se tornando muito populares principalmente no que diz respeito ao ganho de tempo e eficácia. Se você precisa entregar um projeto, o ganho de tempo é indiscutível. Além dos geradores de CSS, citei mais algumas ferramentas muito úteis para o trabalho do dia a dia referente ao desenvolvimento de códigos.
FERRAMENTA WHATFONT
Qual é a maneira mais fácil de descobrir as fontes usadas em uma página da web? Firebug ou Inspetor de Webkit? Não, isso é muito complicado. Deve ser apenas um clique de distância.
Com o WhatFont, você pode facilmente obter informações de fonte sobre o texto em que você está pesquisando.
O WhatFont também detecta os serviços usados para servir a fonte. Agora suporta Typekit e Google Font API .
SPRITEMAPPER
O Spritemapper é um aplicativo que mescla várias imagens em uma única e gera posicionamento CSS para as fatias correspondentes.
SPRITE COW
Ele trabalha com mapeamento de imagens.
Você sabe o que é mapeamento de imagens?
É uma técnica que se baseia em combinar diversas imagens em uma só, em busca de diminuir o número de requisições HTTP para o servidor.
É visivelmente perceptível a velocidade em que o site do Google ou Facebook carrega suas imagens. Isso se deve ao mapeamento de imagem. Isso se dá, pois o site normalmente ao invés de utilizar várias imagens para diferentes usos no site, eles utilizam apenas uma e indicam qual “pedaço” dela será usada para cada fim.
Essa tarefa se torna muito mais simples com o Sprite Cow, que é uma ferramenta de CSS Sprites que ajuda você a obter os valores de posição de diferentes lugares em uma única imagem. Este aplicativo para web, captura a posição de fundo, altura e largura dos estilos que podem facilmente copiados e colados em seu site.
fonte: http://matheuspiscioneri.com.br
getskeleton
Voltado para projetos em HTML simples, segundo o site, é apresentado um esqueleto com 200 linhas para ser utilizado de maneira simples e minimalista
SCRENFLY
Aqui você pode verificar a sua página em diferentes tipos de resolução de tela.
RANDOMTEXT
Trata-se de um gerador de textos Lorem-Ipsum. Aqui você pode obter textos Lorem Rapidamente, para utilizar em seu projeto
MARKUP GENERATOR
Markup Generator é uma ferramenta simples criada para desenvolvedores de html/css que estão cansados de escrever blocos de código chatos no início do trabalho na construção de um site. Seu objetivo principal é acelerar o seu trabalho, gerando html e css. Muito intuitivo, para que você possa saltar diretamente para os elementos de estilo.
MAGETTA
Maguetta é um projeto de código aberto que oferece a criação visual de interfaces de usuário em HTML5. Como ele roda diretamente no navegador, não necessita de plugins adicionais.
layerstyles
Layerstyles trabalha como seu editor de códigos favorito, porém, direto no navegador.
HAZ.IO
Como possui um biblioteca extensa, ele oferece uma visão geral para tecnologias como HTML, CSS e Javascript
CSS MENU MAKER
Você pode criar diversos formatos de menus ou linkbars, de maneira fácil, sem a necessidade de cadastro.
CSS LAYOUT GERADOR
Este gerador criará uma largura fixa ou layout de largura de fluído e pode incluir um cabeçalho, menu e rodapé. Novos recursos para este gerador são: selecionar um !DOCTYPE html para seu layout, cantos arredondados e com o layout fluido, agora você pode selecionar min. e max. largura. Depois de selecionar todas as opções, clique em "Criar Layout" para visualizar e fazer o download do seu novo layout em um arquivo zip.
CSS FORMATTER E OPTIMIZADOR
Como o próprio nome diz, nesse site o seu código é formatado e otimizado de maneira simples
CSS COMPRESSOR
Use CSS Compressor para compactar CSS (CSS 1, CSS 2, CSS 2.1 & CSS 3) para reduzir o tamanho do código CSS e fazer seu site carregar mais rápido. Você pode selecionar entre 4 níveis de compactação, dependendo de quão legível você deseja que o seu código fique após a compressão. É rápido, fácil e gratuito!
BACON IPSUM
Gerador de Lorem-Ipsum, bem interessante pois utiliza como tema principal o bacon, muito fácil de ser utilizado e não requer cadastro algum
tags: geradores,css,html,otimização,sites
