Arquivo para o 'HTML / CSS Categoria'

Substituir o texto de várias técnicas, CSS3, sIFR, Typeface.js, cufon

31 de julho de 2010 pelo SLJ | Categoria: HTML / CSS , Javascript | 2 Comentários 304


No desenvolvimento atual, mostrar ao cliente fontes página atenção crescente, especialmente o texto do título. abordagem anterior é a utilização de uma imagem estática, mas porque o texto da imagem não é dinâmico, com uma nova abordagem é particularmente importante, aqui estão quatro tipos de alternativas de texto.

Mais »

CSS na cor RGBA

30 de julho de 2010 pelo SLJ | Categoria: HTML / CSS | Nenhum comentário 158


RGBA é uma declaração incluída no CSS na forma como a efeitos de transparência de cor, e sua sintaxe é assim:

 : rgba ( 200 , 54 , 54 , 0.5 ) ; } div (background: rgba (200, 54, 54, 0.5);) 

Ela nos permite adicionar uma cor transparente para o elemento. Talvez usei a "opacidade", é muito fácil de usar, mas, a opacidade de todos os elementos criança se torne transparente e difícil de resolver este problema.

Mais »

HTML5 novos recursos demo

01 de maio de 2010 pelo SLJ | Categoria: HTML / CSS | Nenhum comentário 731

HTML5 novos recursos demo

Este é um apresentações novos recursos HTML5, incluindo quase todos os perfis de recursos empolgantes HTML5 nova e DEMO.
IE família de navegadores não podem navegar, Firefox, Opera e outros navegadores só pode utilizar uma parte da função, se você quiser 100% demonstração bem sucedida, por favor use a última versão do "Google Browser (Google Chrome)", recomenda o uso da versão mais recente.
Mais »

Usando CSS para alterar tudo: mais de 20 comuns e Correção de Erros

20 de abril de 2010 pelo SLJ | Categoria: HTML / CSS | Nenhum comentário 415

Usando CSS para alterar tudo: mais de 20 comuns e Correção de Erros

Sem dúvida, um layout e estrutura razoável é a melhor escolha. Isto não é só porque o seu layout em diferentes navegadores ver o desempenho diferente, mas também por causa do CSS, existem muitas maneiras para cada elemento do seu layout. Hoje, esperamos compartilhar com vocês algumas técnicas para evitar a criação de layout CSS vulnerável a erros.

Mais »

15 do Google para desenvolvedores de sites para criar ferramentas

18 de abril de 2010 pelo SLJ | Categoria: Design , HTML / CSS | Nenhum comentário 358

15 do Google para desenvolvedores de sites para criar ferramentas

A missão do Google é a Web, aos olhos do Google, todas as aplicações futuras baseadas na Web, tem sido, Google, Web desenvolvimento e lançamento de um grande número de ferramentas gratuitas para designers que lhes permitam uma melhor criar, manter, melhorar o seu site Essas ferramentas incluem o desenvolvimento, análise, manutenção, reparação, etc efeito, o presente artigo descreve uma ferramenta 15.

Mais »

Transferência: desenvolvimento de aplicações offline usando Dojo

4 de abril de 2010 pelo SLJ | Categoria: HTML / CSS , Javascript | Nenhum comentário 223

Sobre o Dojo funcionalidade offline

O chamado off-line, significa que o usuário não pode, em rede Jing Huan também pode trabalhar, e quando o ambiente de rede restaurada, antes que a operação pode sincronizar automaticamente para Fuwuqishang. Atualmente, as aplicações off-line podem ser divididos em dois tipos: um é a aplicação desktop, que o IBM Lotus Notes representados. Outra é a popularidade relativamente recente da Web offline aplicações, incluindo as mais representativas para aplicações offline do Google, como Google Docs, Gmail, Google Reader e assim por diante. O artigo descreve a funcionalidade offline Dojo, é atualmente a aplicação mais popular do quadro necessário para alcançar o segundo off-line.

Mais »

Digite formulário web usado para enviar as condições

Março 29, 2010 por SLJ | Categoria: HTML / CSS , Javascript | Nenhum comentário 190

Tecla Enter envia o formulário é muitas vezes uma operação de movimento, e em que condições pode tecla Enter para apresentar poucas pessoas preocupam!

Às vezes esperamos que a chave do retorno bateu na caixa de texto (elemento de entrada) para onde enviar o formulário (formulário), mas às vezes não espero que sim. Tais como o comportamento de busca, eu espero, depois de inserir palavras-chave diretamente pressione a tecla Enter para enviar o formulário de imediato, e de alguma forma complexa, a tecla Enter para evitar abusos, não pode ser concluído a tempo de preencher o formulário para acionar o envio do formulário.

Para controlar estes comportamentos, não precisa da ajuda de JS, o navegador já nos ajudaram a fazer essas ofertas, eu vim acima com algumas regras:
1, se o formulário existe um type = "submit" botão, a tecla Enter efeito.
2, se apenas um tipo de forma = "text" da entrada, entrar em vigor.
3, se o botão não é de entrada, mas com o botão, e nenhum tipo de adicional, ou seja, no tipo de botão padrão = defaults FX tipo de = apresentar.
4 º, outros elementos de formulário como textarea, select não afeta.

A aplicação prática de tempo para responder a tecla Enter para tornar mais fácil para formar, a forma de assegurar que haja um type = "submit" botão na linha. Quando apenas uma caixa de texto não pretende responder a tecla Enter como fazer? Meu método é um pouco estranho, é escrever uma caixa de texto sem sentido, oculto. De acordo com a regra 4, use o botão quando tentamos declarar explicitamente o desempenho do tipo de navegador para a linha.

A Demo , uma lista de alguns exemplos

[Inglês, virar 45] novas tecnologias úteis e ferramentas JS e jQuery

15 de marco de 2010 pelo SLJ | Categoria: HTML / CSS , Javascript | Nenhum comentário 612

45 Fresh úteis JavaScript e jQuery Técnicas e Ferramentas

Sim, este é um outro round-up de novas e úteis técnicas de Javascript, ferramentas e recursos. Mas não fechar a guia, no entanto, como você pode encontrar um presente muito útil. Nesta seleção que apresentar calendários, formulários, botões de navegação, depuração, otimização e tabelas de compatibilidade, bem como recursos úteis e ferramentas. Nós também abranger vários plugins jQuery, que vai ajudá-lo a estender a funcionalidade do seu site e melhorar a experiência do usuário com componentes prontos ou soluções de codificação.

A última seção também abrange uma série de úteis recursos educacionais, tais como uma compilação de JavaScript útil práticas de codificação, uma comparação detalhada dos frameworks JavaScript e convenções gerais de programação JavaScript. Aguardamos o seu feedback.

Mais »

"Light up the Web": a prática Firefox e IE plug-ins

13 março de 2010 pelo SLJ | Categoria: HTML / CSS | Nenhum comentário 204

Alipay UED de estudantes pombos criou um plugin do Firefox, que pode ser utilizado para rápido tempo real HTML edição de código, tornando rapidamente Demo página no Firefox e mais fácil editar o Sprite CSS, assim como com a página de depuração Fiddler, é um front-desenvolvimento assistente final muito bom .

versão do Firefox

O plug-in com base no Firebug, para certificar-se antes que a instalação tenha sido instalado o Firebug.

Algumas das características mais importantes;

  • edição em tempo real - que é a mudança que agora, para fazer com que o Firefox para jogar super-editor da página;
  • Utilizado em conjunto com o Fiddler, rápida depuração de Web online, o código HTML para gerar rapidamente;
  • Refresh CSS, DOM não atualizar;
  • Desabilitar um estilo CSS simples;
  • CSS Sprites rapidamente a posição;
  • Sessão, mas para continuar;
  • Em qualquer nó para a imagem PNG de exportação;

Mais »

[Alterar] texto CSS layout Ultimate Guide

pelo SLJ | Categoria: HTML / CSS | Nenhum comentário 154

No projeto atual, o layout é muitas vezes esquecido, especialmente por web designers ignorado. É uma coisa lamentável como o CSS pode fazer muitas coisas para controlar o nosso layout. Em outras palavras, estamos restritos a determinados serviços da rede de segurança "layout, mas não devemos limitar a nossa própria criatividade. Este artigo compilou algumas técnicas utilizadas a CSS layout da página.

propriedade Font

CSS fornece uma propriedade da fonte, que nos permite ajustar o nosso texto da página. Esta é uma série de cerca de gramática e como usar CSS para ajustar o texto do resumo.

Font-size

Font-size pode ser modificada usando o tamanho do texto.

  1
 2
 3
  1.2em ; -Tamanho da fonte: 1.2em;
 12px ; Font-size: 12px;
 10pt ; Font-size: 10pt; 
Visualização
  1. tamanho 1.2em texto.
  2. Texto de tamanho 12px.
  3. Tamanho do texto é 10pt.

PS: sobre o tamanho da fonte, recomendo o cais escrever " http://www.css88.com/archives/821 "

Font-weight

Essa propriedade é usada para alterar a espessura de seu texto (como negrito, mais ousados)

Mais »

Topo ↑