Is coding on your to-do list? We offer a variety of courses designed to fit your learning style and goals. From beginner-friendly introductions to advanced topics, our curriculum will equip you with the skills you need to succeed.
https://www.techopolis.courses/
explore our course catalog and enroll today! #webdevelopment #python #javascript #codingcourses
Because someone just hearted a 5 year old @codepen demo https://codepen.io/thebabydino/pen/GRooBJm?editors=0100 I made using a #Sass function + looping to generate a #CSS 
: we don't need *any* Sass for this anymore! 
We can now do it with
background:
linear-gradient(in hsl longer hue 90deg,
hsl(0, 95%, 65%) 0 0)
Can you help me out, mastodon? 
Do you see the same result as below for this test, especially in Chrome/ Safari?
https://cdpn.io/pen/debug/KwKvRKr
Or finding red in rgb(0, 100%, 0%)?
Are you on a wide gamut display? You can check here https://wide-gamut.com/test
Retoots appreciated. Thank you! 
Alright software engineers, this is our new UX mockup from Design and Management, implement it.
Plone Conference 2025 will be held in Jyväskylä, Finland on October 13-19, 2025!
The brightest open source event of the year at the darkest time of the year 
Stay tuned for more info soon!
10 Cool CodePen Demos from February 2025
https://alvaromontoro.com/10-cool-codepen-demos/2025/02/
An homage to Studio Ghibli, custom ranges, web components, web games, CSS art, mix blend modes showcases... and more!
Made a gallery of such #SVG gradient + #filter effects blobs on @codepen
https://codepen.io/thebabydino/full/YPzNWoR
Also includes an explanation of the how behind and interaction: the focal point of the `radialGradient` the blobs start from follows the cursor on hover.
Different blobs for light/ dark mode. 
Grainy distorted gradient blob: 1 #SVG `radialGradient` (setting a focal point `fx,fy`) vs. multiple #CSS `radial-gradient()` layers (no option to control focal point).
Using filters for distortion & grain effect.
A bit more detail on this https://www.reddit.com/r/css/comments/1j03iyv/comment/mf89ri9/
Many online color contrast checkers work only with hexadecimal or RGB formats. But colors in CSS have evolved considerably in the past 3-5 years, why limit contrast checking to "ancient" formats?
I extended an old demo to support newer formats (thanks, color.js!) and now it validates hexadecimal, RGB, HSL, LCH, OKLCH, named colors, Lab, HWB... Check it out here: https://alvaromontoro.com/demos/color-contrast/
Moving on from React, a Year Later
"Our server-rendered, JavaScript-light approach has delivered a faster and more reliable experience."
https://kellysutton.com/2025/01/18/moving-on-from-react-a-year-later.html
Accessibility essentials every front-end developer should know
https://martijnhols.nl/blog/accessibility-essentials-every-front-end-developer-should-know
#webdevelopment #webdev #a11y
Someone asked how to get such an offset grid for any number of items, so here's my take on it https://www.reddit.com/r/css/comments/1ixnjjr/comment/menz0yk/ - define a 2 col grid via grid-template-columns, make all items span 3 rows, then offset down the 2nd item (placed on the second column) by one row to start from the 2nd.
My First Major Open Source Project Contribution - In which I join up with BeeWare and end up with an amazing experience https://kattni.com/my-first-major-open-source-project-contribution #Personal #Programming #OpenSource #Python #WebDevelopment #Learning
#Laravel 12.x is coming to us on February 24th
Looking forward to it! 
Dive into accessibility with "Learn Accessibility - Full a11y Tutorial" from freeCodeCamp.org! Instructor Fredrik Ridderfalk guides you through the fundamentals of accessible web development, covering everything from contrast ratios to semantic HTML. Don't miss out on this valuable resource! Watch here: https://youtu.be/e2nkq3h1P68 or Invidious https://invidious.reallyaweso.me/watch?v=e2nkq3h1P68 #WebAccessibility #Coding #a11y #freeCodeCamp #LearnToCode #Accessibility #WebDevelopment #Tech
Another #CodeGolf puzzle for #JavaScript #WebDev people:
I have n functions that type one argument of the same type and return a boolean.
The current usage is:
function a(b) {
return c(b) && d(b)
}
I boiled down a to
a = (b) => [c, d].every(fn => fn(x))
I assume, this can be further boiled down via bind/ #PartialApplication/ #Currying
What do you think?
*Recreational programming*
This weekend, I built a web app that displays a gallery of National Park Service webcams retrieved with the NPS API 
Check it out here:
https://npswebcams-production.up.railway.app/
Today I dipped my toe into static site generation with @eleventy and it was a breeze!
I didn’t know this #WebDevelopment stuff could actually be fun.
I will now happily trade the complexities of #Wordpress plus visual site builders plus theme customization against the complexities of #SSG with vanilla #HTML / #CSS and (almost) no #JavaScript. If think, I‘ll redo all my sites with it.
Hint: ChatGPT is also really good at teaching #Eleventy and CSS.
CET 
