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.
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.
Nexus 5 Display
Das Nexus 5 Display reparieren in Echt.
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.