Code - bUTschy.de

CSS Selektor :is

Mit dem CSS Selektor :is() können mehrere Selektoren zusammengefasst werden.

form :is(input, select, textarea):hover {
 background-color: grey; color: white;
}

SQLSTATE

echo 'Fehler: '.$e->getMessage();

Wenn PDO mal wieder nen SQL Fehler meldet.

SQLSTATE[HY000] [14] = Nix gefunden / keine Berechtigung.
SQLSTATE[HY000] [2002] = Pfadfehler.
SQLSTATE[42000]: = Syntaxfehler.
SQLSTATE[23000]: = Wert existiert bereits.
SQLSTATE[25P02]: = Transaktionsfehler.

Coder-V2

Hi, I'm DeepSeek Coder. Feel free to ask me anything about coding.

https://chat.deepseek.com/coder

YouTube Shorts ausblenden

Dir gehen die YouTube Shorts auch auf den Sack?

Dann blende diese nervigen Kurzvideos einfach mit der Browser-Erweiterung uBlock Origin und dieser Filterliste aus.

Constant is deprecated

Oops, seit PHP 8.1 ist ja auch die filter_var Konstante FILTER_SANITIZE_STRING "veraltet". Stattdessen sollten wir FILTER_SANITIZE_FULL_SPECIAL_CHARS verwenden.

ASCII-Tabelle

## plusminusnull
+------------+--------+--------+
| Datum      | Zahl 1 | Zahl 2 |
+------------+--------+--------+
| 03-07-2024 | 123    | 456    |
| 02-07-2024 | 789    | 101    |
| 01-07-2024 | 543    | 210    |
| ...        | ...    | ...    |
+------------+--------+--------+

Passwort Hashing

PASSWORD_DEFAULT wählt automatisch immer den besten Algorithmus (z.b. Argon2) und fügt noch einen zufälligen Salz-Wert hinzu.

echo password_hash('123', PASSWORD_DEFAULT);
// password_hash

Jeder Durchlauf erzeugt einen neuen Hash, der je nach Algorithmus auch in der Länge variieren kann.

16 Juni 2024

Keine Treffer für 16 Juni 2024, oder vielleicht doch?

News Today

Retextured

Rimworld Orbital Trade Beacon (128x128)

Orbital Trade Beacon

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>

Zurück Vor | Zurück Vor | ◁ ▷

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="&#xe61b;"></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

Link: https://fontawesome.com #twitter #x #unicode

blockquote

Random c&p Quote´s aus der SQLite $DB

Was mich am Regen so nervt, ist seine Einstellung.
Immer von oben herab. <cite>cite</cite>

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:

TH1	td1	td2	td3
	td1	td2	td3
	td1	td2	td3
TH2	td1	td2	td3
	td1	td2	td3
	td1	td2	td3

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`

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`

Operator	Bedeutung
==	gleich
!=	ungleich
<	kleiner
<=	kleiner oder gleich
>	größer
>=	größer oder gleich

Umlaute	Morsecode
`ä`	`● − ● −`
`ö`	`− − − ●`
`ü`	`● ● − −`

TH1	td1	td2	td3
	td1	td2	td3
	td1	td2	td3
TH2	td1	td2	td3
	td1	td2	td3
	td1	td2	td3

bUTschy.de

¯ \ _ (ツ) _ / ¯

TH1	td1	td2	td3
	td1	td2	td3
	td1	td2	td3
TH2	td1	td2	td3
	td1	td2	td3
	td1	td2	td3