Suchen

display: table

/* css */
display: table  /* <table> */
display: table-row /* <tr> */
display: table-cell /* <td> */
display: table-column /* <col> */
display: table-column-group /* <colgroup> */
display: table-footer-group /* <tfoot> */
display: table-header-group /* <thead> */

hidden scrollbars

Den Scrollbalken deaktivieren in allen Browsern geht so:

body, html { 
 overflow: hidden;
}

Wer den Balken aber nur Verstecken bzw. Ausblenden will ohne dabei die Scroll-Funktionalität zu verlieren, muss Weiterlesen.

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;
}

Acer RT280K

Was haben wir denn da? Ahhh, ein 28 Zoll 4K Monitor von Acer.

Was steht da noch drauf: UHD 4K2K, das hat aber scheinbar nichts mit dem Monitor direkt zu tun, steht so auch bei anderen Herstellern drauf.

Das Display hat eine Diagonale von 71cm und mit seiner fingerdicken schwarzen Umrandung ist der Bildschirm genau 65,5cm Breit und 38cm Hoch... mit Fuß kommt er auf eine Höhe von 47,5cm und ist nicht Verstellbar.

Brille mit Kamera

Und wieder eine kleine Spielerei aus China, diesesmal so eine noname billig Sonnenbrille mit eingebauter Kamera.

Kamera-Brille VGA

Für ca. 10€ bekommen wir hier ein schlecht verarbeitetes Brillengestell, unscharfe 1280x1024 Fotos und miese 480p (*.avi) Videos (siehe Testvideo) die einem die micro-SD Karte fleißig Vollmüllen.

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-Logo

css
CSS-Logo

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

OK Google

OK Google: Wie wird das Wetter morgen in Hamburg ?

OK Google: Wie hoch ist der Michel ?

Aber kennt ihr auch die ?

Spy Power Bank

Der Uwe hat mir mal wieder was zum Spielen hier gelassen, eine 3000mAh Power Bank mit versteckter HD 720p Kamera.

Im Standby können mit aktivierter Bewegungserkennung bis zu 48 Stunden aufgenommen und in kleine 3 Minuten AVI´s (H.264) auf eine bis zu 32 GB große Micro SD-Karte gespeichert werden.

Ich berichte in den Kommentaren.

bUTschy.de