Conteúdo para você se capacitar em programação
Então, para meu projeto atual, precisei animar caixas e fade-las uma após a outra. Abaixo está uma captura de tela. HTML <section> <div></div><div></div> <div></div><div></div> <div></div><div></div> <div></div><div></div></section><section> <div></div><div></div> <div></div><div></div> <div></div><div></div> <div></div><div></div></section><section> …
Continuar lendoCapitão Óbvio aqui. Apenas trate os elementos de bloco como inline: display: inline-block; Desta forma, você pode usar vertical-align: middle;e outros atributos disponíveis apenas para elementos embutidos, deixando o layout …
Continuar lendo“Para determinar se uma regra CSS se aplica a um elemento específico, os navegadores começam da direita da regra e seguem para a esquerda. Se você tiver uma regra como …
Continuar lendoSou um grande fã de classes “utilitárias” de linha única em CSS. Eles tornam a escrita do seu HTML mais rápida e também significam que os componentes têm menos probabilidade …
Continuar lendoiOS e Android são inteligentes o suficiente para usar :hovere :focusestilizar os botões, mas de uma maneira única. Há muito tempo meus projetos são atormentados por estados de foco em …
Continuar lendoExistem várias maneiras de converter seu site em RTL. Converter manualmente o arquivo, usando plug-ins, scripts, etc., ou – escrever código inteligente . Não quero dizer que seu código pensará …
Continuar lendoAlgum tempo atrás, fiz esta demonstração de uma tabela de preços . Acabou sendo muito legal 🙂 Aqui está o link para minha postagem no blog sobre ele. E o …
Continuar lendoAo usar o js-prefixo para classes em elementos DOM, você desacopla aspectos funcionais desses elementos dos CSS. Um exemplo: <a class=”btn js-popup”>Click me!</a> Agora: como codificador css, você pode facilmente …
Continuar lendoRecriei o logotipo do coderwall com HTML e CSS: Você pode encontrar a versão ao vivo e a fonte aqui: http://codepen.io/TimPietrusky/pen/hLolB O logotipo A fonte usada é ITC Avant Garde …
Continuar lendoOk, eu admito. Nunca consigo me lembrar das diferentes declarações do navegador e da sintaxe correta para todos aqueles efeitos CSS interessantes. Pelo menos uma vez por dia, uso uma …
Continuar lendoVocê pode usar injeção de estilo ao desenvolver aplicativos sinatra, permitindo que você veja as alterações de css / sass sem atualizar seu navegador. Isso é especialmente útil ao fazer …
Continuar lendoTenho experimentado muito a Stylus recentemente e cada vez que a uso aprendo mais e mais truques. A seguir, mostrarei como criar a função calc () sem ter que repeti-la …
Continuar lendo.checker { height: 0; width: 20%; padding-top: 20%; float: left; background: black;}.checker:nth-of-type(even) { background: white;} Demo http://jsbin.com/afikin/1/
Continuar lendoUm truque simples, mas muito útil para implementar em css é tornar a url dos links visível nas páginas html quando impressos. Isso pode ser realizado automaticamente com o seguinte …
Continuar lendotr:nth-child(2n+1){ background: #fff } tr:nth-child(2n+0){ background: #ffffec }
Continuar lendoBem, para ser mais específico. Acabei de descobrir por que algumas pessoas na minha empresa reclamaram que “o trabalho do freelancer parece diferente no meu dispositivo móvel do que na …
Continuar lendo