CSS by T. Afif :verified:

⚙️ New CSS Generator

It's finally possible. A blob shape using only CSS! 🤩

css-generators.com/blob/

Play with the setting and get a cool shape in no time.
✅ Single element (works with images)
✅ One line of code
✅ Responsive

⚠️ Limited support (Chrome and Safari for now) ⚠️

#CSS #HTML

Steve Frenzel

I tried to figure out the difference between a menu and a navigation, give it a read if you have some time to spare:

stevefrenzel.dev/posts/menu-an

Let me know if I got something wrong, I'd appreciate your feedback. 🤗

#a11y #accessibility #html #css #JavaScript #frontend #WebDev #blog

Menu and navigation: The difference - Steve Frenzel

The eternal war of buttons against links taken to a…

Steve Frenzel
Phronima sedentaria

Jak widzę kolejne stare niedziałające strony www lub wadliwe działające, a ich twórcy tłumaczą, że zajmują się już czymś innym i nie mają czasu, a strona wymagałaby zmiany silnika, załatania dziur bezpieczeństwa to utwierdzam się w przekonaniu.

Żadnego #Wordpress. Żadnego #Ghost. Tylko strony statyczne w ramach działalności hobbystycznej czy pro publico bono. Tak, aby działały po latach w tym także jak mnie nagle lub nienagle zabraknie, lub nie będę miał środków, zasobów, sił, chęci itp.

To samo polecam innym.

Ps. Ewentualnie newslettery, komentarze na stornie, konta fediwersowe i inne tego typu szmery-bajery lepiej załatwiać osobno czy to u siebie w subdomenie, czy to u zewnętrznego usługodawcy. Jak znikną, twórca przestanie publikować, zaczną źle działać niezadbane, to nic nie szkodzi dla strony, bo strona statyczna dla archiwum zostanie i będzie działała. O ile ktoś oczywiście opłaci hosting i domeną. Ale o to ostatnie łatwiej zadbać.

#www #php #nodejs #html #hosting #cms #publii #hugo #pelican #staticsite

Apr 28, 2025, 06:47 · · · 3 · 0
Kerfuffle

@beeb Well. Server side rendering #HTML has been the default for major projects for a long time, and although every approach has its drawbacks, I cannot get the excitement for JavaScript frameworks that struggle to achieve what you can with templating in the backend. #JavaScript is a blight on the web and I applaud #HTMX for trying to get it out of the way. Why would you want to use JavaScript and JSON to generate HTML when you can just receive HTML?

Apr 27, 2025, 21:31 · · · 0 · 0
Paco Hope #resist

I just boosted it but I have to put my own statement on it: the person who wrote this really understands what they’re talking about. The best satire is truly intelligent as it skewers its target. The final point of the rant is dead right. I totally agree.

motherfuckingwebsite.com/

#ui #ux #webdesign #html #css

Motherfucking Website

motherfuckingwebsite.com
Terence Eden

🆕 blog! “HTML Oddities: Is a newline just another whitespace in attribute values?”

Consider these two HTML elements:

<div class="a b">…</div>

<div class="a
b">…</div>

Is there any semantic difference between them? Is there any way to target one but not the other? In other words, are they logically different?

I think the answer is no. On every bro…

👀 Read more: shkspr.mobi/blog/2025/04/html-

#css #HTML

HTML Oddities: Is a newline just another whitespace in attribute values?

Consider these two HTML elements: HTML<div class="a…

Terence Eden’s Blog
CX-7

Just because you’re different doesn’t mean you don’t belong.

#html #css #meme #funny

Wintermute_BBS

Did some housekeeping today and eventually fixed some issues with the #Hugo #Theme ("blank" by Vumix) that I am using.

So now it also shows images in the article preview on the start page and I finally got #RSS feed support to work.

Not that I'm blogging much, never did. But occasionally, when I have finished a project or interesting hack, I will write a small #blog post about it. So the site serves more or less as a #showcase for some of my stuff.

I was also surprised to see how well the actual #HTML #website looks on my 10" Android tablet.

Website is here: ufud.org
RSS feed is here: ufud.org/rss

Apr 26, 2025, 21:28 · · · 0 · 0
Terence Eden

🆕 blog! “Using Tempest Highlight with WordPress”

I like to highlight bits of code on my blog. I was using GeSHi - but it has ceased to receive updates and the colours it uses aren't WCAG compliant.

After skimming through a few options, I found Tempest Highlight. It has nearly everything I want in a code highlighter:

 PHP with no 3rd party …

👀 Read more: shkspr.mobi/blog/2025/04/using

#css #HTML #php #programming #WordPress

Using Tempest Highlight with WordPress

I like to highlight bits of code on my blog. I was…

Terence Eden’s Blog
dewomser

Dynamisches #html
Völlig unprofessionelles #Cookiebanner
Hat nichts mit Gesetzesvorgaben zu tun.
…aber funktioniert
39 Zeilen Standalone-HTML inklusive #CSS und #Javascript
Natürlich gibts auch ein Beispiel README lesen !
github.com/dewomser/cookiebann

Marijke Luttekes

Hiding contact form controls after a successful form submission; yay or nay?

NB. It does have a (polite) live area informing the user of its success.

#WebDev #HTML #accessiblity

Apr 25, 2025, 14:24 · · · 0 · 0
Habr

Как Canvas украсил QIC

Всем привет! Меня зовут Виген Мовсисян, я Frontend-разработчик в QIC digital hub. В этой статье я расскажу, как мы внедрили технологию Canvas, какие задачи он помогает решать, что уже успели сделать и какие у нас планы на будущее. Материал основан на моём докладе с QIC Tech Meetup, полную запись вы можете найти на YouTube . Если говорить коротко, Canvas — это «холст», который позволяет рисовать и добавлять интерактивность, давая пользователям возможность напрямую взаимодействовать с графическими элементами. В статье я буду ссылаться на этот проект , чтобы проиллюстрировать все описанные ниже возможности Canvas. *В текущей версии отсутствует кнопка «Назад» — для возврата в предыдущий раздел воспользуйтесь стандартной кнопкой браузера. Итак, начнём погружение в удивительный мир возможностей Canvas.

habr.com/ru/articles/904268/

#javascript #typescript #html #canvas #vue #vue3

Reilly Spitzfaden (they/them)

If anyone notices any issues with the site menus I'd be interested to hear — I did come across a number of unexpected things while I set them up

#WebDev #HTML #CSS #Coding #Programming #IndieWeb #SmallWeb

Reilly Spitzfaden (they/them)

I updated my site dropdown menus so they only need CSS and (as far as I was able to ascertain) you can tab through with a keyboard!

reillyspitzfaden.com/

The secret seems to be using the CSS :focus and :focus-within selectors. I have a minimal CodePen example here (codepen.io/reillypascal/pen/Pw), and here's the article where I got the idea: moderncss.dev/css-only-accessi

#WebDev #HTML #CSS #Coding #Programming #IndieWeb #SmallWeb

Reilly Spitzfaden, Composer

I'm Reilly Spitzfaden, a composer who likes noise,…

reillyspitzfaden.com
Eric A. Meyer

HEY LEICESTER (UK)! Go see the art show I wish I could be there to see, “Paint By Style Sheet”, an exhibition of pieces created with #HTML and #CSS, at Phoenix Leicester. phoenix.org.uk/events/paint-by

Paint By Style Sheet | Phoenix Leicester | Free Art Exhibition

Paint by Style Sheet is a new exhibition that celebrates…

Phoenix
Jesse

For the #Developer community around here, are there any hashtags you recommend new folks use?
I'm going back to my Codecademy lessons and have set myself a goal of having a website, however basic, online for the end of the summer, and kinda want to share my progress daily with a community to cheer each other on.
#Coding #HTML #WebDevelopment #Learning