Mastodawn

How to Style the New “::search-text” and Other Highlight-y Pseudo-Elements, by @dxnny.fun (@csstricks):

https://css-tricks.com/how-to-style-the-new-search-text-and-other-highlight-pseudo-elements/

Styling ::search-text and Other Highlight-y Pseudo-Elements | CSS-Tricks

The new ::search-text pseudo (Chrome 144) matches are yellow while the current target (::search-text:current) is orange, but ::search-text enables us to change that.

CSS-Tricks

Frontend Dogma Jan 22

How to Favicon in 2026: Three Files That Fit Most Needs, by @sitnik_en (@evilmartians):

https://evilmartians.com/chronicles/how-to-favicon-in-2021-six-files-that-fit-most-needs

#howtos #images #favicons

How to Favicon in 2026: Three files that fit most needs—Martian Chronicles, Evil Martians’ team blog

Prefer SVG over PNG, trust browsers to downscale, drop obscure formats—the ultimate, exhaustive guide to favicons for modern web. Includes steps for static HTML and Webpack.

evilmartians.com

Frontend Dogma Jan 17

How to Create a Pixel-to-Voxel Video Drop Effect With Three.js and Rapier, by @codrops:

https://tympanus.net/codrops/2026/01/05/how-to-create-a-pixel-to-voxel-video-drop-effect-with-three-js-and-rapier/

#howtos #javascript #effects #tooling #gsap

Tarsis.net Jan 13

¿Necesitas crear o racionalizar documentación en tu empresa? Hardware, software, sistemas, procedimientos... No lo hagas a ciegas. Ayúdate de un framework adecuado y alíate con los mejores. Te contamos cómo hacerlo en nuestro último artículo del blog.
https://www.tarsis.net/blog/importancia-para-empresas-buena-documentacion-diataxis/?utm_medium=social&utm_source=mastodon&utm_campaign=documentacion
#Diátaxis #documentación #documentation #tutorials #tutoriales #howto #howtos #docs

Frontend Dogma Jan 5

How to Design for (and With) Deaf People, by @vitalyf (@smashingmag):

https://www.smashingmagazine.com/2025/12/how-design-for-with-deaf-people/

#howtos #design #accessibility

How To Design For (And With) Deaf People — Smashing Magazine

Practical UX guidelines to keep in mind for 466 million people who experience hearing loss. More design patterns in Smart Interface Design Patterns, a **friendly video course on UX** and design patterns by Vitaly.

Smashing Magazine

Frontend Dogma Jan 2

How to Dynamically Install Custom Elements, by @heydon:

https://heydonworks.com/article/dynamically-loading-custom-elements/

#howtos #webcomponents #naming #javascript

How To Dynamically Install Custom Elements

A reusable pattern for custom elements installation

HeydonWorks

Frontend Dogma Dec 27

How to Stay Ahead of AI as an Early-Career Engineer, by @gwendolynrak.bsky.social (@ieeespectrum):

https://spectrum.ieee.org/ai-effect-entry-level-jobs

#howtos #career #ai

AI Shifts Expectations for Entry Level Jobs

How can recent grads navigate a job market transformed by AI? Learn how to make AI work for you, not against you.

IEEE Spectrum

Frontend Dogma Dec 18

How to Create an Adaptive SVG Favicon Using the “prefers-color-scheme” Media Query, by @zoranjambor (@cssweekly):

https://www.youtube.com/watch?v=5ByMihLrNrI

#videos #howtos #favicons #svg #css #images

How To Create an Adaptive SVG Favicon Using the prefers-color-scheme Media Query

YouTube

Frontend Dogma Dec 16

CSS Layout: How to “Center a Div,” the Old School Way, by @TheNewStack:

https://thenewstack.io/css-layout-how-to-center-a-div-the-old-school-way/

#css #layout #floats #centering #techniques #howtos

CSS Layout: How To 'Center a Div,' the Old School Way

After the center tag was deprecated in HTML 4.0 for architectural purity, centering content became complex and difficult. Here's how a whole generation of web developers did it before Grid or Flexbox.

The New Stack

Frontend Dogma Dec 13

How to Easily Create Modern, CSS-First Forms in WordPress, by @zoranjambor (@cssweekly):

https://www.youtube.com/watch?v=ignpBW4O_K0

#howtos #videos #css #forms #wordpress

How to Easily Create Modern, CSS-First Forms in WordPress

YouTube