#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)

Okay I have a little conundrum I am needing help with. I have been racking my brain around pretty much this entire day with.

I am trying to get my #11ty site launched which will be hosted using Github Pages on a custom domain. It is using the Eleventy Excellent theme. Okay, following? :)

So I have it setup, my workflow built out by following a few people's suggestions, but they aren't working. Something is going on with the “pathprefix” that is causing my Github repo to be part of the dang url.

I have gone back and forth with the eleventy.config.js file, the package.json file, and my .yml workflow. I am starting to see blurred lines. LOL

I was wondering if anyone is willing to help me out here?! My site is on my Github here: https://github.com/kylereddoch/cyberseckyle

After many years of #WebDevelopment I can conclude that #CSS is much more related to chaos theory than logic.

What I’ve been reading this week ending 3 August 2025 https://jchyip.medium.com/what-ive-been-reading-this-week-ending-3-august-2025-afd5a661c1be #IncrementalDevelopment #LLM #SoftwareDevelopment #Leadership #WebDevelopment

Kollege führt gerade Playwright für WebUI End to End test vor und ich bin beeindruckt!

Speaker announcement!

We’re delighted to announce that Pimcore CEO & Founder Dietmar Rietsch will be speaking at the Pimcore Community Dev Days on 13 November!

His presentation topic has not yet been finalised - but one thing is certain: as co-developer and thought leader of the platform, Rietsch will provide insights that go far beyond technical details. His keynotes are known for clear positions, inspiring perspectives and an open view of what is to come - for Pimcore, the community and digital work with open technologies.

Frankfurt am Main
13 November 2025

Find out more https://t1p.de/exsej
Get your ticket https://t1p.de/hlbkj
LinkedIn Event Page https://t1p.de/6xssv

Why use Able Player instead of `video`? - Joe Dolson Web Accessibility https://www.joedolson.com/2025/07/why-use-able-player-instead-of-video/ #video #webdev #a11y #accessibility #html #webdevelopment

Drupal.community is a Mastodon server focused on Drupal, free open source software and web development, but any content is welcome as long as it adheres to the code of conduct:

https://drupal.community

You can find out more at https://drupal.community/about or contact the admin @pcambra

cc @drupal

The (still!) missing articles: how to optimize your website for #Firefox?
https://www.draketo.de/software/optimize-for-firefox

I wrote a new article for Frontend Masters: Step Gradients with a Given Number of Steps!

Consider this problem: you are given 2 hex codes + a number of steps. How would you code a step gradient? Think about it, then see my solution https://frontendmasters.com/blog/step-gradients-with-a-given-number-of-steps/

Hope you enjoy, a lot of work went into it.

After two decades of stagnation with the PNG image standard, it's back with a new version to rival the innovations made by WebP and AVIF.

https://coywolf.com/news/web-development/new-version-of-png-to-challenge-avif-and-webp-for-image-dominance-on-the-web/

Stupid #a11y question: is it okay to have this structure?

I need a filter on the img, but not on the figcaption too, so I can't apply it on the figure.

Also can't apply it on the img because the img has a mask, which applies *after* filter, but I need it applied *before* https://bsky.app/profile/anatudor.bsky.social/post/3lmgrfcnbsc2k

If a grid has `n` columns, it has `n - 1` gaps in between them. Enjoy this interactive @codepen demo illustrating the concept: https://codepen.io/thebabydino/pen/LEVqOpZ

I turn 13 on @codepen today, so after my most hearted demos (https://mastodon.social/@anatudor/114499264888606204)... here are 13 of MY personal faves!

Pure CSS music toy - this one's a really special one for me https://codepen.io/thebabydino/pen/WNGPjLx
#CSS transforms for the #3D, CSS variables for the dynamic shading.

The how https://www.youtube.com/watch?v=_CV364uqP3U

I rarely post #webdevelopment stuff, but this article resonates on so many levels...

https://www.jonoalderson.com/conjecture/javascript-broke-the-web-and-called-it-progress/

File encryption with a browser.

I've been exploring the #WebCryptoAPI and I'm impressed!

When combined with the #FileSystemAPI, it offers a seemingly secure way to #encrypt and #store files directly on your device. Think #localstorage, but with #encryption!

I know #webapps can have #security vulnerabilities since the code is served over the web, so I've #OpenSourced my demo! You can check it out, and it should even work if #selfhosted on #GitHubPages.

Live Demo: https://dim.positive-intentions.com/?path=/story/usefs--encrypted-demo

Demo Code: https://github.com/positive-intentions/dim/blob/staging/src/stories/05-Hooks-useFS.stories.js

Hook Code: https://github.com/positive-intentions/dim/blob/staging/src/hooks/useFS.js

IMPORTANT NOTES (PLEASE READ!):
* This is NOT a product. It's for #testing and #demonstration purposes only.
* It has NOT been reviewed or audited. Do NOT use for sensitive data.
* The "password encryption" currently uses a hardcoded password. This is for demonstration, not security.
* This is NOT meant to replace robust solutions like #VeraCrypt. It's just a #proofofconcept to show what's possible with #browser #APIs.

Sustainable WordPress Websites - 7 Eco-Friendly Standards

https://clearcutderby.uk/sustainable-wordpress-websites-7-eco-friendly-standards/

With additional insights and expertise from six other WordPress professionals working in the sustainability space

Looking to strengthen your programming skills?

Pick up primers on JavaScript, PHP, C++, Kotlin, and half a dozen more languages—all practical guides designed to get you building real-world applications in no time.

Available now as part of a Humble Bundle supporting the advocacy work of @eff

https://www.humblebundle.com/books/coding-for-curious-no-starch-books