Search results for tag #css
The CSS Working Group has published CSS Snapshot 2026 as a W3C Group Note. This document collects together into one definition all the specs that together form the current state of Cascading Style Sheets (CSS) as of 2026.
CSS is a language for describing the rendering of structured documents (such as HTML and XML) on screen, on paper, etc.
#CSS #WebStandards
https://www.w3.org/news/2026/css-snapshot-2026-published-as-a-group-note/
Looks like I've got at least one overflow problem.
Alt...
Photo of a white coffee mug sitting on a counter in a puddle of coffee as it has overflowed after adding too much milk. On the mug is written, in a box too small for the text, "CSS Day is Awesome", so overflowing the text box. It's funny, believe me.
Alt...
Screenshot of snac.daltux.net/daltux on Fennec browser for Android
The CSS Working Group published a First Public Working Draft of Selectors Level 5. Selectors are patterns that match against elements in a tree, and as such form one of several technologies that can be used to select nodes in a document. Selectors have been optimized for use with HTML and XML, and are designed to be usable in performance-critical code.
#css #webstandards
https://www.w3.org/news/2026/first-public-working-draft-selectors-level-5/
Alt...
W3C logo
FML *smdh*
#stripe #checkout #managedPayments #darkMode #responsiveness #CSS #web #dev
Alt...
Screenshot of CSS file (detail):
#checkout {
/*
Since we have almost no control over the appearance of the embedded iframe and since it appears to be hardcoded to some narrow max width, use a CSS transform to make it fit the existing design when we’re at full width. Safari’s clearly snapshotting a bitmap as it blurs this but Safari today messes up so many things, so… 🤷
*/
@media screen and (min-width: 585px) {
transform: scale(1.27);
transform-origin: top left;
margin-left: -10em;
/*
Ensure bottom of the embedded form isn’t hidden.
*/
margin-bottom: 14em;
}
/* Kludge dark mode support. Because clearly a $100B+ company that handles >$2T in transactions can’t do it themselves. */
@media screen and (prefers-color-scheme: dark) {
/* Invert all elements on the body while attempting to not alter the hue substantially. */
filter: invert(100%) hue-rotate(180deg);
}
}
https://codeberg.org/voron/snac-style
@grunfink@comam.es, thanks again for snac ❤️
CSS: Mesclando imagens de fundo com background-blend-mode
🔗 https://www.meutedio.com/2026/02/mesclando-imagens-de-fundo.html#Blog1
Abri esse post no celular agora. O #Android não está mostrando nenhuma fonte do Windows: Arial, Verdana, Tahoma... 😂
🔗 https://www.meutedio.com/2012/07/tipologia-fontes-sem-serifa-para-seu-blog.html#Blog1
CSS: A abrangência do fundo com background-clip
🔗 https://www.meutedio.com/2026/02/css-background-clip-abrangencia.html#Blog1
For the frontend people, I found a repository which has sample codes that do plenty of things without using Javascript, called, conveniently, "You don't need Javascript", worth taking a look:
🖱️ Copiei para a seguinte página as poucas linhas necessárias com a indicação de onde colá-las para que o navegador da Web passe a ampliar as imagens dos emojis personalizados no quando o cursor do mouse paira sobre elas ou são tocadas. Isso foi feito no #Mastodon da comunidade #Ayom. É um exemplo que pode, ainda, ser adaptado para outros sistemas e praticamente qualquer página da Web:
https://forum.ayom.media/post/238733
Também aproveitei o princípio nesta minha instância do SNAC.
Atkinson Hyperlegible Next em formato woff importada por CSS, tudo hospedado em daltux.net, funciona, mas alguns emojis parecem ficar toscos. Isso apenas no desktop. Na tornozeleira Android, normal. Por exemplo 🆓Por que será? Como ter certeza se o problema é da fonte mesmo ou do CSS?