html

🦉
🍋🌽🕊🌿 🐬🌱 🥦 🪵
🍐 🦢🦢🦭 🐛🐛 🍈 🪷🌲 🍑
🌷 🦀 🫐 🦃 🥥🦢 🪰 🐡🐥 🥜
🌹 🍏 🪳 🌾 🦭 🐣 🌳
🦃 🐋 🥦🌱🦀🪱 🕸 🪳 🐙🫐 💐
🐚🍃 🎄 🍃🕊🕷🌱 🌻🍀 🥒
🧚 🍋 🐋 🐣🐙
https://screwlisp.small-web.org/lispgames/NicCLIM-example-html-table/
Not an overly heady #commonLisp #gamedev #devlog #example for my #NicCLIM (Using #McCLIM) .

#programming #html

Looking for CMS advice

Hey Web devs!

Do you have any suggestions, tips, opinions, dos, don’ts about headless CMSes?

I have a growing list of small/mid non-profits and collectives asking for my help to (re)make their website. I totally want to help, but I don’t have much time, especially considering that they generally have little or no funding—I would most definitely point them to @VillageOneCoop, otherwise.

Therefore, I want a super simple and replicable solution where I can copy-paste most of the code, while providing them with a stable, fast, and modern solution. I had a look at the Headless CMS section in the Jamstack website, but I need opinions from people who actually used some of that software already.

Needs

I want to code and configure everything using @eleventy
Admin interface (#WebApp) for the client to add pages and write posts
Static website in the front-end
Simple and reliable CI/CD
No/minimal maintenance after the first setup
Self-hostable (I was taking this for granted so much that I forgot to write it)
If it requires forge integration, it should support #ForgeJo
#OpenSource

Nice to have

Possibly using #Deno, not #NodeJS
Allowing the client to customize a bit their website through the admin interface, with a GUI
CMS app packaged on @yunohost
No CMS vendor lock-in
I’d love to write as little JavaScript as possible
#FreeSoftware

Absolutely not

Front-end #JavaScript frameworks

Please, boost this and ask around! Links to videos, tutorials, and resources are welcome.

People whose perspective I would really value: @zachleat @harryfk @deno_land @jaredwhite @vanillaweb @stefan @mxbck @WeirdWriter @deadsuperhero (Sorry if I am spamming you!)

#Eleventy #11ty #CMS #HeadlessCMS #Ghost #DecapCMS #CraftCMS #Strapi #Web #WebDev #WebDesign #StaticGen #StaticWebsite #Website #HTML #CSS #YunoHost #SelfHosting #Wordpress

✨ 0.9.0 of dj-angles, a library to incorporate more HTML into #Django templates, is now published. ✨

The main feature is (beta) support for slots in components! 🎰🚀

Slots documentation: https://dj-angles.adamghill.com/en/latest/components.html#slots

📖 https://dj-angles.adamghill.com
📦 https://pypi.org/project/dj-angles
🛠️ https://github.com/adamghill/dj-angles

#Python #HTML #WebComponents #CSS #DJT

ALT

<link rel="alternate" type="image/png" href="image.png">

#lang_en #html

Randomly found this weird `x5-playsinline` HTML attribute on the example videos on sora.com. Did a search and seems like it's for WeChat's built-in browser https://nanmu.me/en/posts/2020/strange-html-video-tag-behavior-in-wechat/

#HTML #video #WebDev

ALT

#Programming #Python #JavaScript #CSharp #HTML #Code #WebDevelopment #Tech #Developers #SoftwareDevelopment

Ich bin ja so alt, dass ich meine HTML-Seiten noch selber baue. Aber eines hab ich nie herausgefunden: wie bekomme ich es hin, dass ein Android-Browser (im Screenshot #vivaldi ) das Layout beim Zoom an die neue Größe anpasst oder zumindest den Text lesbar umbricht und das nicht so wie auf diesem Bild aussieht?

Bitte teilen, vielleicht weiß ja jemand die Antwort 🙂

#html #accessibility

ALT

Opened MDN’s page on a CSS property in eww. The description starts at line 1451…

#lang_en #mdn #web #html

旋宮圖簡介brief introduction of Hsüan Kung Diagram
終於，我完成了旋宮圖簡介頁面！
Finally, I have completed the brief introduction page of Hsüan Kung Diagram!

Available in 漢語, English, 日本語, 㗂越(Tiếng Việtㅤ), 韓國語(한  국  어)·朝鮮語(조  선  어)!

​​ ​​ ​​ ​​ ​​ ​​

#音樂 #樂理 #音樂理論 #中華 #中國音樂 #國樂 #民樂 #中樂 #華樂 #網頁 #編程 #music #musictheory #theory #chinese #chinesemusic #web #webpage #webpages #javascript #html #css #音乐 #乐理 #音乐理论 #中华 #中国音乐 #国乐 #民乐 #中乐 #华乐 #网页 #编程 #音楽 #中国 #旋宮圖 #旋宫图 #âmnhạc #amnhac #trungquoc #중국 #음악

wow I don't even know `<data>` HTML tag exists https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/data

#HTML #WebDev

So I made a thing: #russia​n-speaking visitors are now greeted with an anti-war popup on https://forgoodeyesonly.eu and https://blog.forgoodeyesonly.eu! 🇺🇦

Feel free to copy it to your own website! You can try it out without changing your browser's language on Codepen: https://codepen.io/realpixelcode/pen/RNPOmdw

And, yes, you can adjust it to be shown without JavaScript (but to all visitors then), because the popup is actually just an #HTML details element. 😎

#StandWithUkraine #Ukraine #WebDev #EthicalWebDev #CSS #CssOnly

#Development #Collections
HotFX · A collection of well-crafted web components https://ilo.im/165u3y

_____
#WebComponents #Website #DesignPattern #Design #WebDesign #WebDev #Frontend #HTML #JavaScript

Na tentativa de fazer com que as aulas de programação fugissem da mesmice, fiz uma proposta pra turma um tanto... peculiar. E com adolescente, esse tipo de coisa, é sempre uma aposta arriscada, né - ou eles topam ou eles acabam com sua autoestima e sua dignidade.
Enfim, eles piraram e temos agora, nescendo, a Ilha-continente de Lovelace:

#html #java #cobol #c #pyton #programmig #edtech

ALT