bUTschy.de

Suchen

Allnet-Flat unter 10 Euro

✅ SIMon mobile flex - simonmobile.de

  • Netz: D2 (Vodafone)
  • FLAT Internet 12GB LTE
  • FLAT Telefonie und SMS
  • Mit eSIM erhältlich
  • Keine Einmalkosten
  • Monatlich 8,99€ dauerhaft.
  • Monatlich kündbar

Ja, es gibt einen Haken.

Razer DeathAdder

Die neue Maus sollte mindestens jene Kriterien erfüllen, die meine bisherige nicht erfüllt hat. Welche waren es und was habe ich bekommen?

  • Klein - check (V2 Mini)
  • Leicht - check (62g)
  • Schnell - check (8500 DPI)
  • Leise - check
  • Kabel - check (Flexibel)
  • Maximal 25€ - check (24€)

Für mich ist diese RGB-Beleuchtung auf dem Rücken der Maus jetzt total unnötig, die werde ich aber gleich mit den mitgelieferten Grip Tapes überkleben.

CENTER

Ein Element horizontal und vertikal positionieren mit so wenig Code wie möglich und so viel wie nötig.

body {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}

Flexbox 1

Bis ich es kann, war doch mit z.b. margin: x x x x; auch nicht so schwer ;)

.flex-item {
 flex-grow: 1; /* Wachstumsfaktor */
 flex-shrink: 1; /* Schrumpffaktor */
 flex-basis: 25rem; /* Basisbreite */
}

Oder das gleich in Kurz:

.flex-item {
 flex: 1 1 25rem;
}

Ich nenne es mal WSB.

CSS Lightbox

Nur zwei Zeilen CSS Code für eine simple CSS Lightbox.

Bild Bild Bild Bild

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>

Flexbox Bilder

Bilder mit Bildunterschrift nebeneinander positionieren und das Responsive ?

html
HTML-Logo

js
JS-Logo

css
CSS-Logo

.flex {
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap;
}

Grid Raster

Diese Homepage liegt in einem Flex Grid, ein Raster aus maximal 12 Zellen.

Diese 12 Zellen lassen sich beliebig aufteilen.

only class="flex"

1x p

1x p

1x p