federatedfandom.net is one of the many independent Mastodon servers you can use to participate in the fediverse.
This is a fandom instance run by imp (stopthatimp on Tumblr) and kate (madecunningly on tumblr). We are here to have fun.

Administered by:

Server stats:

160
active users

#css

4 posts4 participants1 post today

Hi, #Today I decided to try to #getfedihired — I've got many years of experience with web development, programming and production (#HTML, #CSS, #Javascript), I can make myself useful in anything on the open-source side of back end, i.e. the #Perl, #Python, #PHP, #MySQL, #Linux kind of area.

I live in #Sydney Australia and would be happy to work in-office, remote or hybrid.

Let me know of any opportunities, or pass this on to anyone else who might know of something? Thanks.

Anyone had luck styling images in web feeds to account for light/dark mode & various feed reader themes? Struggling to adapt black-on-transparent images to work with various @NetNewsWire setups. I thought I’d cracked it with #CSS:

<img style="mix-blend-mode: difference; filter: invert();">

...but the light mode themes don’t work unless the theme defines a solid background color.

(h/t @ryan for the heads-up re: the Atlas of Type feed)

There's a special place in H E double hockey sticks for folks who set their site's base font size to 16px.

I'm sure it's fine on small displays, and I dunno it's probably adjusted for in HiDPI displays.

But me in between @ 5120 x 1440 and preferences adjusted for steadily aging vision such that default font size is 20pt, or about 26px?

My eyes hurt.

Just don't set base font size, or set it to 1rem if you must have a value.

this is it, folks! we are in the final week before submissions are due for GOOD INTERNET, a new print periodical magazine about all the things that make the #web fun: things like the #smallweb, the fediverse, the #indieweb, and efforts to actively fight #enshittification. submissions are open until MARCH 15.

check the submission guidelines or sign up for email alerts to be notified when we publish in may!

goodinternetmagazine.com

if this is your first time hearing about this, you still have enough time to come up with and write an article or complete a digital #art piece, if you're passionate about the #internet and want to write about it! :) bloggers, it's your time to shine!~

i can't wait to show y'all the incredible stories that have been submitted from all over the 'net, and some of the coolest art i've seen about the web!

thank you to everyone who's been so supportive of this project already. this is why this side of the internet is amazing. ❤️ please boost, if you can; i want to make sure i did everything i could to include as many diverse voices as i can.

thank you! 🤟

original post: tilde.zone/@xandra/11391327776

goodinternetmagazine.comgood internet magazine | for the small webA print and digital magazine coming soon.

Since 2009, I've been contributing to open web tools & standards, with a focus on CSS and related platform features at the W3C. But that work takes resources, making it hard for independent contributors like us @OddBird to stay involved.

We need support. If you appreciate what we're doing, you (or your company) can sponsor our work directly:

opencollective.com/oddbird-ope

Let's keep building an open web for everyone.

opencollective.comOddBird Open Source - Open CollectiveWe love contributing to the languages & tools developers rely on. Our focus is Popover & Anchor Positioning polyfills, and CSS specifications for functions, mixins, and responsive typography. Help us keep that work sustainable and focused on your needs!

just under TWO WEEKS until the submission deadline for Good Internet magazine: march 15, 2025!

☂️ Good Internet launches in May 2025. it's a volunteer-run, not-for-profit print and digital quarterly magazine for personal website owners and those interested in using the internet as a means of self-expression, art, and recreation.

🔎 we're looking for 1,500 to 4,000 word articles about anything for that audience!

👉 this means #webdev hobbyists, digital (and traditional) #artists, #internet culture enthusiasts, #technology nerds, #socialmedia expatriates, & anyone who wants to unplug from the corporate-owned #web.

topics could be:

* internet history
* personal websites & blogs
* #accessibility on the #indieweb
* finding inspiration for a #blog
* #webdesign trends (current or old)
* running from the #enshittification of the web
* lessons or post-mortems from web projects
* news or overviews of #opensource projects
* #privacy on the indieweb

🔍 also looking for any #art submissions centered around the web, coding, internet culture, and digital art!

if it relates to hobbies on "this side of the web," we probably want to run it!

✨ you can have your article submitted as text and images only OR you can code a whole webpage that helps tell your story!

🌊 if you're interested in learning more, sign up for our email list or check out the submission guidelines @ goodinternetmagazine.com!

🙏 (please boost if you can! <3 getting the word out helps so much!)

goodinternetmagazine.comgood internet magazine | for the small webA print and digital magazine coming soon.
Continued thread

Something I'm really proud of: a CSS-only toggle to enable a "Game Boy Color screen filter"

```
:has(#gbc-filter:checked) img[src*=".gbc."] {
mix-blend-mode: multiply;
filter: saturate(0.8) hue-rotate(-2deg);
}
```

The page background is based on a real photo of a GBC.

Now presenting

Make Your Own Website
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!

web.pixelshannon.comMake Your Own Website
Time for a new blog post :neocat_glasses: .

This time I used pure HTML and CSS to build a simple calculator.
You can read more about it here: https://ccw.icu/blog/coding/css-calculator/

I also spent way too long designing the tabbed HTML preview cards and got upset at the way hugo counts words (they count the words in the shortcodes inside a style tag) :neocat_dizzy:


#blog #writingmonth #css #html #gohugo #calculator #math
ccw.icuBuilding a calculator in CSS