_____
#Methodology#Workflows#WebDev#Frontend#Accessibility#SemanticHTML#HTML#CSS

_____
#Methodology#Workflows#WebDev#Frontend#Accessibility#SemanticHTML#HTML#CSS

Y’all. I did it. I just published my very first macOS app. 🎉

It’s a color contrast checker for accessibility compliance. I designed and built it for myself, but I’m also gifting it to the world.

It’s not in the App Store, but it is signed for safety. And it will let you know when there’s an update.

I’m a little giddy about it. 😊

https://ratioapp.markwyner.com

#macOS#App#Software#Design#Development#Coding#FrontEnd#Accessibility#A11y

Y’all. I did it. I just published my very first macOS app. 🎉

It’s a color contrast checker for accessibility compliance. I designed and built it for myself, but I’m also gifting it to the world.

It’s not in the App Store, but it is signed for safety. And it will let you know when there’s an update.

I’m a little giddy about it. 😊

https://ratioapp.markwyner.com

#macOS#App#Software#Design#Development#Coding#FrontEnd#Accessibility#A11y

✨ 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

✨ 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

_____
#Resizing#CSS#DOM#Browser#WebDev#Frontend

_____
#Resizing#CSS#DOM#Browser#WebDev#Frontend

♻️ 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

♻️ 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

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

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? https://thenewstack.io/gpt-5-a-choose-your-own-adventure-for-frontend-developers/ #gpt5 #frontend

🚀 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

🚀 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

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

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

good read about #web #frontend
https://www.jonoalderson.com/conjecture/its-time-for-modern-css-to-kill-the-spa/