The End-all SASS Media Query Mixin
O código se explica sozinho, então aqui está: $mq-support: true !default;@mixin pe-media( $min: null, $max: null, $height: false, $serve-to-nomq: true ) { @if $min == null and $max == null …
Continuar lendope1999
Adicionar ícone a links externos, MAS não âncoras que contêm uma imagem
O problema Eu tinha um site que criava links externos com CSS bastante simples. Você já viu esse padrão antes, aposto. Para fins ilustrativos, é isso: a[href^=”http:”]:before:not([href^=”http://www.thissite.com”]), a[href^=”https:”]:before { …icon …
Continuar lendoMinha estrutura SCSS para arquivos e parciais
O Compass e o SCSS permitem que cada equipe descubra o que funciona melhor para eles. Ao longo do ano passado, a equipe do <a href=”/team/project-evolution” target=”_blank”> Project Evolution </a> …
Continuar lendoUm Mixin para Ajuste de Tamanho de Fonte
Qualquer pessoa que já trabalhou com webfonts customizadas provavelmente encontrou um problema em que precisava do font-size-adjust</code> property. Unfortunately, Firefox is the only major browser that supports it so far …
Continuar lendoDestaque visualmente os rádios e caixas de seleção selecionados
Percebo que a maioria dos dispositivos habilitados para toque (e navegadores de desktop mais recentes) fazem uma coisa boa com a caixa de seleção e os elementos de formulário de …
Continuar lendoHover Intent com Pure CSS3
Recentemente tive um projeto com um sistema de navegação bastante complexo. Os drop downs foram feitos em CSS puro e funcionaram muito bem, mas pareceram hiper. Conforme o mouse passava …
Continuar lendoMelhor marcação semântica para um Blockquote
Já faz algum tempo que estou obcecado com a maneira correta de fazer isso. Segui alguns conselhos online, fiz algumas pesquisas, tive algumas conversas e finalmente encontrei a especificação W3 …
Continuar lendoCarregar AddThis (ou semelhante) quando um ponto de interrupção de consulta de mídia for atendido
Freqüentemente, no Design Responsivo, alguém deseja carregar a funcionalidade para certas larguras de viewport. Pode ser que você queira presumir que os usuários de desktop têm mais largura de banda …
Continuar lendo