Articles of css

Os flutuadores são ruins? O que deve ser usado em seu lugar

Eu fiz o salto de design de tabela para css cerca de uma semana atrás e desde então tenho lido mais sobre isso. Ontem, li um longo post aqui no SO, onde os cartazes estavam batendo carros alegóricos e sobre como eles se depreciam. Houve muita conversa sobre inline-block sendo usado em seu lugar. Eu […]

Qual é a diferença entre px, em e ex?

Qual é a diferença entre px , em e ex ? E quando você define o tamanho da fonte em CSS, você usa px , pt ou em ?

Qual é o melhor método para reduzir o tamanho dos meus arquivos Javascript e CSS?

Ao trabalhar com arquivos grandes e / ou muitos JavaScript e CSS, qual é a melhor maneira de reduzir o tamanho dos arquivos?

quebra de linha: quebra de palavra não funciona no IE8

Alguém pode me dizer por word-wrap: break-word não funciona no IE8? Eu tenho este trabalho em outros navegadores, mas o IE8 se recusa a ouvir apesar de ler este post em seu site? http://msdn.microsoft.com/en-us/library/ms531186(VS.85).aspx obrigado

Aguarde até que as fonts sejam carregadas antes de processar a página da web

Estou usando o @ font-face para incorporar fonts no meu site. Primeiro, o texto é renderizado como o padrão do sistema e, em seguida, (uma vez que o arquivo da fonte foi carregado, presumivelmente), a fonte correta renderiza uma fração de segundo depois. Existe uma maneira de minimizar / se livrar desse atraso, atrasando a […]

Barras de rolagem semelhantes à Apple usando CSS

Tenho notado em alguns sites da Apple como: http://help.apple.com/mobileme/index.html#mm5b08c671 eles têm barras de rolagem personalizadas usando o material de CSS da barra de rolagem do WebKit que recentemente saiu. No entanto, não consigo replicá-lo. Alguma ideia de como fazer? Eu tenho um site de teste aqui, mas eu recebo as barras de rolagem padrão? obrigado […]

Como forçar a re-renderização após uma transformação do WebKit 3D no Safari

Estou usando transformações CSS 3D para ampliar uma div, por exemplo: -webkit-transform: scale3d(2,2,1); O escalonamento funciona bem em qualquer navegador WebKit. No entanto, ao usar isso no Safari (móvel ou Windows), o conteúdo do div não é renderizado novamente. O resultado é que o conteúdo fica borrado após o dimensionamento. Este efeito só ocorre quando […]

Obtenha o caminho do script

Em CSS, qualquer caminho de imagem é relativo ao local do arquivo CSS. f.ex se eu colocar o arquivo CSS em /media/css/mystyles.css e usar algo como .background:url(../images/myimage.jpg); O navegador procurará a imagem em /media/images/myimage.jpg que faça sentido. É possível fazer a mesma coisa em javascript? F.ex se eu include /media/js/myscript.js e colocar este código lá: […]

Como posso ampliar um elemento HTML no Firefox e no Opera?

Como posso ampliar um elemento HTML no Firefox e no Opera? A propriedade zoom está funcionando no IE, Google Chrome e Safari, mas não está funcionando no Firefox e no Opera. Existe algum método para adicionar essa propriedade ao Firefox e ao Opera?

Melhor maneira de impedir o cache do navegador de arquivos JavaScript

É assim que evitamos o armazenamento em cache de arquivos JS e CSS pelos navegadores. Isso parece um pouco hacky .. existe uma maneira melhor? <link rel="stylesheet" type="text/css" media="screen" href="/css/management.css?” /> <script type="text/javascript" src="/js/pm.init.js?”> <script type="text/javascript" src="/js/pm.util.func.js?”> Atualização: O motivo pelo qual queremos impedir o armazenamento em cache é garantir que a versão mais recente […]