Suche
Beiträge, die mit HTML getaggt sind
SELFHTML wird 30! Das wollen wir feiern!
Am Samstag, den 24.05.2025 gibt es …
12:00 Unconference mit Beiträgen zu RWD, Screenreadern und mehr
17:00 Stadtrundgang Stadt.Wand.Kunst
19:00 Abendessen
forum.selfhtml.org/self/2025/a…
#mannheim #rheinneckar #fedilLZ #html #barrierefreiheit
SELF-Treffen 2025 - Unconference von Matthias Scharwies, 11.04.2025 05:22 – SELFHTML Forum
Forum als Ergänzung zum SELFHTML-Wiki und zur Dokumentation SELFHTMLforum.selfhtml.org
HTML is all you need to make a website
🌐 whitep4nth3r.com/blog/html-is-…
#html #html5 #website #webdev #web #dev #smolweb #SmallWeb
HTML is all you need to make a website
HTML-only websites are a controversial and divisive topic. But why?Salma Alam-Naylor (whitep4nth3r.com)
Auf einer anderen Plattform kam gerade das Thema mit den Overlay-Tools für #barrierefreiheit auf. Ich selbst bin absolut kein Fan davon, weil sie z.B. falsche Semantik nicht "reparieren".
Habt ihr schon mal so ein Tool auf einer Webseite gesehen. Wie habt ihr die Bedienung empfunden? Hat es euch wirklich geholfen oder nur den Weg versperrt?
🇫🇷
selfh.st/icons
Une collection d'icônes et de logos au format SVG, PNG, WEBP pour vos projets 😉
🇬🇧
selfh.st/icons
A collection of icons and logos in SVG, PNG, WEBP format for your projects 😉
#Html #CSS #SVG #PNG #WEBP
#Mastodon #Fediverse #Pixelfed #Nextcloud
Self-Hosted Dashboard Icons
A collection of self-hosted dashboard icons and logosEthan Sholly (selfh.st)
im SELF-Blog: Sommerzeit, input type="date" und JavaScript
Aus der Rubrik „Das Nähkästchen des alten Programmierers“.
Oder: Wie dumm man sein kann…
blog.selfhtml.org/2025/apr/06/…
Sommerzeit, input type="date" und JavaScript von Rolf B, 06.04.2025 00:11 – SELFHTML Weblog
Das Weblog als Ergänzung zu SELFHTMLblog.selfhtml.org
![const BasicLayoutTemplate = async ({ title, SLOT }) => {
const posts = (await (await fetch('https://streamiverse.small-web.org/public/')).json()).splice(0, 3)
return kitten.html`
<main>
<page css>
<h1>${title}</h1>
${SLOT}
<h2>Fediverse posts</h2>
<ul>
${posts.map(post => kitten.html`
<li><img src='${post.account.avatar}'> ${[post.content]}</li>
`)}
</ul>
<style>
li { display: flex; gap: 1em; margin-bottom: 1em; }
img { width: 5em; height: auto; }
</style>
</main>
`
}
export default async () => await kitten.html`
<${BasicLayoutTemplate} title='Async components are fun!'>
<markdown>
Oh, isn’t this __nice?__
</markdown>
</>
`](https://inne.city/photo/preview/640/225173 "const BasicLayoutTemplate = async ({ title, SLOT }) => {
const posts = (await (await fetch('https://streamiverse.small-web.org/public/')).json()).splice(0, 3)
return kitten.html`
<main>
<page css>
<h1>${title}</h1>
${SLOT}
<h2>Fediverse posts</h2>
<ul>
${posts.map(post => kitten.html`
<li><img src='${post.account.avatar}'> ${[post.content]}</li>
`)}
</ul>
<style>
li { display: flex; gap: 1em; margin-bottom: 1em; }
img { width: 5em; height: auto; }
</style>
</main>
`
}
export default async () => await kitten.html`
<${BasicLayoutTemplate} title='Async components are fun!'>
<markdown>
Oh, isn’t this __nice?__
</markdown>
</>
`")
![class BasicLayoutTemplate extends kitten.Component {
async html ({title, SLOT}) {
return kitten.html`
<main id='page' morph>
<page css>
<h1>${title}</h1>
${SLOT}
<${FediversePosts.connectedTo(this)} />
</main>
`
}
}
class FediversePosts extends kitten.Component {
async html () {
const posts = (await (await fetch('https://streamiverse.small-web.org/public/')).json()).splice(Math.floor(Math.random()*6), 3)
return kitten.html`
<div id='posts' morph>
<h2>Fediverse posts</h2>
<ul>
${posts.map(post => kitten.html`
<li><img src='${post.account.avatar}'> ${[post.content]}</li>
`)}
</ul>
<button name='refresh' connect>Refresh</button>
<style>
li { display: flex; gap: 1em; margin-bottom: 1em; }
img { width: 5em; height: auto; }
</style>
</div>
`
}
onRefresh () { this.update() }
}
export default class MyPage extends kitten.Page {
async html () {
return kitten.html`
<${BasicLayoutTemplate.connectedTo(this)} title='Async components are fun!'>
<markdown>
Oh, isn’t this __nice?__
</markdown>
</>
`
}
}](https://inne.city/photo/preview/640/225175 "class BasicLayoutTemplate extends kitten.Component {
async html ({title, SLOT}) {
return kitten.html`
<main id='page' morph>
<page css>
<h1>${title}</h1>
${SLOT}
<${FediversePosts.connectedTo(this)} />
</main>
`
}
}
class FediversePosts extends kitten.Component {
async html () {
const posts = (await (await fetch('https://streamiverse.small-web.org/public/')).json()).splice(Math.floor(Math.random()*6), 3)
return kitten.html`
<div id='posts' morph>
<h2>Fediverse posts</h2>
<ul>
${posts.map(post => kitten.html`
<li><img src='${post.account.avatar}'> ${[post.content]}</li>
`)}
</ul>
<button name='refresh' connect>Refresh</button>
<style>
li { display: flex; gap: 1em; margin-bottom: 1em; }
img { width: 5em; height: auto; }
</style>
</div>
`
}
onRefresh () { this.update() }
}
export default class MyPage extends kitten.Page {
async html () {
return kitten.html`
<${BasicLayoutTemplate.connectedTo(this)} title='Async components are fun!'>
<markdown>
Oh, isn’t this __nice?__
</markdown>
</>
`
}
}")
Bugger. There's no sensible way to "Pretty Print" HTML5 using PHP.
HTMLtidy hasn't been updated in years and breaks a bunch of modern HTML.
DOMdocument only pretty-prints XML.
Manually indenting is a right pain in the arse.
I like having nicely formatted source code - even if no one else looks at it.
🆕 blog! “Pretty Print HTML using PHP 8.4's new HTML DOM”
Those whom the gods would send mad, they first teach recursion.
PHP 8.4 introduces a new Dom\HTMLDocument class it is a modern HTML5 replacement for the ageing XHTML based DOMDocument. You can read more about how it works - the short version is that it reads and correctly sanitises HTML and turns it into a…
👀 Read more: shkspr.mobi/blog/2025/03/prett…
⸻
#HowTo #HTML #php
I am in urgent job search mode, so I'm gonna throw this out here and see if anything comes of it.
I am a #Canadian, fluent in both #English and #French. I have experience with several programming languages. My strongest proficiency is with #Haskell and #C. I also have a reasonable grasp of #HTML, #JavaScript, #SQL, #Python, #Lua, #Linux system administration, #bash scripting, #Perl, #AWK, some #Lisp (common, scheme, and emacs), and probably several others I've forgotten to mention.
I am not necessarily looking for something in tech. I just need something stable. I have done everything from software development, to customer support, to factory work, though my current circumstances make in-person work more difficult than remote work. I have been regarded as a hard worker in every job I have ever held.
In Mastodon kann man Text nicht formatieren - oder doch?
@aardrian warnt vor der Verwendung dekorativer Unicode-Schriften in Social Media - ich habe dazu einen Wiki-Artikel geschrieben:
wiki.selfhtml.org/wiki/Zeichen…
Hi, #Today I decided to try to #getfedihired — I've got many years of experience with web development, programming and production (#HTML, #CSS, #Javascript), I can make myself useful in anything on the open-source side of back end, i.e. the #Perl, #Python, #PHP, #MySQL, #Linux kind of area.
I live in #Sydney Australia and would be happy to work in-office, remote or hybrid.
Let me know of any opportunities, or pass this on to anyone else who might know of something? Thanks.
≪ Syrischer Bulgursalat mit Linsen (Bilal Maikeh) ≫
≪ Syrischer Bulgursalat mit Linsen (Bilal Maikeh) ≫ Zutaten: Bulgur, Linsen, Zwiebeln, Petersilie. Gewürze: Salz, Pfeffer, Kreuzkümmel, Koriander. (Bildbeschreibung: Das fertige »Bilal Maikeh« servierfertig angerichtet in einer Pfanne.diaspora* social network
New year, new role @Mastodon!
Our core team is looking for a senior Front-end Developer to elevate the web UI/UX experience for our users.
Ideally:
1. You are highly skilled in accessible and semantic #HTML
2. Proficient in modern #CSS
3. Experienced with #Javascript, #Typescript and complex React/Redux applications
This remote full-time position requires a 4-hour overlap with the CET timezone.
For more info/to apply:
jobs.ashbyhq.com/mastodon/6a09…
#FediHire #GetFediHired #hiring #frontend
Front-end Developer (m/f/d)
We're looking for a Front-end Developer to work with us remotely on our free and open-source Mastodon software.jobs.ashbyhq.com
Wir wollen unser DOM-Tutorial aktualisieren.
Wie erzeugt ihr neue Elemente in #javascript ?
- createElement (38%, 8 Stimmen)
- insertAdjacentHTML (9%, 2 Stimmen)
- template mit appendChild einhängen (9%, 2 Stimmen)
- ??? (42%, 9 Stimmen)
Memories - der gestrige Beitrag zum #adventskalender zeigt, wie man sich mit semantischem #HTML und #CSS viel Programmierarbeit sparen kann.
wiki.selfhtml.org/extensions/S…
The @w3c ARIA in HTML specification has been updated:
w3.org/TR/html-aria/
These are the authoring rules for using #ARIA when #HTML is the host language.
ARIA in HTML
This specification defines the authoring rules (author conformance requirements) for the use of Accessible Rich Internet Applications (WAI-ARIA) 1.2 and Digital Publishing WAI-ARIA Module 1.0 attributes on [HTML] elements.www.w3.org
New blog post: mergiraf.org, a syntax-aware merge driver for #Git.
Supports #Java, #Rust, #Golang, #javascript, #cpp, #csharp, #html, #json, #yaml and #xml so far, and it's quite easy to add support for more thanks to #treesitter.
antonin.delpeuch.eu/posts/merg…
Get it on #Codeberg: codeberg.org/mergiraf/mergiraf
mergiraf
A syntax-aware git merge driver for a growing collection of programming languages and file formats.Codeberg.org