Retextured
Rimworld Orbital Trade Beacon (128x128)
Textures\Things\Building\Misc\DropBeacon.png
Sora
Was ChatGPT für Text, DALL·E 3 für Bilder, ist Sora für Videos.
Das neue KI-Modell von OpenAI kann mit nur wenig Text (Prompt) Videos von bis zu einer Minute in Full-HD erstellen und wie diese jetzt schon aussehen, kann man sich auf https://openai.com/sora ansehen.
HTTP Statuscodes
Status Code | Bedeutung | Beispiel |
---|---|---|
1xx | Informel | 102 Progressing |
2xx | Erfolg | 200 OK |
3xx | Umleitung | 301 Moved Permanently |
4xx | Client-Fehler | 404 Not Found |
5xx | Server-Fehler | 500 Internal Server Error |
OL reversed
Zählrichtung umkehren mit <ol reversed>. Listenmarker in Rot mit ::marker.
/* css */ ol[reversed]>li::marker { color: red; } ol[reversed]>li>span { margin-left: .5rem; }
Ein "margin" zwischen Marker und Listenpunkt bekomme ich leider nur mit einem <span> hin, ohne den CSS Code unnötig aufzublähen. Kann man machen, solange der Listenpunkt auch nur aus einem Einzeiler besteht.
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. |
Javascript - history
<!-- html --> <a href="javascript:history.back()">Zurück</a> <a href="javascript:history.forward()">Vor</a>
Video aus der Box
Ein Video aus meiner Dropbox hier direkt via <video> eingebunden.
Das Video startet automatisch (autoplay) läuft in einer Schleife (loop), der Ton ist (muted) kann aber über die (controls) zugeschaltet werden.
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> */
Font Awesome Unicode
Den Unicode für das 𝕏 (X) Icon bekommen wir so: e61b
, dem muss noch ein &#x
vorangestellt werden und kann dann z.b. so verwendet werden.
<!-- html --> <i icon=""></i>
Damit das so auch funktioniert, kommt noch dieser Snippet in die CSS Datei:
/* css */ [icon]:after { content: attr(icon); font-family: 'FontAwesome'; }
gray, grayer am grayesten
table rowspan
TH1 | td1 | td2 | td3 |
---|---|---|---|
td1 | td2 | td3 | |
td1 | td2 | td3 | |
TH2 | td1 | td2 | td3 |
td1 | td2 | td3 | |
td1 | td2 | td3 |
X und Threads Icons
Font Awesome hat in der Version 6.4.2 neue Icons hinzugefügt, unter anderem sind es diese brand
Icons:
- Twitter bzw. X und
- Threads von Facebook und
- Debian und Ubuntu
blockquote
Random c&p Quote´s
aus der SQLite $DB
Was mich am Regen so nervt, ist seine Einstellung.<cite>cite</cite>
Immer von oben herab.
Das Leben ist zu kurz für... Egal was!
Denke daran,
wenn wir verhaftet werden... Du bist taub und ich spreche kein Deutsch!
Quelle: /blockquote
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:
QR-Codes mit ChatGPT
ChatGPT kann auch QR-Codes generieren.
... man muss nur höflich Fragen 😁️ #prompting
Null-Koaleszenz-Operator
Wurde mal irgendwo in den PHP 7 Features erwähnt. Der Operator ist eine syntaktische Vereinfachung, die oft in Verbindung mit isset() und einem ternären Operator verwendet wird.
Unicode Schach
♖♘♗♔♕♗♘♖
♙♙♙♙♙♙♙♙
♟♟♟♟♟♟♟♟
♜♞♝♚♛♝♞♜
Netflix Codes
Kennst du die "Verstecken" Kategorien von Netflix? Ich habe hier mal eine Liste dieser Kategorien mit den dazugehörigen Genre-Codes erstellt. Klickt man auf eine der Kategorien, wird man automatisch zu dieser Kategorie auf Netflix weitergeleitet.
INDEX XXX
Auf der linken oberen Seite hier auf der Homepage befindet sich das Wort "INDEX" und eine Zahl in grüner Schrift.
Könntest Du mir bitte hier in den Kommentaren kurz mitteilen, welche Zahl bei Dir angezeigt wird?
Schreibe mir auch, mit welchem Gerät (Handy, Tablet, PC oder TV + Model) und welchen Browser Du diese Homepage gerade betrachtest.
Ternären Operator
Im Backend lese ich mir mit meinem PHP CRUD Script alle Artikel aus der Datenbank ein und gebe diese in einer Tabelle aus.
Hier lasse ich mir unter anderem auch den Status der Artikel anzeigen. Je nach Status (1, 2 oder 3) wird die Zahl in einer anderen Farbe angezeigt.
Unicode Karten
🃑️ 🃒️ 🃓️ 🃔️ 🃕️ 🃖️ 🃗️ 🃘️ 🃙️ 🃚️ 🃛️ 🃜️ 🃝️ 🃞️ 🃟️ 🂠️
Marquee per Default
Der Test läuft noch bis zum 31 April.
IntlDateFormatter
Das Datum in der Datenbank liegt im Format 2023-03-19 07:18:22 vor.
Ein Code soll das Datum jetzt ohne Verwendung von setlocale
so umwandeln, das es komplett in Deutsch zu so einer Ausgabe kommt.
Am Sonntag, den 19. März 2023 um 07:18 Uhr
Sisyphusarbeit für ChatGPT
ChatGPT sollte für mich mal Drecksarbeit in Form einer Länderliste mit gefühlt 1 Batzelmilliarde Einträge übernehmen und bricht an genau dieser Stelle ab.
CSS color important
.green
.bg-green
.border-green
.neon-green
Definitionsliste
Ähnlich einer ungeordneten ul
oder geordneten ol
Liste in der automatisch ein Listenpunkt bzw. Ordnungszahl vorangestellt wird, können wir in dt
einen Definitionstitel bestimmen.
- Bezeichnung
- Europalette (EPAL 1)
- Abmessung
- 120 x 80 x 14,4 cm
- Gewicht
- ca. 25 kg
- Tragkraft
- 1500 kg
Auch ein ineinander verschachteln ist möglich.
PHP Verbrauch und Kosten berechnen
Bisher speichere ich lediglich die Zählerstände $zaehler_neu
und $zaehler_alt
in der Datenbank und lasse PHP die Berechnung mit den vordefinierten Zahlen durchführen.
Nicht besonders elegant, aber es funktioniert zumindest schon mal.
$preis_kwh = '0.25'; $gebuehr = '5.19'; $abschlag = '85.00'; $verbrauch = $zaehler_neu - $zaehler_alt; $kosten = $verbrauch * $preis_kwh + $gebuehr; $differenz = $abschlag - $kosten;
Das Ergebnis lasse ich in eine Tabelle ausgeben:
SQL IN or NOT IN
Hey Datenbank, zeige mir nur die Daten mit der ID 6, 33 und der 47 an.
SELECT * FROM `daten` WHERE `id` IN (6,33,47)
Ne warte, anders herum...
Datei löschen
Beim bearbeiten oder löschen eines Artikels, auch (sofern vorhanden) das dazugehörige Bild ersetzten oder entfernen, ohne das PHP dauernd meckert.
PHP Warning: unlink(../image/bild.jpg): No such file or directory in
Und das geht so.
SQL DATE_SUB() Interval
Alle Einträge von Heute, sieht in meinem Dashboard momentan so aus.
Auch hier konnte ich den Code weiter reduzieren.
SELECT * FROM `komm` WHERE `datum` >= DATE_SUB(CURDATE(), INTERVAL 1 DAY)
PHP Deprecated
Und noch ein PHP Deprecated ab PHP 8.1 ... wurde gerade beim refactoring der SQLite CRUD in die Fehlerlogs geschrieben. Dieses mal betrifft es meine htmlspecialchars()
Funktion und komischerweise nur bei meinem SQLite Script.
Passing null to parameter #1 ($string) of type string is deprecated
Aber auch hier habe ich schnell eine Lösung gefunden und die geht so:
strftime Deprecated
Ab PHP 8.1 erscheint bei Verwendung der Funktion strftime()
ein PHP Deprecated Hinweis al´a:
Function strftime() is deprecated
Video Attribute
<video controls autoplay muted loop> <source src="demo.mp4#t=30,55" type="video/mp4"> </video>
Das Video soll automatisch bei Sekunde 30 Starten und bei 55 Stoppen (autoplay wird dann ignoriert). Dazu hängen wir dem Video ein #t=start,end
an.
SQL WHERE AND
Hey Datenbank, zeige mir bitte den Inhalt der ID 6 an, aber nur, wenn der "status" 1 ist.
SELECT * FROM `daten` WHERE `status`=1 AND `id`=6
Datenbank Abfrage mit zwei oder mehr Bedingungen.
try & catch
Wichtig, wird immer wieder gerne vergessen.
try { /* code here */ } catch (Exception $e) { /* exhibitionist*in error */ print $e->getMessage(); }
HTML - hr
<hr> (default)
Separator mit den üblichen Farben
CSS - font-size
Beispiel Schriftgrößen
Schriftgröße | .classname |
---|---|
font-size: 1.0rem | .fs-10 |
font-size: 1.1rem | .fs-11 |
font-size: 1.2rem (default) | .fs-12 |
font-size: 1.3rem | .fs-13 |
font-size: 1.4rem | .fs-14 |
font-size: 1.5rem | .fs-15 |
font-size: 1.6rem | .fs-16 |
font-size: 1.7rem | .fs-17 |
font-size: 1.8rem | .fs-18 |
font-size: 1.9rem | .fs-19 |
font-size: 2.0rem | .fs-20 |
CSS - font-weight
Beispiel Schriftstärken
Schriftstärke | .classname |
---|---|
font-weight: 100 (default) | .fw-100 |
font-weight: 200 | .fw-200 |
font-weight: 300 | .fw-300 |
font-weight: 400 | .fw-400 |
font-weight: 500 | .fw-500 |
font-weight: 600 | .fw-600 |
font-weight: 700 | .fw-700 |
font-weight: 800 | .fw-800 |
font-weight: 900 | .fw-900 |
CSS Check Warnungen (xx)
Wenn der W3C CSS Validierungsdienst meldet:
Gratulation! Es wurden keine Fehler gefunden.
Weiter unten dann aber mehrere Warnungen kommen al´a:
Due to their dynamic nature, CSS variables are currently not statically checked
CSS - border-radius
:root { --radius: 3rem .7rem 2rem .7rem/.7rem 2rem .7rem 3rem; } .radius { border-radius: var(--radius); }
WordPress 6.0
Das weltweit am häufigsten genutzte CMS (Codenamen Arturo) kann jetzt in der Version 6.0 herunter geladen werden.
Video Editor Kdenlive
Wer nur selten ein Video auf seinen Computer bearbeitet, dem reicht hier evtl. auch ein kostenloses Programm wie Kdenlive.
Das Programm ist Open Source, auch in deutscher Sprache und es lässt sich mit Plugins erweitern. #schnitt #schneiden
Download: https://kdenlive.org/de/download-de v21.12.3
NULL Datenbank
Der NULL
Werte (nicht das Wort an sich) in einer SQL Datenbank ist ein Zeichen für schlechtes Datenbank-Design. Hier sollte ein adäquater Ersatz oder die leeren Zeichenfolge ' '
verwendet werden.
CSS - color
Textfarbe:
red
orange
yellow
green
blue
purple
white
black
Hintergrundfarbe:
bg-
bg-
bg-
bg-
bg-
bg-
bg-
bg-
Ramenfarbe:
border-
border-
border-
border-
border-
border-
border-
border-
Bullet (class dot)
CSS - animation
<i class="fas fa-bowling-ball fa-spin"></i>
JSON CRUD
Brauche ich zwar noch nicht, aber ich wollte mich Technisch schon mal mit JSON auseinander setzten. Also kurz eine JSON-Datei erstellt (brennholzverleih.json) und diese schnell via Textarea mit ein paar Daten befüllt.
Ein Datensatz sieht in etwa so aus:
blablabla
blablabla...
.gratismut { background: 🖕; }
.lippenbekenntnis { background: 🖕; }
.gutmensch { background: 🖕; }
CSS - font-family
Ich habe die Google-Fonts gelöscht (kein berechtigte Interesse) und mit system-ui
eine sehr gute Alternative gefunden.
Mit font-weight 100 hab ich ein sehr dünnes Schriftbild wie z.b. bei Roboto (100) und mit font-weight 900 ist der Text auch fett genug, so das ich auch die Schriftart Anton nicht mehr brauche.
Ein weiterer Schritt in Richtung die Ladezeit einer Seite zu verbessern.
IF Anweisungen
Operator | Bedeutung |
---|---|
== | gleich |
!= | ungleich |
< | kleiner |
<= | kleiner oder gleich |
> | größer |
>= | größer oder gleich |
Logbuch 05032022
Ach da war doch was, wie sieht denn das progress
Tag im Darkmode aus? Ja nicht hier, hier ist alles noch Lightmode.
4CMS v1.6 | ||
Font Awesome 6 | ||
CSS Darkmode |
Update: 05.03.2022 - Logbuch