Posts com Tag ‘CSS’

HTML Instant

Publicado: 21/10/2010 em ferramentas, novidades
Tags:, , ,

O HTML Instant é uma ferramenta online para você testar códigos no formato CSS, HTML e JavaScript. Está no idioma inglês, mas mesmo assim é muito simples de utilizar e compreender suas funcionalidades.

Basta preencher do lado esquerdo, testando, alterando e na medida que você preenche com o código o lado direito vai mostrando o resultado em tempo real.

Quer fazer um desenho simples e depois gerar um código CSS e HTML e inserir no seu site? o site CSS Tricks.com criou uma ferramenta online que através de desenho pixel art você gera um código CSS e HTML.

Você também pode usar na criação de um email marketing , onde geralmente os programas de email bloqueiam imagens, esta ai uma simples solução.

Algumas características:

* Grade com cores diferentes;
* Limpar o design atual;
* Alterar o tamanho da grade para diferentes opções predefinidas.

Num post anterior indiquei uma seleção de tutoriais que mostrava como passar o layout feito no Fireworks para css, como não poderia deixar os amantes de Photoshop na mão fiz uma seleção de 5 tutoriais muito úteis para que você possa passar de Photoshop para html e css, mostrando várias formas de codificar um Site e de quebra a criação do layout.

1. Sanke

2. Creatif

3. Htmlcss

4. Chris


5. Grunge

Fireworks como certamente muitos já conhecem, é um programa recomendável pra quem trabalha com desenvolvimento de interface para web sites, com uma interface amigável e muito prática.

Para quem procura mais rapidez na hora de mandar seu site para HTML e CSS o Fireworks disponibiliza uma função bem interessante, abaixo segue uma seleção de exemplos práticos.

1.smartwebby


2.entheosweb


3.wonderhowto


4.bestwebdesignz


5.ultradev

Quer exibir em seu site algum tipo de publicidade, informação ou algo que você considera importante, ai está uma ótima opção.

page peel

Fonte: sohtanaka

Seleção com algumas técnicas css.

Creating a polaroid photo viewer with CSS3 and jQuery

css polaroid

Multiple Backgrounds

css bg

Star Rater

css rating

Curves

css curves

Image Pop-Up

css popup