Conteúdo para você se capacitar em programação
Recentemente, vi um ótimo post de Elad Schechter ( https://coderwall.com/p/ygcyha ) dando a todos nós uma ótima visão sobre o tamanho real da tela do dispositivo e o tamanho da …
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 lendoCódigo HTML apenas – Não vá para frente e para trás entre a marcação HTML e CSS. Estruture a página para fazer sentido usando o mínimo de DIVs possível. Modificar …
Continuar lendoHoje eu precisava exibir uma tabela que pudesse ter entre 0 e algumas centenas de colunas … e fazer isso de uma forma que mantivesse a “chave primária” visível. Peguei …
Continuar lendoO design responsivo é muito mais do que apenas uma palavra da moda e um conjunto vagamente organizado de princípios – é uma técnica de design que exige que você …
Continuar lendoLançamos o novo Hashrocket.com recentemente. Este novo site é um novo design e uma reescrita do front-end – muito do back-end também foi reescrito, mas eu sou um cara de …
Continuar lendoUsando javascript e matemática simples, sem usar propriedades baseadas em porcentagem, você pode carregar o mesmo layout básico em qualquer tamanho de tela em que o usuário estiver navegando. Isso …
Continuar lendoQueremos que os usuários possam arrastar o mapa no layout do tablet / desktop, mas as telas do telefone são muito pequenas e, quando o usuário está rolando a página, …
Continuar lendoEu tinha essa função configurada para disparar no carregamento da janela. Que oculta o menu quando a largura da tela é menor ou igual a 480px (e mostra o botão …
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 lendoRecentemente, trabalhei em um pequeno projeto que envolvia a apresentação de dados tabulares para uma variedade de dispositivos, de laptops a tablets e smartphones. Um problema que surgiu foi apresentar …
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 lendoEnquanto trabalhava em um novo tema para WordPress, criei uma pequena configuração para a seção de comentários encadeados. É assim que queremos que nossos comentários sejam: Em um desktop Em …
Continuar lendoAs consultas de mídia de resolução funcionam como consultas de mídia de limite de tamanho (por exemplo, largura máxima), exceto que você está definindo um ponto de interrupção com base …
Continuar lendoBasta incluir o seguinte no <head>de seu documento. <!–[if lt IE 9]><script type=”text/javascript” src=”//cdnjs.cloudflare.com/ajax/libs/respond.js/1.2.0/respond.js”></script><![endif]–> O script carrega condicionalmente respond.js , um polyfill min-width / max-width para IE6-8. Os comentários condicionais …
Continuar lendoOlá pessoal. Eu presumo que a maioria de vocês já usou ou teve experiência com sprites de imagem . Os sprites de imagem ajudam a minimizar a quantidade de imagens, …
Continuar lendo