this is it -- GOOD INTERNET magazine is LIVE, BABY~ 🥂 🎊 🥳

https://goodinternetmagazine.com/
https://goodinternetmagazine.com/
https://goodinternetmagazine.com/

i present the spring 2025 issue of GOOD INTERNET, featuring stories by @binarydigit, @internetarchive, @Leilukin, @greg@social.subcultureofone.org, @surprisetalk, and SO MUCH MORE!

with only 6.5 hours to go before my surgery, the website is now launched! you can order physical or digital copies of the magazine! 😊 there are some initial stories on the website now, but more are coming over the next week, so keep an eye on your RSS feeds!!

‼️quick note: pre-ordered print editions will begin shipping out this week (!!!) and digital editions will go out this week as well to emails!

🙏 THANK YOU SO MUCH to EVERYONE who helped with this. thank you to the contributors (like @robb/ @echofeed, & @adam/ @omgdotlol). thank you to the writers, thank you to everyone who thought about this project, shared it with others, and got the word out. i am so so so stoked to bring y'all this.

🕛 issue 2 is in the fall! 😊 get your submission ideas in!!

#html #css #web #indieweb #smallweb #socialmedia #internet #enshittification #website #webdev #webdesign #neocities #indie #zine #coding #code #personalweb #blog #blogging

I'm #colorblind and I use https://xkcd.com/color/rgb/ frequently.

Randall 'xkcd' Monroe did a survey of over 100,000 readers where he showed them random rgb colors and said "what would you call this?" and afterwards he did his best to sort the results into the most popular color names and the colors they refer to.

It's like a box of Crayola for the internet. Finally, my colorblind self can grab a sample of "dark magenta" that doesn't just look like "grape purple" to everyone else.

The data is freely available as a .txt file under CC0, which I've converted into a .css file here: https://git.hatspace.net/nycki/nycki.net/src/branch/main/static/xkcd.css

so now when I want a color on my website I can just write `color: var(--xkcd-off-white)` or so on. it's really convenient :)

#programming #color #css #website

Progress on this neat thing continues to evolve, I think this is pretty much the final solution now! Figured out how to have my bookshelf looking just a little better!

https://joelchrono.xyz/bookshelf

cc: @st3phvee @eclecticpassions

#CSS #HTML #Webdev #Jekyll #PersonalWebsite

Progress on this neat thing continues to evolve, I think this is pretty much the final solution now! Figured out how to have my bookshelf looking just a little better!

https://joelchrono.xyz/bookshelf

cc: @st3phvee @eclecticpassions

#CSS #HTML #Webdev #Jekyll #PersonalWebsite

Progress on this neat thing continues to evolve, I think this is pretty much the final solution now! Figured out how to have my bookshelf looking just a little better!

https://joelchrono.xyz/bookshelf

cc: @st3phvee @eclecticpassions

#CSS #HTML #Webdev #Jekyll #PersonalWebsite

Because someone hearted this old @codepen demo done with 2 radio buttons + their labels in a group and it made me notice the title still said "smooth transition Chromium only" - it's been working cross-browser since the summer of 2024! 🥳🎉🎇

https://codepen.io/thebabydino/pen/BadeGMp

#CSS #cssGradient #cssMask #coding #web #dev #webDev #webDevelopment #code #frontend

Because someone hearted this old @codepen demo done with 2 radio buttons + their labels in a group and it made me notice the title still said "smooth transition Chromium only" - it's been working cross-browser since the summer of 2024! 🥳🎉🎇

https://codepen.io/thebabydino/pen/BadeGMp

#CSS #cssGradient #cssMask #coding #web #dev #webDev #webDevelopment #code #frontend

Only a work in progress for now, but inspired by @st3phvee I am now revamping my bookshelf section of my website and adding small summaries to all of my books!

I think this looks rather awesome, now I gotta add summaries to everything...

cc: @eclecticpassions

https://joelchrono.xyz/bookshelf

#CSS #HTML #Webdev #Jekyll #PersonalWebsite

Only a work in progress for now, but inspired by @st3phvee I am now revamping my bookshelf section of my website and adding small summaries to all of my books!

I think this looks rather awesome, now I gotta add summaries to everything...

cc: @eclecticpassions

https://joelchrono.xyz/bookshelf

#CSS #HTML #Webdev #Jekyll #PersonalWebsite

Only a work in progress for now, but inspired by @st3phvee I am now revamping my bookshelf section of my website and adding small summaries to all of my books!

I think this looks rather awesome, now I gotta add summaries to everything...

cc: @eclecticpassions

https://joelchrono.xyz/bookshelf

#CSS #HTML #Webdev #Jekyll #PersonalWebsite

Ich könnte die Hilfe der #Mastodon #Community benötigen.

Lokal auf dem PC und jetzt online im Desktop #Browser sehen die Schriften im Logo des neuen Projekts wie vorgesehen aus. Alle Browser auf dem #Android Handy zeigen nur Standardschriften an. Was nicht nur unschön aussieht, sondern auch rechts hinausragt und abgeschnitten wird. Es ist ein svg-Bild.

Was habe ich da in #HTML oder #css falsch gemacht? Im Voraus vielen Dank 👍

https://freundschaftsbrief.de

Ich könnte die Hilfe der #Mastodon #Community benötigen.

Lokal auf dem PC und jetzt online im Desktop #Browser sehen die Schriften im Logo des neuen Projekts wie vorgesehen aus. Alle Browser auf dem #Android Handy zeigen nur Standardschriften an. Was nicht nur unschön aussieht, sondern auch rechts hinausragt und abgeschnitten wird. Es ist ein svg-Bild.

Was habe ich da in #HTML oder #css falsch gemacht? Im Voraus vielen Dank 👍

https://freundschaftsbrief.de

I like the idea that CSS must have "graceful degradation" and "do no harm" to the HTML it's affecting.

Although I would argue my CSS skills harm it quite a bit.

https://youtu.be/aHUtMbJw8iA?t=704

#CSS

I like the idea that CSS must have "graceful degradation" and "do no harm" to the HTML it's affecting.

Although I would argue my CSS skills harm it quite a bit.

https://youtu.be/aHUtMbJw8iA?t=704

#CSS

I like the idea that CSS must have "graceful degradation" and "do no harm" to the HTML it's affecting.

Although I would argue my CSS skills harm it quite a bit.

https://youtu.be/aHUtMbJw8iA?t=704

#CSS

@urlyman We've all been there. In more than thirty years of #WebDesign I've written some horrible things myself. I now deliberately separate layout styling and colour styling into separate files, to simplify reskinning colour. But really, if you're using more than a dozen colours on a page, WHY?

#CSS should be simple!

I visited a popular #OpenSource documentation site this morning, and the glare almost blinded me.

Folk, in this day and age, if you run a website, there is NO EXCUSE for not implementing `@media: prefers-color-scheme(dark)`

But, I thought, this is open source! I can submit a pull request to fix this!

Reader, there are ONE HUNDRED AND FORTY-FOUR distinct colours specified in three different syntaxes.

#CSS
#WebDesign
#NoExcuse

A CSS-only elastic hover effect, because why not?

https://css-tip.com/elastic-hover/

A chrome-only experiment using shape(), sibling-index(), linear(), etc.

#CSS #HTML

A CSS-only elastic hover effect, because why not?

https://css-tip.com/elastic-hover/

A chrome-only experiment using shape(), sibling-index(), linear(), etc.

#CSS #HTML

@davew

I am hardly an expert at this, however I did the free code camp responsive web design course during lockdown in 2020/21.

IIRC a media query is used to take the screen size and apply specifc attributes (such as font size) according to the size (in pixels) of the screen.

https://www.w3schools.com/css/css3_mediaqueries.asp

Clearly a desktop / laptop screen is a lot bigger than a tablet or mobile.

It should be possible to resize images, much easier with svg as they are meant to scale.

Hope this helps

#html
#css
#mediaquery
#webdesign

Hopefully someone can help with this.