Another shape with rounded corners using shape()!
This time it's an arrow-like box. A single-element responsive implementation easy to adjust using CSS variables.
https://css-tip.com/arrow-like-box/
A follow up to a post by @chriscoyier (cc @trys )
Meaningful Meaninglessness...
#html #semantics #accessibility
https://html5accessibility.com/stuff/2023/02/19/representation-of-style/
I did it! I managed to squeeze an animated .html "demo" into just 256 bytes (text string size).
You can view it here:
https://hlnet.neocities.org/256b
Can anyone else make a better one?
This is the whole source:
<style>*{display:grid;height:100%;background:repeating-radial-gradient(1Q.01Q at calc(50%*(1 - sin(var(---)*pi)))calc(50%*(1 - cos(var(---)*pi))),tan,red);animation:a 9s 9}@property ---{syntax:"<number>";inherits:true;initial-value:0}@keyframes a{to{---:2;
5 Ways to Reduce HTML File Size on Your Website, Step 0, by @j9t [@frontenddogma.com]:
@kobilacroix if you just want a cheap & simple website, that is still easy.
One option beyond "Overkill-#CMS||es" like #WordPress are "#OfflineCMS|es" like #MkDocs-Material that allow for simple #Markdown editing and clean #HTML whilst offering #search functionality.
Also there are more #Webhosters than ever before...
Next project I'm equally afraid and hyped about: re-implementing most of #HyperCard as #HTML form-based app. Requires:
- A working #HyperTalk (or the like) interpreter
- Card editing form that's flexible enough to build e.g. a calculator
- Script editing UI
- Smart evaluation that works well with old-school HTML-first UIs
- Server setup to handle all of these
Some of these are entirely new to me, and some don't have reasonable libs for in #CommonLisp, so I'm quite floored with the amount of work. But if I manage to make this thing, I'll have a reliable note-taking tool and a simple programming system!
(Now that I think about it, I don't really need a note-taking tool, because I use #hpda. And the simple programming system might as well be a headless HyperTalk interpreter...)
Micro Zine: Tiny CSS template to produce folded 8-page zines
I updated my online generator to add the radius option! The easiest way to generate regular polygons with rounded corners.
https://css-generators.com/polygon-shape/
And look at that border-only version!
Deaf Nigerians Are Learning to Code Through Sign Language.
Though Nigeria’s tech industry is booming, job opportunities for people with disabilities remain scarce. Deaf-in-Tech aims to change that.
By: Ogar Monday
April 17, 2025
5 min read
http://reasonstobecheerful.world/deaf-in-tech-nigeria/
Well worth a read.
TikZJax: Embedding LaTeX Drawings in HTML
I recently learned that you can make a simple accordion UI using details tags with a common name attribute.
https://www.pascal.com/diary/2025-04-19-using-named-details-tags
HTML jendearentzat
<p>Interneten kontrola berreskuratzeko ezinbestekoa da oinarriak ulertzea. HTML kodea ikasi beharra dago!</p>
Its all HTML
Quick guidance for referring to (parts of) HTML elements By @yatil
“You always need to be very clear in what you mean. Otherwise, it is hard to read for your audience…”
I'm delight to announce the first release of my opinionated HTML Pretty Printer for new versions of PHP.
Grab the code from Packagist
Contribute on GitLab
There are several prettifiers on Packagist, but I think mine is the only one which works with the new Dom\HTMLDocument class.
Table of Contents
What
This takes…
⸻
#HTML #php
#Design #Approaches
Designing in the browser · Your starting point for in-browser mockups https://ilo.im/163dnu
_____
#Browser #DesignProcess #UiDesign #WebDesign #Development #WebDev #Frontend #HTML #CSS #JavaScript