mostrando e escondendo: antes e: depois no IE8
Parece que o :beforee :afterno IE8 têm problemas com a exibição. Se uma classe dá um display: blocke sem ele, o display: noneIE8 não é um campista feliz. Ele começa …
Continuar lendoConteúdo para você se capacitar em programação
Parece que o :beforee :afterno IE8 têm problemas com a exibição. Se uma classe dá um display: blocke sem ele, o display: noneIE8 não é um campista feliz. Ele começa …
Continuar lendoQuando se trata de criar um mixin não paramétrico, a página inicial do LESS diz: .bordered { border-top: dotted 1px black; border-bottom: solid 2px black;} Então você pode fazer: .container …
Continuar lendoEu estava conversando com um colega de trabalho esta manhã sobre mapas de origem CSS. Eu nunca consegui fazer o Compass criar mapas de origem para mim. Tentei novamente esta …
Continuar lendoCSS Clear FIx Mixin para SASS # [email protected] clearFix(){ &:before, &:after{ content: ” “; display: table; } &:after{ display: block; clear: both; height: 1px; margin-top: -1px; visibility: hidden; } &{ …
Continuar lendoPor padrão, os rótulos dos campos obrigatórios são renderizados com a classe “obrigatória”. Para adicionar um asterisco a esses rótulos, basta adicionar o seguinte em sua folha de estilo: .required:after …
Continuar lendoEncontrei este pequeno artigo de Paul Lewis e me lembrou da importância de animações adequadas na IU. É quase como dirigir um filme, cada quadro tem que ser colocado ali …
Continuar lendoAo estilizar listas, eu inevitavelmente removo os marcadores ou números padrão com CSS, usando algo como: li { list-style-type: none;} E acabam substituindo o marcador ou número por uma imagem …
Continuar lendo6 meses atrás eu criei um protip chamado Absurdly Abstract @ font-face mixin com a intenção de tornar mais fácil incluir fontes de marca. No final daquele artigo, observei que …
Continuar lendoRecentemente, atualizamos o site da nossa empresa ( http://theagilemonkeys.com ). Quando estávamos na mesa de design, o que queríamos é que a experiência do site fosse a mesma, independentemente do …
Continuar lendoDo usuário Kevin Woodberry sobre essa discussão : #twitter-widget-0{ width:760px; } “760px” pode ser, é claro, qualquer valor. Se você tiver mais de um widget na página, talvez precise usar: …
Continuar lendoSe você precisar criar muitos estilos diferentes, mas semelhantes, lembre-se do tipo de dados da lista e da regra @each. Mau .x-icon { width: 40px; height: 40px; background-size: contain; &.cat …
Continuar lendoO Problema: Queremos que os recursos no dom tenham uma de 3 cores e queremos que essa cor seja determinada pelos dados. A Solução: Insira uma string, que por acaso …
Continuar lendoO problema: Queremos tirar uma foto de uma pasta que contém fotos de perfil. No entanto, não temos fotos de perfil para todos. Quando não há uma foto de perfil, …
Continuar lendoLeia a história de fundo ou vá direto para os produtos, rolando para baixo até “Processo de implementação” … No projeto mais recente da minha equipe, usamos um conjunto de …
Continuar lendoResposta: MUITO! Vá para a demonstração: http://dabblet.com/gist/3333961 Uma dica muito legal que eu gostaria de compartilhar é ocultar / mostrar conteúdo usando pseudo seletores CSS. Na demonstração, temos uma caixa …
Continuar lendoPor padrão, o Bootstrap não fornece um sistema de grade que nos permite criar um layout de cinco colunas, mas como você pode ver, é bastante simples. Em primeiro lugar, …
Continuar lendo