Um dos primeiros plug-ins que chegava a uma nova estrutura nos primeiros dias das estruturas JavaScript era um plug-in de espaço reservado, e é por isso que ficamos tão empolgados quando o HTML5 nos trouxe o placeholder . Depois, os amantes de CSS, como eu, ficaram entusiasmados quando o CSS spec nos permitiu estilizar placeholders. […]
Tag: CSS
CSS :focus-withinCSS :focus-within
Usando :hover para exibir informações ou elementos adicionais é uma técnica muito útil, mas uma grande desvantagem do uso da pseudoclasse hover é que ela geralmente não é amigável à acessibilidade. Nem todos usam mouse e alguns usuários têm deficiências visuais, portanto, dependem de leitores de tela ou do teclado, duas funcionalidades que tecnicamente não […]
Texto de gradiente CSSTexto de gradiente CSS
Os desenvolvedores da Web conhecem a luta que todos nós tivemos para melhorar as fontes na Web. Seja pelo tempo de carregamento, por estratégias estranhas para usar fontes personalizadas (Cufon, alguém?) ou apenas para encontrar a fonte certa, embelezar o texto na Web nunca foi fácil. Isso me fez pensar em fontes e gradientes de […]
CSS prefers-reduced-motion Media QueryCSS prefers-reduced-motion Media Query
Quando comecei no setor de desenvolvimento da Web, as consultas de mídia eram limitadas. screen e print eram as duas consultas de mídia que eu usava com mais frequência. Mais de uma década depois, as consultas de mídia avançaram para várias unidades de tela, verificação de recursose até mesmo preferência de esquema de cores. Estou […]
CSS background-repeat: roundCSS background-repeat: round
A especificação CSS está repleta de joias que passam despercebidas pela maioria de nós, designers e desenvolvedores da Web. Coisas como :focus-within, prefers-reduced-motione prefere-color-scheme de repente, entram no CSS sem que nós realmente saibamos por meses ou anos. Um exemplo disso é o background-repeat: round. background-repeat: round repete uma imagem de fundo sem recorte! .my-element […]
Detectar elementos de estouro de CSSDetectar elementos de estouro de CSS
De vez em quando, o senhor se depara com um incômodo no CSS que precisa de um pouco de inteligência para ser descoberto. Um desses casos é o das barras de rolagem indesejadas e inesperadas. Quando vejo barras de rolagem indesejadas, geralmente abro as ferramentas do desenvolvedor, clico no inspetor de elementos e passo o […]
CSS Smooth Scroll (Rolagem suave)CSS Smooth Scroll (Rolagem suave)
Melhorar a experiência do usuário em aplicativos da Web sempre foi uma prioridade para mim. Sempre volto ao mesmo pensamento que tenho há 20 anos: “usuários esperam um aplicativo Web funcione – vamos fazer com que o aplicativo seja agradável de usar”. Ao longo dos anos, empregamos o JavaScript para aprimorar a experiência do usuário, […]
Cor de acentuação CSSCor de acentuação CSS
Para o bem ou para o mal, os campos de formulário têm sido um pouco difíceis de estilizar com CSS. A exibição do controle de formulário depende do dispositivo, do sistema operacional e do navegador, portanto, o senhor pode imaginar a dificuldade de facilitar o estilo. Aos poucos, temos recebido alguns controles sobre a exibição […]
CSS :hasCSS :has
Desde que os desenvolvedores escreveram o código CSS, estamos desesperados para ter um método que permita estilizar um elemento pai com base nas características do filho. Isso não era possível até agora. O CSS introduziu a função :has que permite estilizar um pai com base em um seletor CSS relativo! Vamos dar uma olhada em […]