Problema responsivo com Telerik RadWidow e Internet Explorer 9
Ao abrir um Radwindow como modal, se o tamanho do modal for <992px ou 767px (pontos de interrupção de Bootstrap padrão), a página pai aplicará as regras CSS para esse …
Continuar lendoresponsive
Marcação responsiva e semântica usando Twitter Bootstrap e Sass / SCSS
Enquanto trabalhava no front-end para um site de conferência futura usando Twitter Bootstrap (via bootstrap-sass ), tentei usar os mixins auxiliares de marcação semântica padrão (makeRow () e makeColumn ()), …
Continuar lendoSubstituição responsiva de imagem
Dê uma olhada e me diga o que você acha. O mixin cria uma imagem de fundo que atua como uma imagem responsiva com largura máxima e uma proporção intrínseca. …
Continuar lendobackground-loading / caching / dom / gsoc / html / javascript / jmatrixbrowse / jquery / loading / responsive
Mover, copiar ou trocar elementos DOM?
Para jMatrixBrowse, queríamos ter os dados disponíveis para o usuário assim que ele atingir uma determinada célula. Implementamos um módulo de armazenamento em cache em segundo plano para isso, que …
Continuar lendoGrades de bloco de altura flexível com bloco em linha
Em 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 lendoGrade de porcentagens SASS simples
Grade percentual SASS $max-width: 900px; // max width of main container$total-columns: 12; // total number of columns$column-width: percentage( 75px / $max-width ); // columns are 75px wide$gutter-width: percentage( 12px / …
Continuar lendocss / design / flat / framework / github / html / javascript / mobile / open source / rails / responsive / template / ui
Mais uma estrutura CSS para dispositivos móveis
Sou desenvolvedor Rails há cerca de 5 anos e nos últimos dois meses tenho desenvolvido um framework CSS apenas para aumentar minhas habilidades de “design” e construir um código melhor …
Continuar lendoWeb responsiva
Pare de pensar na web como um pixel perfeito. Com muitos pontos de contato em celulares, tablets e desktops; os sites precisam ser responsivos . Os tamanhos e resoluções das …
Continuar lendoMídias responsivas
/** * Responsive images & medias * Prevent max-width from affecting Google Maps * From reset.less by Twitter Bootstrap */iframe,embed,object,img { vertical-align: middle; max-width: 100%;}#map_canvas img {max-width: none;}
Continuar lendoGrades de fluido de empilhamento
Aqui 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 lendoQual solução você deve escolher para imagens responsivas agora?
Se você pensa em usar imagens responsivas a partir de hoje em um site, considere o seguinte: Eu realmente preciso de imagens responsivas nesse projeto agora ? A maioria dos …
Continuar lendoUse o modo de design responsivo ao testar um site para celular
Ao desenvolver um aplicativo da web, use o modo de design responsivo em seu navegador para testar seu aplicativo para celular, como um complemento para testar o aplicativo da web …
Continuar lendoCSS responsivo
@media only screen and (min-width : 992px) { .poweredby { float: right; }}
Continuar lendoAtivar: estado ativo no iOS
O pseudo-seletor : active não funciona por padrão no iOS. Felizmente, há uma solução simples – simplesmente vincule um eventHandler ao touchstartevento em qualquer elemento que precise usar o :activeestado. …
Continuar lendoEstatísticas de eficiência de imagem de design responsivo
Este script curto e sujo exibirá uma tabela de resultados para todas as imagens e imagens de fundo (ignora pixels de rastreamento de 0 / 1px). Ele compara as dimensões …
Continuar lendoBootstrap 3: * realmente * navegação simples sobre layout responsivo de carrossel
Tenho trabalhado em fazer uma daquelas páginas de destino chiques com uma grande imagem / carrossel e a navegação flutuando sobre ela. As soluções na rede implicam em regras bastante …
Continuar lendo