Ruanceli - WebDeveloper

Se precisar criar uma página HTML para algum formulário, e não sabe por onde começar. Você pode visitar pForm, um ferramenta on-line que permite desde selecionar a cor do seu formulário até descarregar o código fonte para utilizar no seu site.

Player Poderoso e flexível, permite inserir diferentes formatos multimídias: FLV, SWF, MP3,MP4,H.264 video, JPG e PNG no seu site, sem necessidade de recorrer a sites externos como o Youtube. FlowPlayer possui características extraordinárias, que vão desde a adaptação de skins, para adaptar o player as cores do site, como também opções que podem se encontrada em serviços tradicionais, como por exemplo opções de compartilhar vídeo via email, embarcar e etc.

Algumas Características

• Suporte a Arquivos Multimídia.
  FLV, SWF, MP3, MP4, H.264 video, JPG and PNG
• Configurações Flexiveis
  FlowPlayer tem muitas opções de configuração. Você pode iniciar imediatamente com as configurações padrões, mas depois pode tunar o seu player com as opções.
• Download Progressivo
  O jeito mas simples de prover video Flash ao seus visitantes.
• Streaming
  FlowPlayer suporta servidores streming como Flash Media Server, Wowza, e Red5.
• Playlists
  Controle Varios videos em somente uma instância do player. Ou combine múltiplos vídeos em uma strem com a ajuda do servidor streaming. Você também pode inserir imagens na playlists.
• Prevenção de Hotlinking.
  Proteção contra hotlinking ou links diretos de vídeos e imagens.
• Suporte a Publicidade
  Player permite inserção de publicidade nos vídeos.
• Modo Tela Cheia.
  Um real modo de tela cheia, sem maximizar a janela do navegador.

Via: Xyberneticos

Centralizar Verticalmente com Line-height
Quando você tem um container com altura fixa, você pode utilizar a propriedade line-heigh para centralizar verticalmente o conte

line-height:24px;

Prevenir Conteúdo Distorcido com larguras fixa.
Quando você inseri um conteúdo maior que a largura fixada em um container, ele quebra o layout. Para evitar isso, você oculta parte do conteúdo, mas permite que a estrutura do seu layout permaneça intacta.

#main{overflow:hidden;}

Prevenir Quebra de Linhas em Links
Essa pequena dica irá prevenir quebra de linhas em seus links.Recomenda-se o uso dessa técnica em textos longos para evitar que links se quebrem em 2 linhas;

a{white-space:nowrap;}

Centralizando elementos de bloco horizontalmente
Para todos navegadores modernos esta linha de css é suficiente para centralizar um bloco horizontalmente

margin:0 auto;

Removendo Scrollbar Vertical de Textarea no IE
Textarea no IE tem a scrollbar vertical visível por padrão. Se você quiser remover utilize essa linha de código

textarea{overflow:auto;}

Força Quebra de Linhas em Documentos Impressos
Com esta linha de código você controla espaços quando você quer suas paginas impressas.

h2{page-break-before:always;}

Fonte:CSS Globe

Styles são comandos úteis no Fireworks que aplicam certos atributos como: Borda, Efeitos e Atributos de Texto a um objeto(ta até parecendo aula de O.O.).

Com estes estilos pré-fabricados você pode facilmente aplicar efeitos de gradientes nos elementos de um website ao estilo web2.0: cabeçalhos, plano de fundo, botões ou qualquer outro elemento de webdesign.

Download 48 Estilos Web2.0 para o Firefox

Fonte: 2expertsdesign

Galleria é galeria de imagem em javascript escrita com JQuery. Ela carrega as imagens uma por uma de uma lista ordenada e mostra miniaturas de cada imagem carregada.

Ela cria miniaturas para você se você escolher: escalável ou não-escalavel, centralizado e recortada dento de um caixa de miniatura fixa definida pelo CSS. Com certeza È uma boa base para um galeria de imagem customizavel.

Ver Demo1 – Ver Demo2 – Baixar(GPL 3.0 License)

Em homenagem ao dia internacional da mulher, Os 15 tipos de mulheres Geek.

1. Mulher Vírus: Quando menos se espera, se instala em seu apartamento e se apodera de todos seus espaços. Se tenta desinstala-la, vai perder muitas coisas; se não tenta, perde todas.
2. Mulher Internet: Tem que pagar pra ter acesso.
3. Mulher Servidor: Sempre está ocupada quando se precisa.
4. Mulher Windows: Sabe que tem muitas falhas, mas não pode viver sem ela.
5. Mulher PowerPoint: Ideal para apresentar a pessoas em festas, convenções e etc.
6. Mulher Excel: Dizem que fazem muitas coisas, mas você só usa para as operações básicas.
7. Mulher Word: Tem sempre uma surpresa reservada para você e não existe nada no mundo que a compreenda totalmente.
8. Mulher Backup: Você acredita que tem o suficiente, mas na hora do vamos ver, sempre falta algo.
9. Mulher Scandisk: Sabemos que é boa e que só quer ajudar, mas no fundo nada sabe do que realmente está fazendo.
10. Mulher Screensaver: Não serve de nada, mas te diverte.
11. Mulher HD: Se lembra de tudo, todo tempo.
12. Mulher Mouse: Funciona só quando arrasta.
13. Mulher Multimedia: Faz tudo parecer bonito.
14. Mulher Usuário: Não faz nada bem e sempre está fazendo perguntas.
15. Mulher e-Mail: De cada dez coisas que dizem nove são besteiras.

Via:
HYANETWORKS

O Google Analytics anunciou ontem novas funcionalidades do serviço, benchmarking e compartilhamento de dados. A funcionalidade de benchmarking permite aos usuários compararem seus dados estatísticos do site com outros sites similares na mesma categoria ou em categorias diferentes(comparação vertical e horizontal).

Porém, para ativar o serviço de benchmarking, o usuário precisa optar pelo programa de compartilhamento de dados, no qual você precisa concorda em compartilhar os dados de tráfico do site com outros usuários. Essas configurações podem ser encontradas em Edit Account” (”Analytics Settings” -> “Edit Account and Data Sharing Settings”).

1. Você é o Kernel do meu Linux
2. Você é o HTML do meu Coração.com
3. Tu és 1024kb para o meu megabyte.
4. Seucoração.com é minha página principal.
5. Você é o socket da minha CPU.
6. Você é a RAM que da vida ao meu windows.
7. Você é o compilador do meu codigo.
8. Você é o .gif que anima minha vida.
9. Sempre estás em C:/Meu/Coração.
10. Tu és como o firefox que me tirou do inferno do Explorer.
11. Você é o enter da minha vida.
12. Se me deixar faço Alt-F4 da minha vida.
13. Quando te vejo meu ciclo de cpu acelera.
14. Você tem a prioridade máxima nos meus processos.
15. Na cama você é puro overclocking.
16. Sem você minha vida seria como um site sem CSS.
17. Tem permissão de root na minha vida.
18. Suas palavras tem o IRQ mais baixo para mim.
19. Meu sistema operacional entra em hibernação quando não estás a meu lado.
20. Queria ser um Pendrive para seu USB.