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-Logo
JS-Logo
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.
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.
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,
Kommentare
Ich hab mal eben die Box geclone´t und daraus eine Kommentar-Script gebastelt.
Ein blöder Schreibfehler (Eine fehlende Klammer) hat mich bestimmt eine Stunde lang auf Fehlersuche geschickt.
Admin Box
So, die Administration für die Box ist nun auch soweit fertig, die übersicht mal eben in einem Screenshot gezeigt.
BOX v1.0
Box, die erste App für das 4CMS darf getestet werde.
Besucher können Feedback bzw. ein Kommentar auf der Seite hinterlassen.