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 .

Sites - Geradores de CSS - Notóriobit


SPRITEMAPPER

O Spritemapper é um aplicativo que mescla várias imagens em uma única e gera posicionamento CSS para as fatias correspondentes.


Geradores de CSS - Notóriobit

SPRITE COW
Ele trabalha com mapeamento de imagens.

Geradores de CSS -Mapeamento de Imagens - Notóriobit


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
Geradores de CSS -HTML minimalistas - Notóriobit




SCRENFLY
Aqui você pode verificar a sua página em diferentes tipos de resolução de tela.

CSS Generators - Resolution Test - Notoriobit





RANDOMTEXT

Trata-se de um gerador de textos Lorem-Ipsum. Aqui você pode obter textos Lorem Rapidamente, para utilizar em seu projeto





CSS Generators - Lorem-Ipsum - Notorious



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.

CSS Generators - HTML / CSS - Notoriobit





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.
CSS Generators - HTML / CSS - Notoriobit




layerstyles
Layerstyles trabalha como seu editor de códigos favorito, porém, direto no navegador.


Geradores CSS - HTML/CSS - Notoriobit




HAZ.IO
Como possui um biblioteca extensa, ele oferece uma visão geral para tecnologias como HTML, CSS e Javascript
Geradores CSS - HTML/CSS - Notoriobit




CSS MENU MAKER
Você pode criar diversos formatos de menus ou linkbars, de maneira fácil, sem a necessidade de cadastro.
CSS Generators - Creating menus - Notoriobit





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 Generators - HTML/CSS - Notoriobit




CSS FORMATTER E OPTIMIZADOR
Como o próprio nome diz,  nesse site o seu código é formatado e otimizado de maneira simples 




Geradores CSS - HTML/CSS - Notoriobit





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!





CSS Generators - Code Compressor - Notoriobit



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


CSS Generators - Lorem-Ipsum Editor - Notoriobit









tags: geradores,css,html,otimização,sites