🎉🎉🎉 it's the 34th birthday of the world wide #web so it's a great day to share the upcoming deadline for #writing submissions to GOOD INTERNET! two and a half weeks away!!!

📖 in case you're unaware, GOOD INTERNET is an #indie print AND digital magazine that is run & contributed to by volunteers!

#goodinternet covers a lot of different aspects of the #SmallWeb: unplugging from the corporate web, fighting #enshittification, migrating from data-harvesting corpo social media, creating your own personal website, using code and website-building as an #art form, federation, and creating websites for fun. the aim is to be approachable for beginners and enjoyable for seasoned #indieweb travelers!

🙅 you don't have to be a pro #webdev or a #coding whiz to write about all the good things happening on "this side" of the web.

📣 we want to spread the word about and share thoughts, independent web projects, services, methods, sites, meet-ups, and celebrate the non-corporate web together while making it easier for us to partake and unplug from #bigtech and unhealthy #socialmedia habits.

🔍 we're looking for 1,000- to 4,000-word articles aimed at website owners and hobbyists, any digital (and traditional) artists, #internet culture enthusiasts, #technology nerds, social media expatriates, & anyone who wants to unplug from the corporate-owned web.

⌛ the deadline is August 22, 2025 ⌛

🙏 please boost and help get the word out!

https://goodinternetmagazine.com/contact/

#tech #html #css #opensource #foss #artist #artists #mastodon #fediverse #socialweb #cozyweb #slowweb#humanweb#noAI #writer #writers #neocities #nekoweb #openweb

🎉🎉🎉 it's the 34th birthday of the world wide #web so it's a great day to share the upcoming deadline for #writing submissions to GOOD INTERNET! two and a half weeks away!!!

📖 in case you're unaware, GOOD INTERNET is an #indie print AND digital magazine that is run & contributed to by volunteers!

#goodinternet covers a lot of different aspects of the #SmallWeb: unplugging from the corporate web, fighting #enshittification, migrating from data-harvesting corpo social media, creating your own personal website, using code and website-building as an #art form, federation, and creating websites for fun. the aim is to be approachable for beginners and enjoyable for seasoned #indieweb travelers!

🙅 you don't have to be a pro #webdev or a #coding whiz to write about all the good things happening on "this side" of the web.

📣 we want to spread the word about and share thoughts, independent web projects, services, methods, sites, meet-ups, and celebrate the non-corporate web together while making it easier for us to partake and unplug from #bigtech and unhealthy #socialmedia habits.

🔍 we're looking for 1,000- to 4,000-word articles aimed at website owners and hobbyists, any digital (and traditional) artists, #internet culture enthusiasts, #technology nerds, social media expatriates, & anyone who wants to unplug from the corporate-owned web.

⌛ the deadline is August 22, 2025 ⌛

🙏 please boost and help get the word out!

https://goodinternetmagazine.com/contact/

#tech #html #css #opensource #foss #artist #artists #mastodon #fediverse #socialweb #cozyweb #slowweb#humanweb#noAI #writer #writers #neocities #nekoweb #openweb

Something I think hasn't been emphasized about #CSS :is() and :where() is that they are forgiving selectors.

This means that if an item inside their scope isn't understood by the browser, it does not invalidate the entire rule!

It's a superpower because in a traditional selector list, an invalid selector does cause the entire rule to be discarded.

Note that both :has() and the enhanced :not() are not forgiving, but you can wrap them with either is or where to hop around that!

Something I think hasn't been emphasized about #CSS :is() and :where() is that they are forgiving selectors.

This means that if an item inside their scope isn't understood by the browser, it does not invalidate the entire rule!

It's a superpower because in a traditional selector list, an invalid selector does cause the entire rule to be discarded.

Note that both :has() and the enhanced :not() are not forgiving, but you can wrap them with either is or where to hop around that!

Now presenting

Make Your Own Website
https://web.pixelshannon.com/make

This guide is intended to help beginners make their first website with HTML/CSS.

I originally wrote it for my daughter, then 12 years old, so she could make a website for a school project. I think it is now complete-enough for anyone to follow to get started making a personal or hobby site.

Let me know what you think!

#MakeYourOwnWebsite#PersonalSites#PersonalWeb#SmallWeb#HTML#CSS#IndieWeb#WebDev #homepage#SmolWeb

TIL: Safari hides SVGs in Flexbox containers if they don't have an explicit width attribute. This seems like a bug to me.

svg {width: 100%} should fix the issue and hopefully not cause unexpectedly large images elsewhere🤞. #webdev #css #buildinpublic #webkit #opensource

https://github.com/pentacent/keila/commit/09254cb66319f996bfce8c3cfd251cfed76a7c1c

Automatic dark mode for Drawio diagrams using CSS filters

https://thomas-leister.de/en/dark-mode-for-drawio-diagrams/

I recently found a nice CSS-based solution to give my Draw.io graphics in my blog an automatic dark mode.

#css #web #webdev #development #blog #drawio #diagram

Automatic dark mode for Drawio diagrams using CSS filters

https://thomas-leister.de/en/dark-mode-for-drawio-diagrams/

I recently found a nice CSS-based solution to give my Draw.io graphics in my blog an automatic dark mode.

#css #web #webdev #development #blog #drawio #diagram

I wrote a post (in markdown) on my website, and would like a printed copy of it.

Normal person: copy the markdown, slap it into a document, and print it

Me: time for some @media print queries!

#css#webDev #frontend

Optician Sans is a free #font based on historical eye charts and optotypes. 👀👓

#webdev #fonts#CSS

https://optician-sans.com/

Optician Sans is a free #font based on historical eye charts and optotypes. 👀👓

#webdev #fonts#CSS

https://optician-sans.com/

Writing #HTML and #CSS is like meditation to me. I can do it for hours. It's beautiful.

I'm biased but, I think we should learn the language of the web in grade school. But maybe, with AI, it's a lost art; something we'll see on a tv show like a candle maker lol

Writing #HTML and #CSS is like meditation to me. I can do it for hours. It's beautiful.

I'm biased but, I think we should learn the language of the web in grade school. But maybe, with AI, it's a lost art; something we'll see on a tv show like a candle maker lol

💡 CSS Tip!

Create an infinite logo marquee using modern CSS and less than 10 lines of code.

https://css-tip.com/logo-marquee/

Where's the novelty, you might ask? It's responsive, works with any number of images, doesn't rely on magic numbers, and you can easily control it using CSS variables.

Another use case for modern CSS features (shape(), sibling-index(), sibling-count(), etc).

#CSS#HTML

💡 CSS Tip!

Create an infinite logo marquee using modern CSS and less than 10 lines of code.

https://css-tip.com/logo-marquee/

Where's the novelty, you might ask? It's responsive, works with any number of images, doesn't rely on magic numbers, and you can easily control it using CSS variables.

Another use case for modern CSS features (shape(), sibling-index(), sibling-count(), etc).

#CSS#HTML

I have an infuriating #CSS question I can't answer.

I have an #HTML table with a sticky . It all works beautifully.

But when the viewport is narrow, there's no horizontal scrolling. I can't find a way to make an overflow-x work while also having a sticky header.

Any thoughts?

Code demo - https://codepen.io/edent/pen/VYvmaMM

7.css is a #CSS framework for building interface components that look like #Windows 7.

https://khang-nd.github.io/7.css/

#webdev #frontend

7.css is a #CSS framework for building interface components that look like #Windows 7.

https://khang-nd.github.io/7.css/

#webdev #frontend

_____
#Website#SPA#MPA#SEO#ViewTransitions#WebPerf#WebDev#Frontend#CSS#JavaScript

_____
#Website#SPA#MPA#SEO#ViewTransitions#WebPerf#WebDev#Frontend#CSS#JavaScript