Recentemente, tenho brincado muito com meta viewports por ver muitos aplicativos de TV em HTML5 codificados explicitamente para 1280×720, o que o senhor verá em muitos televisores HD. Todos nós sabemos que é uma prática muito melhor usar o design responsivo em vez de codificar as dimensões, mas, além disso, os meta viewports devem fazer […]
Tag: CSS
Seleção de usuário CSSSeleção de usuário CSS
Em minha busca por contribuir com todos os projetos Mozilla possíveis, passei algum tempo na última sexta-feira fazendo atualizações no Firefox DevTools. O componente JSON Viewer precisava de um pouco de amor, então foi o primeiro da minha lista. Ao visualizar o CSS do componente JSON Viewer, vi algo que não havia reconhecido: CSS user-select: […]
Ordem reversa de elementos com CSS FlexboxOrdem reversa de elementos com CSS Flexbox
O CSS está se tornando cada vez mais poderoso nos dias de hoje, quase a ponto de a ordem dos elementos HTML que são exibidos na página não ter mais importância do ponto de vista da exibição – o CSS permite que o senhor faça tantas coisas que praticamente qualquer layout, grande ou pequeno, é […]
Adicionar arquivos CSS e JavaScript às extensões do PhabricatorAdicionar arquivos CSS e JavaScript às extensões do Phabricator
Toda estrutura de código-fonte aberto tem seus próprios métodos de extensão de funcionalidade; alguns tornam a extensão incrivelmente fácil e outros… nem tanto. Na maioria das vezes, isso se resume a quão bem a estrutura está documentada. O Phabricator fez um trabalho incrível ao tornar as classes necessárias extensíveis, mas é justo dizer que seria […]
Shoelace.css: Um kit inicial de CSS de volta ao básicoShoelace.css: Um kit inicial de CSS de volta ao básico
As estruturas CSS, como Bootstrap e Semantic UI, tornaram-se uma parte essencial do web design. Elas fornecem as redefinições necessárias, os estilos padrão e os componentes que nos poupam horas e horas de trabalho. A maioria das estruturas CSS é criada usando pré-processadores como Less ou Sass, o que é ótimo, exceto […]
Script & Style Show: Episódio 14: Filtros CSS e modo de mistura com Tim ThomasScript & Style Show: Episódio 14: Filtros CSS e modo de mistura com Tim Thomas
No episódio desta semana: David usa City Slickers para ilustrar sua tristeza por ter completado 35 anos de idade, enquanto Todd tenta dissuadi-lo. Tim Thomas faz uma demonstração de alguns efeitos animados realmente incríveis que podem ser feitos com CSS’. mix-blend-mode e filter. As demonstrações são excelentes e muito bem explicadas, portanto, dê uma olhada! […]
Crie o efeito do botão do Google com CSSCrie o efeito do botão do Google com CSS
Sempre achei a marca do Google simples, mas comecei a perceber que essa era a beleza do design deles; há algo no “apenas o suficiente” que é o equilíbrio perfeito entre o sem graça e o exagerado. O design do GMail envelheceu com o passar dos anos, e o Google acabou de atualizar seu design, […]
Como obter e definir valores de variáveis CSS com JavaScriptComo obter e definir valores de variáveis CSS com JavaScript
As variáveis CSS são uma adição muito bem-vinda à linguagem, apesar de serem incrivelmente básicas. É claro que poderíamos usar SASS ou stylus, mas as linguagens nunca devem contar com desenvolvedores que dependem de estruturas e kits de ferramentas para realizar o que sabemos que precisamos. E, assim como qualquer outra parte de uma página […]
CSS Ellipsis Beginning of String (Elipse CSS no início da cadeia de caracteres)CSS Ellipsis Beginning of String (Elipse CSS no início da cadeia de caracteres)
Fiquei incrivelmente feliz quando o CSS text-overflow: ellipsis (casado com a width e overflow: hidden foi introduzido na especificação CSS e nos navegadores; o recurso permitiu que parássemos de tentar casar o cálculo de largura do JavaScript com o cálculo de largura e truncamento de strings. A elipse do CSS também foi muito favorável à […]
prefere-color-scheme: CSS Media Queryprefere-color-scheme: CSS Media Query
Um recurso de dispositivo e aplicativo que passei a apreciar é a capacidade de alternar entre os modos claro e escuro. Se o senhor já fez codificação ou leitura até tarde da noite, sabe como um tema escuro pode ser incrível para evitar o cansaço visual e as dores de cabeça resultantes. O macOS implementou […]