Articles of responsivo design

Por que a ordem das consultas de mídia é importante no CSS?

Ultimamente, venho projetando sites que são mais responsivos e tenho usado consultas de mídia CSS com frequência. Um padrão que notei é que a ordem em que as consultas de mídia são definidas realmente importa. Não testei em todos os navegadores, mas apenas no Chrome. Existe uma explicação para esse comportamento? Às vezes, é frustrante […]

Web site responsivo reduzido para largura total em dispositivos móveis

Estou testando a capacidade de resposta do Bootstrap e tenho um site de demonstração . Quando eu redimensiono o navegador em uma área de trabalho, tudo funciona bem, incluindo a barra de navegação que se torna um menu reduzível com um pequeno ícone no topo que eu posso clicar para ver mais botões de menu. […]

consulta de mídia CSS do iPhone 5

O iPhone 5 tem uma canvas mais longa e não está captando a visão móvel do site. Quais são as novas consultas de design responsivo para o iPhone 5 e posso combinar com as consultas do iPhone existentes? Minha consulta de mídia atual é esta: @media only screen and (max-device-width: 480px) {}

Tornando um iframe responsivo

Eu estava lendo este post stackoverflow intitulado “Você pode fazer um iFrame responsivo?”, E um dos comentários / respostas me levou a este jfiddle. Mas quando tentei implementar o HTML e CSS para atender às minhas necessidades, não tive os mesmos resultados / sucesso. Eu criei meu próprio violino JS para mostrar como ele não […]

Qual é a diferença entre col-lg- *, col-md- * e col-sm- * em Bootstrap?

Qual é a diferença entre col-lg-* , col-md-* e col-sm-* no Twitter Bootstrap?

Qual é a melhor maneira de tornar responsivo um layout de visualização do d3.js?

Suponha que eu tenha um script de histograma que construa um gráfico de 960 500 svg. Como eu faço isso tão responsivo resize as larguras gráficas e as alturas são dinâmicas? var n = 10000, // number of trials m = 10, // number of random variables data = []; // Generate an Irwin-Hall distribution. […]

“Display: none” impede que uma imagem seja carregada?

Todo tutorial de desenvolvimento de website responsivo recomenda usar a propriedade display:none CSS para ocultar o conteúdo do carregamento em navegadores móveis, para que o site carregue mais rápido. É verdade? Exibe display:none não carrega as imagens ou ainda carrega o conteúdo no navegador do celular? Existe alguma maneira de impedir o carregamento de conteúdo […]

Alterar o ponto de interrupção de colapso da barra de boot de bootstrap sem usar MENOS

Atualmente, quando a largura do navegador cai abaixo de 768px, a barra de navegação muda para o modo recolhido. Eu quero mudar essa largura para 1000px, então quando o navegador está abaixo de 1000px, a barra de navegação muda para o modo recolhido. Eu quero fazer isso sem usar menos, estou usando a caneta não […]