Suchen

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.

1&1 DSL 250

Wollten die doch echt den Preis unserer DSL 100er Internet Leitung um 5€ erhöhen.

Hab denen nach meinem "heuli heuli" Anruf mal ordentlich die Leviten gelesen und ZACK, nix Preiserhöhung, stattdessen sogar ein kostenloses Upgrade bekommen auf die DSL 250er Leitung incl. neuem Fritzbox 7590 AX Router + Telefon Allnet Flat.

navbar-toggler

Zwei Zeilen CSS Code entfernen den Rahmen um das navbar-toggler-icon in der Navbar von Bootstrap 5 seiner Navigation.

.navbar-toggler:focus {
  box-shadow: none;
}
.navbar-toggler {
  border: 0;
}

#remove #hover #border #navbar #demo

Free SVG Icons

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

Wie viel Cloud Speicher?

Wie viel Cloudspeicher habe ich insgesammt und wie viel ist davon noch frei?

Unicode 2 Textarea

Kann man Unicode (Dezimal) via Click in eine Textarea einfügen ?

Ja, mit einer kleinen PHP-Funktion und etwas JS-Code ist das alles kein Problem. Hier in meiner Box demonstriere ich das mit einigen Emoji´s. ?

#unicode #textarea #emoji #onclick #insert #function

VR Box Brandnew Visual

VR Box Brandnew Visual (NO.777-910) 4 bis 6,5 Zoll.

Externe Datensammler

Beim Besuch dieser Homepage sollen keinerlei personenbezogene Daten gesammelt und an externe Dienste weitergeleitet werden. Daher werde ich jetzt alle externen Dienste verbannen und durch eigene Funktionen ersetzen.

Externe Datensammler waren unter anderem:

Formular

HTML - dialog

Geht man in den Artikel, wird hier via open="" automatisch eine Dialog-Box geöffnet.

Windows 10 - VirtualStore

Gerade für alle die Interessant, die nur über eine kleine z.b. 120GB SSD System Festplatte verfügen und sich wundern, das die Platte rand voll ist und egal wie viele Dateien man löscht, einfach kein platz frei wird.

Werft mal einen Blick in das Verzeichnis VirtualStore.

MyFRITZ arbeitet nicht korrekt.

Montag (Urlaub) kurz vor 10, Internet kaputt!... war ja klar.

Erster Blick in den Router zeigt, das eine neue Verbindung kurz vorher hergestellt wurde.

Gut, Internet geht wieder. Ich also ein Blick auf die 1&1 Seite um zu checken ob es bekannte Verbindungsprobleme gibt und was bekomme ich dort zu sehen:

Flexbox 1

Bis ich es kann, war doch mit z.b. margin: x x x x; auch nicht so schwer ;)

.flex-item {
 flex-grow: 1; /* Wachstumsfaktor */
 flex-shrink: 1; /* Schrumpffaktor */
 flex-basis: 25rem; /* Basisbreite */
}

Oder das gleich in Kurz:

.flex-item {
 flex: 1 1 25rem;
}

Ich nenne es mal WSB.

TinyMCE 4.3

Es gibt wieder einige Neuerungen im TinyMCE, aber immer noch kein Images-Upload bzw. einen File-Manager.

Ein bischen JS und man bekommt wenigstens ein Images-Upload ganz ohne Plugin hin.

CSS Lightbox

Nur zwei Zeilen CSS Code für eine simple CSS Lightbox.

deny from IP

Eine einfache IP-Sperre via .htaccess

order allow,deny
allow from all
deny from 146.xxx.xxx.xxx

Da gibt es eine IP, die seit Monaten beinah täglich versucht irgend etwas in die BOX zu schreiben, scheitert aber immer wieder an meinem Spamschutz und landet jedes mal auf meiner Spamliste.

Ich kann diese IP einfach nicht mehr sehen, nun wird diese "Geblockt / Ausgesperrt".

1und1 und die Fritzbox 7362 SL

Bye Bye Hansenet ähh ich meine Alice, ne warte O2 oder Alice O2... ach, wie auch immer.

Nun sind wir bei 1&1, haben die DSL 50.000 Leitung für schlappe 16.99€ pro Monat für die ersten 12 Monate, danach sind es dann halt immer 29.99€.

1und1 DSL 50

Nun ist es Offiziell, wir wechseln von o2 (Alice DSL 16) zu 1&1 und holen uns dort eine DSL 50MBit/s Leitung für 23,49€ im Monat.

Und was kostet der ganze Kram jetzt wirklich ?

CSS Schlagschatten

Alle Boxen haben einen "Schatten"

article, aside, section { 
 box-shadow: 0 0 1rem rgba(0, 0, 0, .3);
}

Flexbox Bilder

Bilder mit Bildunterschrift nebeneinander positionieren und das Responsive ?

html
HTML-Logo

JS-Logo

css
CSS-Logo

.flex {
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap;
}

COUNT und GROUP BY

Für eine Top 5 Liste brauche ich nur ein COUNT(*) und GROUP BY() an die Datenbank senden.

SELECT `buser`, COUNT(*) AS `zahl` FROM `box` GROUP BY `buser` ORDER BY `zahl` DESC LIMIT 5

Und schon habe ich die Top 5 Einträge und die Summe deren Einträge in einer Liste.

Hab ich in der Form schon für einige Blöck gebraucht.

Ein Forum

Ein einfaches kleines PHP Forum Modul wollte gebaut werden.

So schnappe ich mir eines meiner Content-Module, bediene mich an den Kommentar-Funktionalitäten des Artikel-Moduls und Clone die Datenbank-Tabelle vom Box-Modul (die besteht ja auch nur aus einer Tabelle) Tätäää... das kleinste und sicherste PDO Forum der Welt ist fertig.

Bluetooth Hocker

Wenn Männer mit dänischen Migrationshintergrund zu viel Zeit haben, kommt so etwas bei raus.

Quelle: Dropbox / Deutschland

4CMS v1.0

Mein 4CMS ist nun raus aus der Dauer-Beta, bekommt von mir die Current Version: 1.0 und sollte sich nun auch für den "produktive" Einsatz eignen.

4CMS Version: 1.0

Ein Box-Block

Die neusten bzw. letzten Einträge aus einer SQL Datenbank.

SELECT * FROM `daten` ORDER BY `id` DESC LIMIT 3

Anti Spam Nr. 1

3-4 Tage hintereinander 20-30 Spam-Einträge in den Kommentare und in der Box

Die Einträge waren zumeisst in Englisch, eMail, Namen und IP waren immer unterschiedlich, somit auch schwierig hier ein Muster zu erkennen.

Achtung, Alarm Warnung

Gleich mal ne Hinweisbox testen.

Alarm, Alarm, Alarm...
Achtung - Achtung, es gibt ein Fehler im Alarm-System, daher diese Warnung.

Na, hast du dich erschrocken ? ;)

CSS Panel

Geben wir den Panel Boxen mal etwas Farbe.

red

orange

yellow

green

blue

purple

HTML & CSS

HTML5 Tags!

code q em strong cite samp var u s ~~del~~ ins span small abbr time $math$ _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,

bUTschy.de