HTTP Statuscodes
Status Code | Bedeutung | Beispiel |
---|---|---|
1xx | Informel | 102 Progressing |
2xx | Erfolg | 200 OK |
3xx | Umleitung | 301 Moved Permanently |
4xx | Client-Fehler | 404 Not Found |
5xx | Server-Fehler | 500 Internal Server Error |
Logbuch 05032022
Ach da war doch was, wie sieht denn das progress
Tag im Darkmode aus? Ja nicht hier, hier ist alles noch Lightmode.
4CMS v1.6 | ||
Font Awesome 6 | ||
CSS Darkmode |
Update: 05.03.2022 - Logbuch
Logbuch 140420
Daten v0.9 |
Update: 14.04.2020 - Logbuch
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
20% = orange
30% = yellow
40% = green
50% = blue
60% = purple
70% = white
80% = black
90% = dark
100% = darkest
HTML & CSS
HTML5 Tags!
code
q
em
strong
cite
samp
var
u
s
del
ins
span
small
abbr
sub
sup
mark
kbd
#link
Extern.
Intern.
orange
style
🄬️ fs-20
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,