Ana Tudor 🐯
@anatudor@mastodon.social  ·  activity timestamp yesterday
#cssChallenge2025 How would you code this with:

✨ 1 HTML element, no JS, no SVG
✨ inner border interrupted by text box shape
✨ responsive
✨ text wraps depending on space
✨ contenteditable
✨ 1 image = the background one

(if you're Cheetah+ on Ko-fi/ Patreon, you know where to find the answer)

#CSS #cssLayout #code #coding #frontend #web #dev #webDev #webDevelopment

Text that can wrap depending on available space in the bottom left corner of a card with padding. At the limit between the card's padding area and content area, there's an inner border interrupted in the bottom left corner by the text box. The text is contenteditable.
Text that can wrap depending on available space in the bottom left corner of a card with padding. At the limit between the card's padding area and content area, there's an inner border interrupted in the bottom left corner by the text box. The text is contenteditable.
Ana Tudor 🐯
@anatudor@mastodon.social  ·  activity timestamp yesterday
#cssChallenge2025 How would you code this with:

✨ 1 HTML element, no JS, no SVG
✨ inner border interrupted by text box shape
✨ responsive
✨ text wraps depending on space
✨ contenteditable
✨ 1 image = the background one

(if you're Cheetah+ on Ko-fi/ Patreon, you know where to find the answer)

#CSS #cssLayout #code #coding #frontend #web #dev #webDev #webDevelopment

Text that can wrap depending on available space in the bottom left corner of a card with padding. At the limit between the card's padding area and content area, there's an inner border interrupted in the bottom left corner by the text box. The text is contenteditable.
Text that can wrap depending on available space in the bottom left corner of a card with padding. At the limit between the card's padding area and content area, there's an inner border interrupted in the bottom left corner by the text box. The text is contenteditable.
thegrumpyenby
@thegrumpyenby@tenforward.social  ·  activity timestamp 2 weeks ago

♻️ Please boost! ♻️

Looking for frontend devs for volunteer open-source team at a humanitarian aid org! As a Frontend Developer at Distribute Aid (https://distributeaid.org), you’ll create new pages for our website and update/maintain existing ones, often working closely with our designers and other devs. Looking for mid/long-term commitment. Main goal is to finally get our website relaunched. Volunteer commitment is ~5h/week.

Stack: NextJS, TypeScript, Strapi, Radix UI

We’re looking for experienced devs who are reliable, organised, and can communicate well. You do not need to know the full stack you’ll be working with. You just need to know how to learn and ask for help if you need it. Previous open source experience is nice but not strictly necessary. If you learn quickly and willingly, we can help you get started

It would be good if you have some availability overlapping with Central European Time and can make it to at least 1x tech hang per month and 1x sprint meeting per quarter (that’s ~4 meetings a month)

Our tech hangs are every Wednesday and Thursday from 6 to 8 pm CET/CEST and sprint meetings are during tech hang on the first Wednesday of each month

Our tech team is international and diverse—most of our team members are in some way marginalised—and leadership is fully queer/trans.

If you’re interested, please get in touch via tech@distributeaid.org. That comes directly to me as the Technical Program Manager. If you have any questions, you can ask me here too :)

#Developers #frontendDevs #frontend#OSS#FOSS #volunteering#NextJS #typescript#Strapi

Join Distribute Aid’s Open-Source Tech Team Volunteer your time & skills to work on our new website We’re looking for experienced frontend devs who want to work in a distributed & diverse open-source tech team! - Stack: NextJS, TypeScript, Strapi, Radix UI - Volunteer commitment: ~5h/week - Work in a team: Collaborate at our weekly tech hangs - Monthly sprint meetings: join at least 1x/quarter - Some availability overlapping with Central European Time is ideal - Previous OSS experience helpful but not strictly necessary Reach out to tech@distributaid.org (with your GitHub handle) if you’re interested!
Join Distribute Aid’s Open-Source Tech Team Volunteer your time & skills to work on our new website We’re looking for experienced frontend devs who want to work in a distributed & diverse open-source tech team! - Stack: NextJS, TypeScript, Strapi, Radix UI - Volunteer commitment: ~5h/week - Work in a team: Collaborate at our weekly tech hangs - Monthly sprint meetings: join at least 1x/quarter - Some availability overlapping with Central European Time is ideal - Previous OSS experience helpful but not strictly necessary Reach out to tech@distributaid.org (with your GitHub handle) if you’re interested!
Join Distribute Aid’s Open-Source Tech Team Volunteer your time & skills to work on our new website We’re looking for experienced frontend devs who want to work in a distributed & diverse open-source tech team! - Stack: NextJS, TypeScript, Strapi, Radix UI - Volunteer commitment: ~5h/week - Work in a team: Collaborate at our weekly tech hangs - Monthly sprint meetings: join at least 1x/quarter - Some availability overlapping with Central European Time is ideal - Previous OSS experience helpful but not strictly necessary Reach out to tech@distributaid.org (with your GitHub handle) if you’re interested!
thegrumpyenby
@thegrumpyenby@tenforward.social  ·  activity timestamp 2 weeks ago

♻️ Please boost! ♻️

Looking for frontend devs for volunteer open-source team at a humanitarian aid org! As a Frontend Developer at Distribute Aid (https://distributeaid.org), you’ll create new pages for our website and update/maintain existing ones, often working closely with our designers and other devs. Looking for mid/long-term commitment. Main goal is to finally get our website relaunched. Volunteer commitment is ~5h/week.

Stack: NextJS, TypeScript, Strapi, Radix UI

We’re looking for experienced devs who are reliable, organised, and can communicate well. You do not need to know the full stack you’ll be working with. You just need to know how to learn and ask for help if you need it. Previous open source experience is nice but not strictly necessary. If you learn quickly and willingly, we can help you get started

It would be good if you have some availability overlapping with Central European Time and can make it to at least 1x tech hang per month and 1x sprint meeting per quarter (that’s ~4 meetings a month)

Our tech hangs are every Wednesday and Thursday from 6 to 8 pm CET/CEST and sprint meetings are during tech hang on the first Wednesday of each month

Our tech team is international and diverse—most of our team members are in some way marginalised—and leadership is fully queer/trans.

If you’re interested, please get in touch via tech@distributeaid.org. That comes directly to me as the Technical Program Manager. If you have any questions, you can ask me here too :)

#Developers #frontendDevs #frontend#OSS#FOSS #volunteering#NextJS #typescript#Strapi

Join Distribute Aid’s Open-Source Tech Team Volunteer your time & skills to work on our new website We’re looking for experienced frontend devs who want to work in a distributed & diverse open-source tech team! - Stack: NextJS, TypeScript, Strapi, Radix UI - Volunteer commitment: ~5h/week - Work in a team: Collaborate at our weekly tech hangs - Monthly sprint meetings: join at least 1x/quarter - Some availability overlapping with Central European Time is ideal - Previous OSS experience helpful but not strictly necessary Reach out to tech@distributaid.org (with your GitHub handle) if you’re interested!
Join Distribute Aid’s Open-Source Tech Team Volunteer your time & skills to work on our new website We’re looking for experienced frontend devs who want to work in a distributed & diverse open-source tech team! - Stack: NextJS, TypeScript, Strapi, Radix UI - Volunteer commitment: ~5h/week - Work in a team: Collaborate at our weekly tech hangs - Monthly sprint meetings: join at least 1x/quarter - Some availability overlapping with Central European Time is ideal - Previous OSS experience helpful but not strictly necessary Reach out to tech@distributaid.org (with your GitHub handle) if you’re interested!
Join Distribute Aid’s Open-Source Tech Team Volunteer your time & skills to work on our new website We’re looking for experienced frontend devs who want to work in a distributed & diverse open-source tech team! - Stack: NextJS, TypeScript, Strapi, Radix UI - Volunteer commitment: ~5h/week - Work in a team: Collaborate at our weekly tech hangs - Monthly sprint meetings: join at least 1x/quarter - Some availability overlapping with Central European Time is ideal - Previous OSS experience helpful but not strictly necessary Reach out to tech@distributaid.org (with your GitHub handle) if you’re interested!
thegrumpyenby
@thegrumpyenby@tenforward.social  ·  activity timestamp 2 weeks ago

Okay, I know it’s appalling that I keep forgetting this place exists (tbf I’ve had some really weird as shit interactions with randoms last time I tried) and that it took @LauraLangdon to remind me that THIS is where all the OSS/FOSS people hang out. But here I am now. And maybe it’ll stick this time.

Not much has changed and yet everything has changed. @finnporter and I moved to Galicia in Spain about 4 months or so ago. We’re loving it so far. I think we’ve just been lucky with the weather this year because it’s nowhere near as hot as I feared. The beach is a 7 minute walk from our flat. And because it’s the Atlantic it’s also nice and chilly, which I’m delighted by.

Chronic health stuff has… not been too great, but the Spanish healthcare system seems to actually be one of the few still functional ones, at least here in Galicia. So I’m waiting for referrals to an allergist for MCAS dx and probably to internal medicine for potential hEDS dx. Not thrilled I likely have these conditions but at least I may actually get to access care for them. I’m still too medically traumatised to actually believe it lol but so far everyone in the medical field here has been pretty great. Also, being trans is absolutely zero trouble here which is a delightful change for us.

I’m keen to connect to some covid conscious folks in Northern Spain if there are any around since it’s hard to make friends. Oh and we’re also looking for frontend devs for our volunteer open-source tech team at Distribute Aid. But I’ll just post about that separately so it’s easy to boost 😊

Alright, I guess it’s good to be back. Hopefully I’ll stick around this time.

#Spain#NorthernSpain#Galicia #oss #foss#DeveloperContent #frontend #trans #2SLGBTQIA#LGBTQIA #spoonies#chronicIllness
Richard MacManus
@ricmac@mastodon.social  ·  activity timestamp 2 weeks ago

GPT-5 reaction amongst developers has been...mixed. In fact one of the developers OpenAI featured on its launch-day promotions has done a complete 180 — he now says he was wrong about GPT-5 (Theo Browne). Questions of coding quality aside, GPT-5 raises some interesting longer term questions for devs: if AI can build things just using web standards, will that lead to less reliance on React frameworks? thenewstack.io/gpt-5-a-choose-

Cassidy James :gg: :fh:
Richard MacManus
Cassidy James :gg: :fh: and 1 other boosted
Stu Robson
@sturobson@front-end.social  ·  activity timestamp 3 weeks ago

🚀 Un-Sass'ing my CSS

In recent client work, we focused on leveraging "the web platform" rather than relying on frameworks, libraries, and additional dependencies.

In this article, I discuss transparency and colour manipulation using CSS instead of Sass.

https://www.alwaystwisted.com/articles/UnSassing-my-CSS

#Sass#CSS#WebDev#FrontEnd