HTMLHell - „Da brauchst du kein JavaScript für!“
bearbeitet von
<h2>Das Prinzip der geringsten Leistung</h2>
(***the rule of least power***) [^1]
[^1]: [Rule of least power](https://en.wikipedia.org/wiki/Rule_of_least_power) (wikipedia.en.org)
„Dies ist eines der Grundprinzipien der Webentwicklung und bedeutet, dass Sie die **am wenigsten leistungsfähige Sprache für einen bestimmten Zweck wählen sollten.**
Im Web bedeutet dies, dass man HTML gegenüber CSS und dann CSS gegenüber JS vorzieht. JS ist die vielseitigste der drei Sprachen, weil man damit beschreibt, wie der Browser reagieren soll, aber es kann auch kaputt gehen, es kann nicht geladen werden und es braucht zusätzliche Ressourcen zum Herunterladen, Parsen und Ausführen. Außerdem ist es sehr einfach, Tastaturbenutzer und Menschen, die unterstützende Technologien verwenden, auszuschließen.
Im Gegensatz zu JS, das imperativ ist, sind HTML und CSS deklarativ. Man sagt dem Browser, **was er tun soll**, **nicht wie** er es tun soll. Das bedeutet, dass der Browser selbst entscheiden kann, wie er es macht, und zwar auf die effizienteste Art und Weise.
Da HTML- und CSS-Funktionen vom Browser gehandhabt werden, sind sie leistungsfähiger, nativer, anpassungsfähiger an Benutzerpräferenzen und allgemein zugänglicher. Das bedeutet nicht, dass dies immer der Fall sein wird (vor allem, wenn es um die Zugänglichkeit geht), aber wenn der Browser die schwere Arbeit für Sie erledigt, werden Ihre Endbenutzer im Allgemeinen eine bessere Erfahrung haben.“
<h2>Beispiele</h2>
Kilian demonstriert dies an Beispielen, die wir ähnlich auch im Wiki haben.
<h3>Flip-Flop-Schalter</h3>
Ein [FlipFlop-Schalter](https://wiki.selfhtml.org/wiki/HTML/Tutorials/Formulare/Radio-Buttons_und_Checkboxen#FlipFlop-Schalter) oder toggle-Switch ist ein Software-Feature, das zwischen zwei Zuständen hin- und her schaltet.
<iframe src="https://wiki.selfhtml.org/extensions/Selfhtml/example.php/Beispiel:HTML-Tut-button-5.html" width="900" height="500" name="SELFHTML_in_a_box">
<p>Ihr Browser kann leider keine eingebetteten Frames anzeigen:
Sie können die eingebettete Seite über den folgenden Verweis aufrufen:
<a href="https://wiki.selfhtml.org/wiki/HTML/Tutorials/Formulare/Radio-Buttons_und_Checkboxen#FlipFlop-Schalter">SELFHTML</a>
</p>
</iframe>
Wie Sie im Beispiel sehen, funktioniert so etwas **ohne** Javascript.
Ich habe zwei Empfehlungen:
1. Nutzen Sie das Standardverhalten der HTML-Elemente!
2. Lesen Sie [den Artikel von Kilian Valkhof](https://www.htmhell.dev/adventcalendar/2023/2/)!
Er demonstriert noch weitere Anwendungsfälle, in denen auf JavaScript verzichtet werden kann!
(Auch die anderen Artikel des Adventskalenders sind lesenswert!)
(***the rule of least power***) [^1]
[^1]: [Rule of least power](https://en.wikipedia.org/wiki/Rule_of_least_power) (wikipedia.en.org)
„Dies ist eines der Grundprinzipien der Webentwicklung und bedeutet, dass Sie die **am wenigsten leistungsfähige Sprache für einen bestimmten Zweck wählen sollten.**
Im Web bedeutet dies, dass man HTML gegenüber CSS und dann CSS gegenüber JS vorzieht. JS ist die vielseitigste der drei Sprachen, weil man damit beschreibt, wie der Browser reagieren soll, aber es kann auch kaputt gehen, es kann nicht geladen werden und es braucht zusätzliche Ressourcen zum Herunterladen, Parsen und Ausführen. Außerdem ist es sehr einfach, Tastaturbenutzer und Menschen, die unterstützende Technologien verwenden, auszuschließen.
Im Gegensatz zu JS, das imperativ ist, sind HTML und CSS deklarativ. Man sagt dem Browser, **was er tun soll**, **nicht wie** er es tun soll. Das bedeutet, dass der Browser selbst entscheiden kann, wie er es macht, und zwar auf die effizienteste Art und Weise.
Da HTML- und CSS-Funktionen vom Browser gehandhabt werden, sind sie leistungsfähiger, nativer, anpassungsfähiger an Benutzerpräferenzen und allgemein zugänglicher. Das bedeutet nicht, dass dies immer der Fall sein wird (vor allem, wenn es um die Zugänglichkeit geht), aber wenn der Browser die schwere Arbeit für Sie erledigt, werden Ihre Endbenutzer im Allgemeinen eine bessere Erfahrung haben.“
<h2>Beispiele</h2>
Kilian demonstriert dies an Beispielen, die wir ähnlich auch im Wiki haben.
<h3>Flip-Flop-Schalter</h3>
Ein [FlipFlop-Schalter](https://wiki.selfhtml.org/wiki/HTML/Tutorials/Formulare/Radio-Buttons_und_Checkboxen#FlipFlop-Schalter) oder toggle-Switch ist ein Software-Feature, das zwischen zwei Zuständen hin- und her schaltet.
<iframe src="https://wiki.selfhtml.org/extensions/Selfhtml/example.php/Beispiel:HTML-Tut-button-5.html" width="900" height="500" name="SELFHTML_in_a_box">
<p>Ihr Browser kann leider keine eingebetteten Frames anzeigen:
Sie können die eingebettete Seite über den folgenden Verweis aufrufen:
<a href="https://wiki.selfhtml.org/wiki/HTML/Tutorials/Formulare/Radio-Buttons_und_Checkboxen#FlipFlop-Schalter">SELFHTML</a>
</p>
</iframe>
Wie Sie im Beispiel sehen, funktioniert so etwas **ohne** Javascript.
Ich habe zwei Empfehlungen:
1. Nutzen Sie das Standardverhalten der HTML-Elemente!
2. Lesen Sie [den Artikel von Kilian Valkhof](https://www.htmhell.dev/adventcalendar/2023/2/)!
Er demonstriert noch weitere Anwendungsfälle, in denen auf JavaScript verzichtet werden kann!
(Auch die anderen Artikel des Adventskalenders sind lesenswert!)
HTMLHell - „Da brauchst du kein JavaScript für!“
bearbeitet von
<h2>Das Prinzip der geringsten Leistung</h2>
(***the rule of least power***) [^1]
[^1]: [Rule of least power](https://en.wikipedia.org/wiki/Rule_of_least_power) (wikipedia.en.org)
„Dies ist eines der Grundprinzipien der Webentwicklung und bedeutet, dass Sie die **am wenigsten leistungsfähige Sprache für einen bestimmten Zweck wählen sollten.**
Im Web bedeutet dies, dass man HTML gegenüber CSS und dann CSS gegenüber JS vorzieht. JS ist die vielseitigste der drei Sprachen, weil man damit beschreibt, wie der Browser reagieren soll, aber es kann auch kaputt gehen, es kann nicht geladen werden und es braucht zusätzliche Ressourcen zum Herunterladen, Parsen und Ausführen. Außerdem ist es sehr einfach, Tastaturbenutzer und Menschen, die unterstützende Technologien verwenden, auszuschließen.
Im Gegensatz zu JS, das imperativ ist, sind HTML und CSS deklarativ. Man sagt dem Browser, **was er tun soll**, **nicht wie** er es tun soll. Das bedeutet, dass der Browser selbst entscheiden kann, wie er es macht, und zwar auf die effizienteste Art und Weise.
Da HTML- und CSS-Funktionen vom Browser gehandhabt werden, sind sie leistungsfähiger, nativer, anpassungsfähiger an Benutzerpräferenzen und allgemein zugänglicher. Das bedeutet nicht, dass dies immer der Fall sein wird (vor allem, wenn es um die Zugänglichkeit geht), aber wenn der Browser die schwere Arbeit für Sie erledigt, werden Ihre Endbenutzer im Allgemeinen eine bessere Erfahrung haben.“
<h2>Beispiele</h2>
Kilian demonstriert dies an Beispielen, die wir ähnlich auch im Wiki haben.
<h3>Flip-Flop-Schalter</h3>
Ein [FlipFlop-Schalter](https://wiki.selfhtml.org/wiki/HTML/Tutorials/Formulare/Radio-Buttons_und_Checkboxen#FlipFlop-Schalter) oder toggle-Switch ist ein Software-Feature, das zwischen zwei Zuständen hin- und her schaltet.
<iframe src="https://wiki.selfhtml.org/extensions/Selfhtml/example.php/Beispiel:HTML-Tut-button-5.html" width="900" height="500" name="SELFHTML_in_a_box">
<p>Ihr Browser kann leider keine eingebetteten Frames anzeigen:
Sie können die eingebettete Seite über den folgenden Verweis aufrufen:
<a href="https://wiki.selfhtml.org/wiki/HTML/Tutorials/Formulare/Radio-Buttons_und_Checkboxen#FlipFlop-Schalter">SELFHTML</a>
</p>
</iframe>
Wie Sie im Beispiel sehen, funktioniert so etwas **ohne** Javascript.
Ich habe zwei Empfehlungen:
1. Nutzen Sie das Standardverhalten der HTML-Elemente!
2. Lesen Sie [den Artikel von Kilian Valkhof](https://www.htmhell.dev/adventcalendar/2023/2/)!
Er demonstriert noch weitere Anwendungsfälle, in denen auf JavaScript verzichtet werden kann!
(***the rule of least power***) [^1]
[^1]: [Rule of least power](https://en.wikipedia.org/wiki/Rule_of_least_power) (wikipedia.en.org)
Im Web bedeutet dies, dass man HTML gegenüber CSS und dann CSS gegenüber JS vorzieht. JS ist die vielseitigste der drei Sprachen, weil man damit beschreibt, wie der Browser reagieren soll, aber es kann auch kaputt gehen, es kann nicht geladen werden und es braucht zusätzliche Ressourcen zum Herunterladen, Parsen und Ausführen. Außerdem ist es sehr einfach, Tastaturbenutzer und Menschen, die unterstützende Technologien verwenden, auszuschließen.
Im Gegensatz zu JS, das imperativ ist, sind HTML und CSS deklarativ. Man sagt dem Browser, **was er tun soll**, **nicht wie** er es tun soll. Das bedeutet, dass der Browser selbst entscheiden kann, wie er es macht, und zwar auf die effizienteste Art und Weise.
Da HTML- und CSS-Funktionen vom Browser gehandhabt werden, sind sie leistungsfähiger, nativer, anpassungsfähiger an Benutzerpräferenzen und allgemein zugänglicher. Das bedeutet nicht, dass dies immer der Fall sein wird (vor allem, wenn es um die Zugänglichkeit geht), aber wenn der Browser die schwere Arbeit für Sie erledigt, werden Ihre Endbenutzer im Allgemeinen eine bessere Erfahrung haben.“
<h2>Beispiele</h2>
Kilian demonstriert dies an Beispielen, die wir ähnlich auch im Wiki haben.
<h3>Flip-Flop-Schalter</h3>
Ein [FlipFlop-Schalter](https://wiki.selfhtml.org/wiki/HTML/Tutorials/Formulare/Radio-Buttons_und_Checkboxen#FlipFlop-Schalter) oder toggle-Switch ist ein Software-Feature, das zwischen zwei Zuständen hin- und her schaltet.
<iframe src="https://wiki.selfhtml.org/extensions/Selfhtml/example.php/Beispiel:HTML-Tut-button-5.html" width="900" height="500" name="SELFHTML_in_a_box">
<p>Ihr Browser kann leider keine eingebetteten Frames anzeigen:
Sie können die eingebettete Seite über den folgenden Verweis aufrufen:
<a href="https://wiki.selfhtml.org/wiki/HTML/Tutorials/Formulare/Radio-Buttons_und_Checkboxen#FlipFlop-Schalter">SELFHTML</a>
</p>
</iframe>
Wie Sie im Beispiel sehen, funktioniert so etwas **ohne** Javascript.
Ich habe zwei Empfehlungen:
1. Nutzen Sie das Standardverhalten der HTML-Elemente!
2. Lesen Sie [den Artikel von Kilian Valkhof](https://www.htmhell.dev/adventcalendar/2023/2/)!
Er demonstriert noch weitere Anwendungsfälle, in denen auf JavaScript verzichtet werden kann!
HTMLHell - „Da brauchst du kein JavaScript für!“
bearbeitet von
<h2>Dieas RegelPrinzip der geringsten Leistung</h2>
***the rule of least power***[^1]
[^1]: [Rule of least power](https://en.wikipedia.org/wiki/Rule_of_least_power) (wikipedia.en.org)
Dies ist eines der Grundprinzipien der Webentwicklung und bedeutet, dass Sie die **am wenigsten leistungsfähige Sprache für einen bestimmten Zweck wählen sollten.**
Im Web bedeutet dies, dass man HTML gegenüber CSS und dann CSS gegenüber JS vorzieht. JS ist die vielseitigste der drei Sprachen, weil man damit beschreibt, wie der Browser reagieren soll, aber es kann auch kaputt gehen, es kann nicht geladen werden und es braucht zusätzliche Ressourcen zum Herunterladen, Parsen und Ausführen. Außerdem ist es sehr einfach, Tastaturbenutzer und Menschen, die unterstützende Technologien verwenden, auszuschließen.
Im Gegensatz zu JS, das imperativ ist, sind HTML und CSS deklarativ. Man sagt dem Browser, **was er tun soll**, **nicht wie** er es tun soll. Das bedeutet, dass der Browser selbst entscheiden kann, wie er es macht, und zwar auf die effizienteste Art und Weise.
Da HTML- und CSS-Funktionen vom Browser gehandhabt werden, sind sie leistungsfähiger, nativer, anpassungsfähiger an Benutzerpräferenzen und allgemein zugänglicher. Das bedeutet nicht, dass dies immer der Fall sein wird (vor allem, wenn es um die Zugänglichkeit geht), aber wenn der Browser die schwere Arbeit für Sie erledigt, werden Ihre Endbenutzer im Allgemeinen eine bessere Erfahrung haben.
<h2>Beispiele</h2>
Kilian demonstriert dies an Beispielen, die wir ähnlich auch im Wiki haben.
<h3>Flip-Flop-Schalter</h3>
Ein [FlipFlop-Schalter](https://wiki.selfhtml.org/wiki/HTML/Tutorials/Formulare/Radio-Buttons_und_Checkboxen#FlipFlop-Schalter) oder toggle-Switch ist ein Software-Feature, das zwischen zwei Zuständen hin- und her schaltet.
***the rule of least power***[^1]
[^1]: [Rule of least power](https://en.wikipedia.org/wiki/Rule_of_least_power) (wikipedia.en.org)
Dies ist eines der Grundprinzipien der Webentwicklung und bedeutet, dass Sie die **am wenigsten leistungsfähige Sprache für einen bestimmten Zweck wählen sollten.**
Im Web bedeutet dies, dass man HTML gegenüber CSS und dann CSS gegenüber JS vorzieht. JS ist die vielseitigste der drei Sprachen, weil man damit beschreibt, wie der Browser reagieren soll, aber es kann auch kaputt gehen, es kann nicht geladen werden und es braucht zusätzliche Ressourcen zum Herunterladen, Parsen und Ausführen. Außerdem ist es sehr einfach, Tastaturbenutzer und Menschen, die unterstützende Technologien verwenden, auszuschließen.
Im Gegensatz zu JS, das imperativ ist, sind HTML und CSS deklarativ. Man sagt dem Browser, **was er tun soll**, **nicht wie** er es tun soll. Das bedeutet, dass der Browser selbst entscheiden kann, wie er es macht, und zwar auf die effizienteste Art und Weise.
Da HTML- und CSS-Funktionen vom Browser gehandhabt werden, sind sie leistungsfähiger, nativer, anpassungsfähiger an Benutzerpräferenzen und allgemein zugänglicher. Das bedeutet nicht, dass dies immer der Fall sein wird (vor allem, wenn es um die Zugänglichkeit geht), aber wenn der Browser die schwere Arbeit für Sie erledigt, werden Ihre Endbenutzer im Allgemeinen eine bessere Erfahrung haben.
<h2>Beispiele</h2>
Kilian demonstriert dies an Beispielen, die wir ähnlich auch im Wiki haben.
<h3>Flip-Flop-Schalter</h3>
Ein [FlipFlop-Schalter](https://wiki.selfhtml.org/wiki/HTML/Tutorials/Formulare/Radio-Buttons_und_Checkboxen#FlipFlop-Schalter) oder toggle-Switch ist ein Software-Feature, das zwischen zwei Zuständen hin- und her schaltet.
HTMLHELL - der etwas andere Adventskalender
bearbeitet von
<h2>Die Regel der geringsten Leistung</h2>
Dies ist eines der Grundprinzipien der Webentwicklung und bedeutet, dass Sie die am wenigsten leistungsfähige Sprache für einen bestimmten Zweck wählen sollten.
Im Web bedeutet dies, dass man HTML gegenüber CSS und dann CSS gegenüber JS vorzieht. JS ist die vielseitigste der drei Sprachen, weil man damit beschreibt, wie der Browser reagieren soll, aber es kann auch kaputt gehen, es kann nicht geladen werden und es braucht zusätzliche Ressourcen zum Herunterladen, Parsen und Ausführen. Außerdem ist es sehr einfach, Tastaturbenutzer und Menschen, die unterstützende Technologien verwenden, auszuschließen.
Im Gegensatz zu JS, das imperativ ist, sind HTML und CSS deklarativ. Man sagt dem Browser, was er tun soll, nicht wie er es tun soll. Das bedeutet, dass der Browser selbst entscheiden kann, wie er es macht, und zwar auf die effizienteste Art und Weise.
Da HTML- und CSS-Funktionen vom Browser gehandhabt werden, sind sie leistungsfähiger, nativer, anpassungsfähiger an Benutzerpräferenzen und allgemein zugänglicher. Das bedeutet nicht, dass dies immer der Fall sein wird (vor allem, wenn es um die Zugänglichkeit geht), aber wenn der Browser die schwere Arbeit für Sie erledigt, werden Ihre Endbenutzer im Allgemeinen eine bessere Erfahrung haben.