CSS var

Variablen sind ein Teil der CSS Spezifikation und heißen CSS Custom Properties

:root {
--red: #f8312f;
}

Überall dort, wo ich wiederholend die Farbe "Rot" benötige, verwende ich diese CSS Klassen:

.red { color: var(--red); }
.bg-red { background-color: var(--red); }
.border-red { border: var(--border) var(--red); }
1655 Klicks 0 Kommentare

Free SVG Icons

1424 Open source free SVG icons. Highly customizable. No attribution required. For commercial use.

Weiterlesen

1653 Klicks 0 Kommentare

CSS Attribut-Selektor

Selektoren auf der Basis von Attributen werden in eckigen Klammern notiert.

h2[title^="H2 Titel"] { ... }
a[href^="https:"] { ... }
a[href^="tag/slug"] { ... }
input[type="password"] { ... }
img[alt~="Alt-Text"] { ... }
img[src~="bilder"] { ... }
1488 Klicks 0 Kommentare

Archiv2 v0.9

Alle Artikel nach Monat und Jahr gruppiert in einer Definitionsliste ausgeben.

SELECT Month(datum) 
AS Month, Year(datum) 
AS Year, titel, link 
FROM artikel 
WHERE status=1 
ORDER BY datum
DESC

Modul: Artikel Archive

1599 Klicks 0 Kommentare

PASSWORD ARGON2ID

Durch das Updaten auf die PHP Version 7.4.4 funktionierten die User und die Password Class für mein 4CMS User Login nicht mehr.

Zwar war der password_hash den ich dort verwendet habe sehr sicher, aber veraltet.

Ich habe daher die Registrierung und den Login nun komplett neu geschrieben und verwende zum verschlüsseln des Passwortes jetzt den Algorithmus Argon2id.

password_hash()
password_verify()

Login Download: https://github.com/bUTschy/php-login

1514 Klicks 0 Kommentare

Dynamic Dummy Image Generator

Kennt Ihr diesen Text Platzhalter "Lorem ipsum"? das gibt es auch für Bilder.

655x200

<img src="//dummyimage.com/655x200/fff/ddd.png" alt="">

https://dummyimage.com

1579 Klicks 0 Kommentare

TinyMCE Image Upload

Auch dem neuen WYSIWYG HTML Editor TinyMCE in der aktuellen Version 5.2 kann man das hochladen von Bildern beibringen und das ganz ohne Plugin. ?

wysiwyg

Weiterlesen

1709 Klicks 0 Kommentare

SQL Vergleichsoperatoren

Alle Einträge deren ID kleiner als 10 ist

SELECT * FROM `daten` WHERE `id` < 10

Alle Einträge deren ID größer 10 ist

SELECT * FROM `daten` WHERE `id` >= 10

Weiterlesen

1525 Klicks 0 Kommentare

table tbody

Ob thead, tbody oder tfoot explizit im Quelltext der HTML-Datei stehen oder nicht, ein tbody-Element ist immer implizit vorhanden.

1487 Klicks 0 Kommentare

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.

Weiterlesen

1786 Klicks 0 Kommentare