#Tag
#Development #Pitfalls
Fit text responsibly · ”Be careful of the shiny new things.” https://ilo.im/168yam
_____
#ModernCSS #Text #Content #Accessibility #Print #Chrome #Browser #WebDev #Frontend #CSS
#Development #Pitfalls
Fit text responsibly · ”Be careful of the shiny new things.” https://ilo.im/168yam
_____
#ModernCSS #Text #Content #Accessibility #Print #Chrome #Browser #WebDev #Frontend #CSS
#Development #Launches
HTMHell Advent Calendar 2025 · It’s back again with twenty-four more posts! https://ilo.im/168s40
_____
#AdventCalendar #Accessibility #Security #Website #WebPerf #WebDev #Frontend #HTML #CSS #JavaScript
#Development #Launches
HTMHell Advent Calendar 2025 · It’s back again with twenty-four more posts! https://ilo.im/168s40
_____
#AdventCalendar #Accessibility #Security #Website #WebPerf #WebDev #Frontend #HTML #CSS #JavaScript
2am. Finished coding my designs. My brain is fried. And it feels good anyway.
Tomorrow I’ll wake up and forget I was even exhausted from coding and start all over again.
😴
Brand New Layouts with CSS Subgrid
https://www.joshwcomeau.com/css/subgrid/
#HackerNews #CSS #Subgrid #Web #Design #Layouts #Grid #Layouts #Frontend #Development #Responsive #Design
Want the shadow of an element or some other visual to be a semitransparent version of the `currentColor`?
Use `color-mix()`!
Cross-browser, btw. 😼
RE: https://mastodon.social/@anatudor/110688811266535252
Nowadays, we can do better:
```
box-shadow: 0 1px 2px
rgb(from currentcolor r g b/ .65)
```
Cross-browser since September 2024.
#tinyCSStip #CSS #code #coding #frontend #web #dev #webDev #webDevelopment
#Development #Analyses
Why is CSS so tough for AI? · The reason Tailwind CSS is more AI-friendly https://ilo.im/168axz
_____
#Programming #Coding #VibeCoding #AI #Context #WebDev #Frontend #HTML #CSS #TailwindCSS
GCC SC approves inclusion of Algol 68 Front End
https://gcc.gnu.org/pipermail/gcc/2025-November/247020.html
#HackerNews #GCC #SC #Algol68 #FrontEnd #Programming #Languages #Compiler #Development
Want the shadow of an element or some other visual to be a semitransparent version of the `currentColor`?
Use `color-mix()`!
Cross-browser, btw. 😼
RE: https://mastodon.social/@anatudor/110688811266535252
Nowadays, we can do better:
```
box-shadow: 0 1px 2px
rgb(from currentcolor r g b/ .65)
```
Cross-browser since September 2024.
#tinyCSStip #CSS #code #coding #frontend #web #dev #webDev #webDevelopment
Y’all. I just released an update for Ratio (v1.3), my macOS color contrast checker for accessibility compliance.
I fixed on small bug and added a support link. Wait for the prompt or download the update now:
https://ratioapp.markwyner.com
Color contrast is easy with Ratio. As the app says, “you can do it. I believe in you.”
#Accessibility #A11y #WCAG #ColorContrast #macOS #App #Software #Design #Designer #FrontEnd
Pikaday: A friendly guide to front-end date pickers
#HackerNews #Pikaday #Frontend #DatePickers #Guide #UserExperience #JavaScript #WebDevelopment
A fun little CSS generator I intend to show my students - metallic efects.
https://design.dev/tools/metallic-effect-generator/?ref=sidebar
A fun little CSS generator I intend to show my students - metallic efects.
https://design.dev/tools/metallic-effect-generator/?ref=sidebar
#Design #Guides
Grayscale testing · The missing step in color accessibility https://ilo.im/168557
_____
#Testing #Grayscales #Colors #Contrast #Accessibility #UiDesign #WebDesign #Development #WebDev #Frontend
After a decade of React dominance, we've forgotten: frameworks run inside the web, not the other way around.
New post on breaking free from framework lock-in. Not by abandoning React, but by building platform-first apps that could outlast any framework.
Key ideas:
- Framework success creates institutional gravity
- Platform-first practices make apps framework-agnostic
- How to build apps that could survive any framework migration
After a decade of React dominance, we've forgotten: frameworks run inside the web, not the other way around.
New post on breaking free from framework lock-in. Not by abandoning React, but by building platform-first apps that could outlast any framework.
Key ideas:
- Framework success creates institutional gravity
- Platform-first practices make apps framework-agnostic
- How to build apps that could survive any framework migration
</> Htmx – The Fetch()ening
https://htmx.org/essays/the-fetchening/
#HackerNews #Htmx #Fetching #WebDevelopment #JavaScript #Frontend #Technology
I have a new article out!
Super Simple Full-Bleed & Breakout Styles
https://frontendmasters.com/blog/super-simple-full-bleed-breakout-styles/ - my take on an old problem using modern CSS solutions.
Using a spooky made up Halloween recipe to illustrate concepts.
PS @chriscoyier told me to be proud of it 😛
#CSS #cssLayout #cssGrid #cssVariables #containerQueries #containerQuery #code #web #webDev #webDevelopment #dev #coding #frontend #Halloween
I have a new article out!
Super Simple Full-Bleed & Breakout Styles
https://frontendmasters.com/blog/super-simple-full-bleed-breakout-styles/ - my take on an old problem using modern CSS solutions.
Using a spooky made up Halloween recipe to illustrate concepts.
PS @chriscoyier told me to be proud of it 😛
#CSS #cssLayout #cssGrid #cssVariables #containerQueries #containerQuery #code #web #webDev #webDevelopment #dev #coding #frontend #Halloween
A space for Bonfire maintainers and contributors to communicate
