Suchen

black blacker blackest

Vantablack wurde [2014] als das schwärzeste Material der Welt bekannt und absorbiert bis zu 99,965 % des Lichts. Oberflächen die mit Vantablack beschichtet sind, verlieren alle sichtbaren Details und wirken wie zweidimensionale, schwarze Löcher.

[2015] Laut Guinness-Buch der Rekorde wurde Dark Chameleon Dimers als noch schwärzer eingestuft.

https://butschy.de/img/wallpaper/vantablack-4k.png (3840x2160 | 1.26KB | PNG)

100% Black Friday

Amazon und Co. hassen diesen Trick.

Wer am Black Friday nichts kauft, kann übrigens bis zu 100% sparen.

Unicode Schach

♖♘♗♔♕♗♘♖
♙♙♙♙♙♙♙♙

♟♟♟♟♟♟♟♟
♜♞♝♚♛♝♞♜

CSS color important

.green

.bg-green

.border-green

.neon-green

HTML - hr

<hr> (default)

Separator mit den üblichen Farben

CSS - color

Textfarbe:
red ✘✘✘ orange yellow green ✔✔✔ blue purple white black

Hintergrundfarbe:
bg- bg- bg- bg- bg- bg- bg- bg-

Ramenfarbe:
border- border- border- border- border- border- border- border-

Bullet (class dot)

geblackpillt

Laut einer aktuellen Studie ist jeder dritte Politiker genauso blöd wie die zwei anderen.

Sin City Effekt mit Blau

black and white und ein bisschen blau.

Youtube-Link: youtube.com/watch/2TtRX7dQelI

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>

Icon Spin

Mit .fa-spin

Ich find´s Cool, braucht nur kein Mensch 🙄

Unicode und ASCII

¯ \ _ (ツ) _ / ¯

Unicode Zeichen die auf allen Geräten und Browsern gleich aussehen und sich mit CSS einfärben lassen. Hier ein paar mehr oder weniger Nützliche.

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%

CSS - buttons

HTML Gerüst

Also, ich fange mal an:

<!-- html -->
<!doctype html>
<html lang="de">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="theme-color" content="black">
<title>TITLE</title>
</head>
<body>

<h1>Hallo Welt!</h1>

</body>
</html>

Fertig.. ne ne, das war es schon ;)

HTML & CSS

HTML5 Tags!

code q em strong cite samp var u s ~~del~~ ins span small abbr time $math$ _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,