|
Designer esquema de cores
Esta ferramenta fornece cores na forma de uma roda de cores que oferece mono, complemento, Traid, tetra, analógico e acentuadas variações de cor em analógicos a relação percentual, e também destaca o mesmo com o esquema adequado escolhido.
Final CSS Gerador de Gradiente
É um editor de gradiente CSS e gerador que permite criar gradientes CSS cross-browser com suporte.
Códigos de cor CSS
Esta ferramenta oferece duas opções para mobiliar o hexadecimal e códigos de cores RGB.Você pode escolher a cor do seletor de cores e, em seguida, copiar o seu valor hexadecimal do campo de fundo.
Cores Pallete Generator
Esta é uma ferramenta poderosa que gera uma paleta de cores derivadas das cores primárias da imagem que você carrega. É uma ferramenta útil para rapidamente pegar uma cor específica dentro de uma imagem de inspiração. Com isso, você também pode gerar amostras de Photoshop e estilos CSS.
Cores CSS
Esta cartela de cores oferece mais de 16 milhões de cores com RGB e modos de cor hexadecimais.
Image Maker gradiente
Esta ferramenta permite que você facilmente gerar uma imagem de gradiente de três tipos, com no local visualização. Com esta ferramenta você pode criar imagens de gradiente que você pode usar toda a sua página web design.
templatr
É um gerador de modelo que permite criar modelos bonitos para o seu blog e web design sem necessidade de qualquer conhecimento de HTML e CSS.
Free CSS Template Code Generator
É um HTML livre – CSS gerador modelo que gera um layout de três colunas sem usar tabelas.Este gerador modelo produz um modelo feito sob medida, que pode ser usado para controlar a aparência de um site inteiro.
Firdamatic: a ferramenta de projeto para os bloggers Uninspired
este gerador de layout tableless permite que você facilmente criar e personalizar layouts, basta preencher um formulário.
CSS layout Gerador – CSS Portal
Outro gerador de layout com o qual você pode criar um layout de coluna de fluido ou de largura fixa, com até 3 colunas, cabeçalho, rodapé e menu.
CSS layout Gerador de
outro gerador de layout CSS que permite que você crie o seu próprio modelo usando HTML e CSS. Você pode criar um modelo com até 3 colunas e um cabeçalho e rodapé.
Gerador de layout
Esta ferramenta gera layouts multi-coluna e grade com técnicas de CSS 2.0 usando pixels, percentagem ou EM.
CSS Gerador de layout
Com esta ferramenta, você pode modificar o cabeçalho, rodapé, barras laterais e largura do layout e pode definir o tipo de documento como XHTML ou HTML estrito ou de transição para ver a visualização na mesma página.
YAML Builder
Esta ferramenta é projetada para o desenvolvimento visual de layouts baseados em CSS YAML.
O 1KB CSS Grade
É uma ferramenta leve, com o qual você pode simplificar modelos de página para os sistemas de gerenciamento de conteúdo.
Sistema de grade variável
É um modo rápido para gerar uma grade CSS subjacente que se baseia no sistema de grade 960.
GRIDINATOR
Esta ferramenta permite gerar grades para o Grid, 960.gs de Ouro, ou Grelha de 1 KB. Você pode até mesmo gerar uma grade básica genérica.
Blueprint Grade Gerador de CSS
Com esta ferramenta, você pode gerar versões mais flexíveis de grid.cs Blueprint e compressed.css e arquivos grid.png.
CSS Grade Calculator
Esta calculadora permite que você visualize layouts de página e desenhar grades em uma variedade de maneiras. Você pode ter um feedback preciso visual sobre como blocos de texto e divisões página aparecerá dentro de uma janela do navegador. Você também pode voltar declarações de estilo para divisões e texto para copiar e colar em folhas de estilo.
Designer grade
Esta ferramenta permite criar grades de design, dando-lhe opções para personalizar Colunas, Pixels, calhas e margens.
Em Calculadora
Em Calculator é uma ferramenta JavaScript que permite projetar escalável e acessível design CSS. Esta ferramenta converte pixels para as suas unidades relativas in com base em um tamanho do texto.
CSS Menu Maker
Esta ferramenta permite criar personalizado, cross-browser menus de sites compatíveis.
CSS Gerador de Menu
Este gerador menu permite gerar códigos CSS e HTML que você precisa para criar um atraente conjunto de botões de navegação baseados em texto.
Meu Menu CSS
Esta ferramenta fornece uma maneira fácil de criar menus cross-browser compatível com CSS. Com esta ferramenta, você pode criar Horizontal, Vertical, navegação web suspensa.
Tabs Generator
Outro gerador de CSS Menu de navegação Tab que permite ajustar tamanho, cores, cantos e muito mais para gerar projetos originais que podem ser baixados para o seu uso.
Lista-O-Matic
Com esta ferramenta, você pode escolher o conteúdo, layout e apresentação de seus menus de navegação baseados em lista.
Online Button Maker
Esta ferramenta cria XHTML válidos botões micro (80 × 15). Você também pode criar maior 88 × 31 botões.
CSS Button & Campo de texto Gerador
Esta ferramenta é um botão CSS e gerador de campo de texto que lhe permite criar facilmente com apenas um clique do mouse.
Fonttester
Esta é uma excelente ferramenta que permite editar um monte de propriedades CSS incluindo altura inline, o peso da fonte, estilo de fonte e variante, texto travessão e transformar, e palavra e espaçamento de letras.
CSS estilo de fonte
Você pode usar essa ferramenta para definir o estilo da fonte para itálico ou oblíquo.
Typetester
aplicação Isto proporciona uma comparação entre as fontes para a tela. Desde que as novas fontes são embalados em sistemas operacionais, o lista das fontes comuns serão atualizados.
CSS Font e Assistente de estilo de texto
Você pode usar este assistente, se você quiser experimentar com as fontes e estilos de texto a fim de gerar amostra CSS código fonte estilo. HTML dinâmico é usado neste assistente que altera o estilo da tabela in-situ, sem carregar outra página.
CSS tipo de conjunto
Esta é uma ferramenta tipografia que permite aos designers e desenvolvedores para testar e aprender os caminhos para o seu estilo de conteúdo web.
CSS Generator
Essa ferramenta permite que você escolha um estilo para sua página web. Você pode selecionar diferentes Cascading Style Sheet propriedades com visualização ao vivo. Você pode escolher a cor, tag HTML, clique no campo que você gostaria de inserir em cor e colori-los.
CSS Gerador
Esta ferramenta dá uma visualização ao vivo da cor que você selecione a partir da paleta.Você pode especificar diretamente as cores e atributos de design outros. Esta ferramenta ajuda você a escolher a cor da cara para seu novo projeto web de imediato!
Cascading Style Sheet CSS Gerador
Esta é uma ferramenta gratuita que permite criar folhas de estilo em cascata para a sua página web. Você pode adicionar como folhas de estilo que quiser.
quickCSS – Online-CSS-gerador
com esta ferramenta, você pode gerar CSS com apenas um clique.
Cantos Spiffy – puramente CSS cantos arredondados
É uma ferramenta simples para gerar o CSS e HTML necessário para gerar anti-aliasing cantos sem usar imagens ou javascript.
Limpo CSS
Este é um otimizador de CSS e formatador que leva o seu código CSS e torna mais limpo e conciso.
CSS simples
Esta ferramenta permite criar folhas de estilo em cascata únicas a partir do zero. Você também pode modificar o seu CSS existente.
Padrões para CSS Regex Linha Única
Enquanto formatar sua folha de estilo CSS com uma única linha, você pode encontrar macro Textmate Dan Rubin útil se você o seu grupo governante e adicionar espaços em branco que faz varredura através da página web mais fácil. Você também pode usar uma expressão regular, se você não quiser usar Textmate.
CSS – Sprit.es
Com esta ferramenta, você pode facilmente gerar o código HTML e CSS por fazer o upload do arquivo que você deseja usar em seu sprite CSS e, em seguida, clique no botão que juntar todas as suas imagens em um único arquivo. Com esta ferramenta, você também pode alcançar quaisquer efeitos de sobreposição.
Spritegen CSS Sprites
Esta ferramenta permite que você crie seu sprite, deixando o seu carregar a sua imagem e, em seguida, adicionar mais imagens. Você também pode definir a saída de suas imagens como PNG, JPEG ou GIF.
CSS Sprites
Com esta ferramenta, fazer upload de qualquer número de imagens e clique em Gerar botão para criar sprites seu CSS com facilidade.
Desempenho site (CSS Sprite Generator)
é uma ferramenta que permite que você carregue seu arquivo de origem, a fim de criar a imagem do sprite e CSS. Esta ferramenta funciona ignorando redimensionamento duplicatas, as imagens de origem, a definição das opções de sprites e outros CSS como horizontal e vertical, cor de fundo, prefixo de classe, sufixo CSS etc
Spritebox
É uma ferramenta WYSIWYG que é útil para os web designers que querem criar rapidamente classes CSS e IDs de uma imagem do sprite único. Esta ferramenta trabalha com o princípio de usar a propriedade background-position para alinhar as áreas de uma imagem do sprite em elementos de bloco de uma página web.
SlickMap CSS
Esta ferramenta apresenta mapas do seu site diretamente de navegação HTML lista desordenada. Isto é apropriado para os sites que querem acomodar até três níveis de navegação de página e links de utilidade extras que podem ser facilmente modificados para atender necessidades pessoais, branding, ou preferências de estilo.
CSS3 favor!
Esta ferramenta exibe a saída do seu código instantaneamente. É uma ferramenta simples, mas poderosa para a web designers e desenvolvedores.
CSS Classificador
Classificador CSS é uma ferramenta que classifica os arquivos CSS e regras em ordem alfabética, de modo que você pode facilmente gerenciar seus arquivos CSS.
Sky Ferramenta CSS
Sky CSS permite criar classes CSS sem necessidade de qualquer código manuscrito. Para trabalhar corretamente, ele precisa de um navegador compatível com JavaScript.
CSS Tabela Assistente
Este assistente ajuda você gerar o código fonte estilo e permite que você faça experiências com estilos de borda da tabela.
Csstxt
Csstxt é uma poderosa ferramenta que ilustra várias maneiras de adicionar um estilo a um texto com ‘a’, ‘p’ ou tag div.
MinifyMe
É uma aplicação AIR pequena que embala juntos vários arquivos CSS e JavaScript em um único e funciona em seu desktop.
Password Generator
Essa ferramenta gera todos os códigos obrigatórios requeridos proteger com senha um diretório, ou seleciona arquivos dentro dela em seu site por meio de. htaccess. Esta ferramenta funciona por criptografar a senha desejada e depois colocar as saídas dentro do seu. Htaccess e htpasswd. Arquivos.
XHTML / CSS Markup Generator
Esta é uma ferramenta simples que lhe permite gerar rapidamente marcação XHTML e um quadro CSS; encurtar sintaxe, de modo que você pode saltar directamente para o estilo elementos. Esta ferramenta acelera significativamente o seu trabalho.
Um esquema de cores bem é a pedra angular de um bom design do site.
Color Scheme Designer 3
Designer esquema de cores 3 tem uma interface de usuário realmente fantástico que é atraente e fácil de usar. Basta selecionar uma cor, o tipo de esquema de cores que você deseja criar (mono, complemento, tríade, tétrade, analógico, ou analógico acentuada) e depois fazer os ajustes. Ele também permite visualizar o esquema de cores bem na layouts de sites claras e escuras.
ColorSchemer online V2
ColorSchemer permite criar paletas de cores em torno de valores RGB ou HEX, ou usando uma ferramenta seletor de cor. Ele também tem embutido ferramentas para iluminar e escurecer os esquemas de cores que gera. Há também versões para download para Windows e OS X.
Kuler
Kuler da Adobe é uma das melhores ferramentas de esquema de cores disponíveis, com várias opções para criar e encontrar esquemas de cores. Para encontrar um esquema de cores criado por outra pessoa, você pode pesquisar ou navegar pelo mais novo, mot popular, mais alta nominal, ou aleatória. Eles também incluem ferramentas para a criação de um esquema de cores com base em uma imagem (Flickr pesquisa é construída, ou você pode enviar sua própria imagem) ou uma cor de partida.
COLOURlovers
COLOURlovers oferece mais do que apenas uma cor e geradores de padrão, é toda uma comunidade em torno de um amor de cor e bom design. Suas ferramentas de cor incluem geradores paleta básica e avançada, bem como uma opção para criar um esquema de cores de uma imagem.
GenerateIt.net Gerador de Esquema de cores
Aqui está outro gerador esquema básico de cores que permite criar um sistema baseado em torno de uma cor específica, com opções para clarear ou escurecer o regime.
ColorBlender.com
ColorBlender.com oferece tanto manual e automática de cores ferramentas de criação de paleta, bem como a capacidade de exportar sua paleta para Photoshop ou Illustrator (que também fornece HEX e valores RGB).
Gerador de Paleta de cores
Este gerador cria uma paleta de cores com base em uma imagem. Basta inserir qualquer URL da imagem e vai criar dois esquemas de cores: maçante e vibrante.
Se o layout que você precisa para criar é bastante normal, usando um gerador de layout pode poupar toneladas de tempo de codificação. Há ainda geradores de layout para criar mais complexos grade layouts baseados e para temas WordPress.
YAML Builder
Aqui está uma ferramenta visual para criar um YAML (Ainda Outro layout de várias colunas) design. É super fácil de usar e oferece uma série de opções de personalização.
Sistema Interligado variável
Este é um gerador simples para a criação de layouts baseados em grade CSS. Basta digitar a largura da coluna, o número de colunas, ea largura da sarjeta, e gera um layout para você.
Blueprint Grade Gerador de CSS
Se você gosta de usar Blueprint para layouts de CSS, mas quero algo mais flexível, este gerador é para você. Basta digitar o número de colunas, largura da coluna, e largura de margem e gera o seu CSS para você. Uma ressalva, porém: ele não é mais em desenvolvimento ativo e não é suportado.
WordPress Tema Gerador
Este gerador permite que você crie um tema WP, e enquanto ela não é extremamente poderoso, é uma maneira rápida de criar temas minimalistas (tanto em termos de estilo e funcionalidade).
Templatr
Templatr é outro gerador simples para a criação de layouts rápidos WordPress. Ele permite que você editar praticamente todos os elementos no projeto, todos usando um editor visual.
Grid System Generator
O Gerador de Grid System permite criar layouts de grade usando 960.gs, o Grid de Ouro, Grid 1KB, ou grade simples. Basta inserir as variáveis ??para cada um e ele irá gerar um preview e dar-lhe um link de download para os arquivos CSS e HTML.
ColoRotate
ColoRotate permite visualizar e criar esquemas de cores em 3D. Ser capaz de manipular a ferramenta de paleta de cores, em três dimensões pode levar a um melhor entendimento de como as cores de uma paleta relacionam entre si.
Wix
Wix é frequentemente considerada como apenas um personalizador modelo de um Flash, mas também pode ser usado para criar layouts em Flash a partir do zero, incluindo Flash banners e widgets.
Existem geradores de CSS para quase tudo. Muitos dos apresentados a seguir são para criar novos efeitos CSS3, mas há outros para a tipografia, a criação de folhas de estilo iniciais, e criação de botões CSS.
Tipo CSS Set
Set Tipo CSS permite que você crie projetos de tipografia e gera o CSS para você. Basta colar no texto que você deseja modificar e, em seguida, use as opções na parte inferior para personalizá-lo e ele irá gerar o CSS em tempo real.
CSS3 Generator v1.6
Este gerador CSS3 permite gerar CSS cross-browser compatível para coisas como cantos arredondados, sombras caixa, e @ font-face. Basta escolher algo do menu drop-down e mostra-lhe o gerador apropriado.
CSS3.0 Criador
Aqui está outro gerador CSS3 que permite criar uma variedade de efeitos diferentes utilizando CSS3. Existem geradores de raio fronteira, gradientes, sombras de texto, animação e caixa, e muito mais.
CSS3 favor!
CSS3 favor! é um cross-browser gerador CSS3 regra que funciona para coisas como sombras caixa, raio fronteira e gradientes. Basta editar os bits sublinhadas para obter o código apropriado.
CSS3 Sandbox
Sandbox Este CSS3 tem cinco geradores diferentes: gradientes lineares, gradientes radiais, propriedades de texto, propriedades de caixa, e transforma.
CSS3 Gradient Generator v2.0
Este gerador de gradiente permite que você escolha três ou mais cores para combinar a sua inclinação, e usa controles deslizantes para que você possa ajustar a quantidade de espaço que cada cor ocupa dentro de seu gradiente.
PrimerCSS
começar em um estilo novo pode ser uma das partes mais demoradas de codificação de um design do site. PrimerCSS cria uma folha de estilo para o seu arranque a partir do seu código HTML, com todos os IDs e classes utilizadas no seu projeto.
CSS Raio Border
Aqui está um gerador de raio simples fronteira que é incrivelmente fácil de usar. Tudo que você tem a fazer é entrar no raio de fronteira para cada canto. Ele preenche automaticamente todos os quatro quando você entra no primeiro, mas então você pode alterar cada um individualmente.
Button Maker
Este fabricante de botão de CSS-Tricks permite criar botões personalizados com gradientes CSS3.
A maioria dos gráficos em web design são criados usando o Photoshop ou programas de edição de fotos semelhantes. Mas a criação de certos tipos de gráficos, como padrões de fundo azulejos que maneira é demorado e, por vezes, frustrante. Incluído abaixo são uma série de geradores de padrão, bem como geradores para a criação de outros tipos de gráficos.
bgMaker
bgMaker é uma ferramenta padrão de fundo que permite criar fundos com base em pixel padrão.
Stripemania
Stripemania é um gerador de imagem fundo listrado. Escolha a largura da faixa e espaçamento, a orientação, e as cores, e isso gera um padrão de distribuição de repetir.
Fundo pontilhada Generator
Este gerador permite criar pontilhadas, fundos de meio-tom de estilo. Tudo que você tem a fazer é colocar nas cores do ponto e fundo, juntamente com a altura do padrão e ele faz o resto. Há também um botão de “random”, que pode criar algumas combinações de cores verdadeiramente hediondos.
Fundos listradas
Este gerador cria fundos ousadia de listras em qualquer resolução. O recurso randomize pode criar alguns esquemas de cores interessantes. Dica: para fundos de sites, baixar suas listras no tamanho avatar e depois usar a imagem como um padrão de repetição.
BgPatterns
BgPatterns é possivelmente a mais poderosa linha criador padrão de repetição. Você pode escolher entre uma variedade de formas e personalizar tamanho, rotação, posicionamento, cor, textura, e muito mais.
Stripe Generator 2,0
Stripe Generator 2,0 permite criar repetindo tarja fundos. Basta escolher o tamanho e espaçamento, cores, orientação de faixa, de sombra, e estilo de fundo (sólido ou dois tipos de gradientes). Você pode visualizar o seu fundo de tela cheia antes de baixar também.
Tartan fabricante de
fundos da manta não são vistos frequentemente em web design, e parte do que é provável, devido à complexidade de criar um padrão de xadrez ladrilhos. Criador de tartan torna tão fácil como escolher algumas cores e usando controles deslizantes para determinar o tamanho ea ousadia de seu xadrez.
Favicon Generator
Este Gerador de Favicon permite criar um favicon a partir do zero ou com base em uma imagem que você carregar.
Tabs Generator
Aqui está um gerador rápido e fácil para a criação de guias para a sua navegação. Você pode escolher a altura e largura, tamanho da borda, raio de canto cor de fundo e estilo, estilo de preenchimento e cores, e orientação.
CSS Menu Generator
Este gerador é ótimo para quando você só precisa de um rápido, menu drop-down simples.Basta escolher um estilo, criar itens de menu, e download.
CSS Sprite Generator
Para criar sprites CSS com este gerador, basta zipar todas as suas imagens e enviá-los.Especifique o espaço que pretende entre as imagens, bem como a relação de aspecto, construir sentido, e no caso de haver um fundo ou cor de transparência, bem como as especificações de sua imagem e quaisquer especificações CSS que você deseja. Ele irá imprimir o ficheiro sprite, bem como o CSS para cada imagem.
Pure CSS Menu
Este site permite que você crie um menu com dropdowns que só usa CSS, sem imagens. É simples, mas também é rápido de configurar.
Typetester
Aqui está um gerador de tipografia CSS que permite testar até três fontes lado a lado, e depois baixar o CSS para um ou todos eles.
Os geradores acima não são os únicos geradores on-line úteis para web designers. Existem geradores para criar texto fictício, criando formas, kits de fontes e muito mais. Aqui estão alguns dos melhores:
Gerador de texto
Ao invés de usar Lorem Ipsum para tudo, por que não começar algum texto gerado aleatoriamente? Este gerador de texto puxa texto a partir de uma variedade de fontes. Basta dizer que o número de pontos que você deseja.
Web Form Fábrica
Fábrica Web Form cuida da programação PHP de seus formulários web com base em seus arquivos HTML. Ele pode produzir formas que irão enviar e-mail ou enviadas para um banco de dados.
Faary
Faary permite que você crie formulários de forma rápida e fácil, apenas inserindo os elementos do formulário em formato de lista. Em seguida, clique em gerar e ele irá criar um formulário que você pode baixar.
Showdown
Showdown é um porto de Markdown em JavaScript. Basta digitar algum texto e vai markdown saída HTML para você.
Kit @ font-face Generator
Este gerador kit @ font-face de Squirrel Font permite criar kits completos para qualquer fonte que você pode usar legalmente com o @ font-face.
pForm
pForm é um construtor de forma livre HTML. Basta escolher a partir de seus modelos pré-concebidos e personalizar o seu formulário. É rápido e eles têm uma boa selecção de designs de formulário para escolher.
Adhesiontext
Adhesiontext cria texto fictício para vários idiomas, incluindo caracteres específicos. Além de caracteres latinos, você também pode criar texto fictício em cirílico, grego e árabe.
