bUTschy.de

Suchen

HTTP Statuscodes

Status CodeBedeutungBeispiel
1xxInformel102 Progressing
2xxErfolg200 OK
3xxUmleitung301 Moved Permanently
4xxClient-Fehler404 Not Found
5xxServer-Fehler500 Internal Server Error

Code

<!-- html -->
<!doctype html>
<meta charset="utf-8">
<title>Titel</title>
<meta name="theme-color" content="black">
<!-- img -->
<img src="..." loading="lazy" alt="">
<!-- link -->
<a href="https://www.link.de">https://www.link.de</a>

Mobile First

Wenn ich den Bahnhof richtig verstanden habe, bieten sich hier viele Vorteile ggü. dem "Graceful Degradation" Prinzip. Zum einen erreichen wir bei mobilen Geräten eine bessere Geschwindigkeit und wir erhalten eine optimale Darstellung für alle Geräte.

Start with the small screen first

Jetzt heißt es eben nur Umdenken, denn die Umsetzung von Mobile First + Progressive Enhancement ist doch etwas ähhh... Aufwändiger ;)

Progress

Wie sieht es denn nun mit dem progress Balken hier im 4CMS aus?

<!-- progress -->
<progress max="100" value="50"></progress>

10% = red 10%

20% = orange 20%

30% = yellow 40%

40% = green 40%

50% = blue 50%

60% = purple 60%

70% = white 70%

80% = black 80%

90% = dark 90%

100% = darkest 100%

HTML & CSS

HTML5 Tags!


code q em strong cite samp var u s del ins span small abbr math sub sup mark kbd #link Extern. Intern. orange style 🄬️ fs-20 Icon


Für mein 4CMS das ich hier auf butschy.de verwende, versuche ich ein möglichst schlankes und klassenloses (classless) CSS Framework zu bauen.

Für eine Live Vorschau nutze ich ein Pen auf Codepen,