These are public posts tagged with #html. You can interact with them if you have an account anywhere in the fediverse.
New CSS Generator
It's finally possible. A blob shape using only CSS!
https://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)
I tried to figure out the difference between a menu and a navigation, give it a read if you have some time to spare:
https://stevefrenzel.dev/posts/menu-and-navigation-the-difference/
Let me know if I got something wrong, I'd appreciate your feedback.
#a11y #accessibility #html #css #JavaScript #frontend #WebDev #blog
The eternal war of buttons against links taken to a…
Steve FrenzelJak 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
@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?
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.
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: https://shkspr.mobi/blog/2025/04/html-oddities-is-a-newline-just-another-whitespace-in-attribute-values/
⸻
#css #HTML
Consider these two HTML elements: HTML<div class="a…
Terence Eden’s BlogDid 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: https://ufud.org
RSS feed is here: https://ufud.org/rss
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: https://shkspr.mobi/blog/2025/04/using-tempest-highlight-with-wordpress/
⸻
#css #HTML #php #programming #WordPress
I like to highlight bits of code on my blog. I was…
Terence Eden’s BlogSó passei para lembrar que <marquee> ainda funciona.
...
codepen.ioA relire : Une collection d'effets CSS à copier-coller grâce à CSSFX
https://blog.shevarezo.fr/post/2019/07/08/cssfx-collection-effets-css-copier-coller
CSSFX propose des effets CSS appliqués au survol des…
ShevArezo`BlogDynamisches #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 !
https://github.com/dewomser/cookiebanner/blob/main/index.html
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.
Как Canvas украсил QIC
Всем привет! Меня зовут Виген Мовсисян, я Frontend-разработчик в QIC digital hub. В этой статье я расскажу, как мы внедрили технологию Canvas, какие задачи он помогает решать, что уже успели сделать и какие у нас планы на будущее. Материал основан на моём докладе с QIC Tech Meetup, полную запись вы можете найти на YouTube . Если говорить коротко, Canvas — это «холст», который позволяет рисовать и добавлять интерактивность, давая пользователям возможность напрямую взаимодействовать с графическими элементами. В статье я буду ссылаться на этот проект , чтобы проиллюстрировать все описанные ниже возможности Canvas. *В текущей версии отсутствует кнопка «Назад» — для возврата в предыдущий раздел воспользуйтесь стандартной кнопкой браузера. Итак, начнём погружение в удивительный мир возможностей Canvas.
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!
The secret seems to be using the CSS :focus and :focus-within selectors. I have a minimal CodePen example here (https://codepen.io/reillypascal/pen/PwwPewM?editors=1100), and here's the article where I got the idea: https://moderncss.dev/css-only-accessible-dropdown-navigation-menu/
I'm Reilly Spitzfaden, a composer who likes noise,…
reillyspitzfaden.comHEY 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. https://www.phoenix.org.uk/events/paint-by-style-sheet/
Paint by Style Sheet is a new exhibition that celebrates…
Phoenix...
codepen.io A flowing WebGL gradient, deconstructed
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