Zeiterfassung
Mit Vanilla PHP und Legacy Code die SQLite Datenbank befragt und die sagt:
Datum | Start | Ende | Pause | Zeit |
---|---|---|---|---|
23.10 | 08:00 | 17:00 | 60 | 8.0 |
24.10 | 08:00 | 17:00 | 60 | 8.0 |
25.10 | 08:00 | 17:00 | 60 | 8.0 |
26.10 | 08:00 | 17:00 | 60 | 8.0 |
27.10 | 08:00 | 17:00 | 60 | 8.0 |
Insgesamt: 40.0 Stunden. |
gray, grayer am grayesten
CSS Farben
Wie war noch gleich der Hex bzw. RGB oder Hue Code für die Farbe Rot? ... Oder, ich nehme erst mal so nen Farbnamen wie:
Red IndianRed LightCoral Salmon DarkSalmon LightSalmon Crimson FireBrick DarkRed Maroon IndianRed Brown Salmon LightSalmon DarkSalmon
Für die anderen Farbtöne (Orange, Gelb, Grün usw...) klick auf:
WhatsApp Text
Es gibt nur wenige Möglichkeiten, Texte in WhatsApp-Nachrichten zu formatieren bzw. zu stylen. Hier sind die vier, die ich auf die Schnelle gefunden habe.
Man fügt einfach ein bestimmtes Zeichen vor und nach dem Wort oder dem Text ein.
- Der Text wird *Fett*
- Der Text wird _Kursiv_
- Der Text wird ~
durchstrichen~ - Die Schriftart wird zu ```Monospace```
EGO-Shooter
Hier ein paar EGO-Shooter die sich kostenlos und ohne Installation direkt im Browser spielen lassen.
- ev.io - https://ev.io
- kirka - https://kirka.io
- polyblicy - https://gaming-style.com/polyblicy
- fields of fury - https://fieldsoffury.io
Das sind nur einige die ich gefunden habe. #browsergames
HTML - hr
<hr> (default)
Separator mit den üblichen Farben
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.
Rimworld Mods
Mods für Rimworld auch ganz ohne dem Workshop von Steam.
(download rimworld mods without steam and workshop)
Font Awesome v5.2.0 - How to Use
In einem HTML Dokument.
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css">
Oder via @import in der CSS Datei.
@import url(https://use.fontawesome.com/releases/v5.2.0/css/all.css);
Werden Cookies gespeichert?
Ob eine oder Deine Homepage Cookies speichert, kannst du ganz einfach selber herausfinden.
Mit Firefox geht das z.b. so:
- Besuche die Seite Deiner Wahl.
- Klicke mit der rechten Maustaste irgendwo auf dieser Seite.
- Wähle: Seiteninformation anzeigen.
- Dann oben im Menu auf Sicherheit.
CSS - style scoped
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.
Mobile First Testseite
Ein Hamburger Menu, eine fixe Navigation im Header beim Scrollen (position: sticky;) alles Responsive und nach dem "Mobile First" Prinzip.
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.
Material Grey
- #fafafa
- #f5f5f5
- #eeeeee
- #e0e0e0
- #bdbdbd
- #9e9e9e
- #757575
- #616161
- #424242
- #212121
Achtung, Alarm Warnung
Gleich mal ne Hinweisbox testen.
Achtung - Achtung, es gibt ein Fehler im Alarm-System, daher diese Warnung.
Na, hast du dich erschrocken ? ;)
HTML & CSS
HTML5 Tags!
code
q
em
strong
cite
samp
var
u
s
del
ins
span
small
abbr
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,
TinyMCE eigene CSS Datei einbinden.
Nette Sache, da läßt sich im TinyMCE Editor eine eigene CSS Datei einbinden.
content_css : "../css/style.css",
Artikel Style CSS
Jeder Artikel kann via CSS ein individuelles Design bekommen.
<article class="aid_'.$row['aid'].'">
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.