Conteúdo para você se capacitar em programação
Tenho feito bastante design responsivo ultimamente e descobri que sempre preciso ajustar diferentes aspectos do meu design em muitos pontos de interrupção diferentes, não apenas pontos de interrupção para dispositivos …
Continuar lendoEm uma grade flutuante, basta um elemento de grade ligeiramente mais alto para quebrar todo o layout. Se este não fosse um design responsivo, você poderia consertar a altura e …
Continuar lendoAqui está um exemplo rápido da melhor maneira de empilhar grades de fluido Isso alivia a questão de saber se você tem uma margem vertical nos blocos ou não em …
Continuar lendoEm vez de escrever suas consultas de mídia como esta: @media only screen and (min-width: 40em) {} simplesmente remova o only screen and: @media (min-width: 40em) {} ou altere-o para …
Continuar lendoSass tem um recurso muito útil que geralmente não é amplamente conhecido: @content . Você quase pode pensar em algo @contentparecido yield– isso nos permite definir um mixin Sass que …
Continuar lendoAqui está uma função de conversão PX para EM útil para SASS, também funciona se você estiver usando uma bússola como um ajudante. // Enter a base pixel size in …
Continuar lendoSe você deseja acessar seu site hospedado localmente (por exemplo, executando MAMP Pro ou algo semelhante) em qualquer dispositivo em sua rede – incluindo dispositivos móveis – adicione um alias …
Continuar lendoA Microsoft, infelizmente, quebrou o design responsivo do IE 10 no Windows Phone 8 ao interpretar a largura do dispositivo da janela de visualização meta / CSS como a largura …
Continuar lendoA maioria de nós define uma largura máxima global para imagens responsivas, assim: img { max-width: 100%;} No entanto, isso quebra as imagens no Google Maps, como a sombra da …
Continuar lendoQuando você está trabalhando com web design responsivo, precisa lidar com uma grande dimensão, mas usando sass (.scss), você pode escrevê-las em variáveis e chamá-las como um escopo: $small-device: “all …
Continuar lendoAqui está um snippet Sublime Text2 / 3 de James Nowland que economizará tempo ao codificar um site responsivo usando SASS: <snippet><content><![CDATA[@include breakpoint(${1:papa-bear / mama-bear / baby-bear}) { ${2:}}]]></content> <!– …
Continuar lendoEm 2009, Thierry Koblentz escreveu sobre Intrinsic Ratios , especificamente no que diz respeito a vídeos. Agora eles são usados em qualquer lugar, ou deveriam ser, graças ao RWD. Eu …
Continuar lendoO problema O Chrome não me permite dimensionar a janela do meu navegador abaixo de X pixels de largura !!! 1 #omg #wtf #bbq “ Tenho sido atormentado pela aparente …
Continuar lendoSe você tiver um web design responsivo, evite que os navegadores móveis exibam a versão para desktop, informando que a página já está na escala correta. Você pode fazer isso …
Continuar lendoHoje, com o crescimento do acesso por meio de dispositivos móveis, é necessário encontrar formas de tornar o conteúdo de seu site acessível por meio de smartphones. A partir daí …
Continuar lendoCalculando a largura responsiva de um elemento. elemento-alvo / pai-do-elemento-alvo = resultado Portanto, você pode ter um elemento-alvo com largura = 420px e largura do elemento-pai-do-destino = 660px 420px ÷ …
Continuar lendo