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; }
Brille mit Kamera
Und wieder eine kleine Spielerei aus China, diesesmal so eine noname billig Sonnenbrille mit eingebauter Kamera.
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-Logo
JS-Logo
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.
Admin User
Screenshots -> User Erstellen, Bearbeiten oder Auflisten
Admin Kategorie
Screenshots -> Kategorien Erstellen, Bearbeiten oder Auflisten
Admin Artikel
Screenshots -> Artikel Erstellen, Bearbeiten oder Auflisten
Adminmenu
So sieht die Adminseite (Backend) nach dem Login aus.