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.
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
Place 2023
Der Place ist Live und noch sind nur wenige Pixel im Canvas, guckst du: reddit.com/r/place #place2022 #place2023 timelapse
Kopfstandhaus
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.
R.I.P Xiaomi Mi Band 4
Xiaomi Mi Band 4, so sieht´s aus
Ich will doch nur eine kleine digitale Uhr mit Datum und langer Akkulaufzeit für die Arbeit. Dafür teste ich jetzt diese beiden Bänder von Xiaomi.
- Xiaomi Smart Band 7 - 35€
- Xiaomi Redmi Smart Band 2 - 29€
In beiden Bändern habe ich einen dunklen Watchface-Hintergrund eingestellt und auch alle anderen Einstellungen wie Wecker und Verhalten sind gleich. Generell aber alles auf Sparmodus.
Gestern (so gegen 20 Uhr) habe ich beide Bänder auf 100% aufgeladen und über Nacht nur liegen lassen und, gerade eben (09:30 Uhr) mal drauf geguckt und siehe da.
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.
QWERTZ
Was kann meine neue Tastatur? Naja, Leuchten (white only) Kabelgebunden sein und beim Tippen weniger Krach machen.
01012023
Gerade erst neu gekauft und schon kaputt?
Twitter Account gesperrt
Dein Account ist gesperrt
Unsere Nutzungsbedingungen verlangen, dass jeder, der Twitter nutzt, 13 Jahre oder älter ist, und wir haben festgestellt, dass du das Mindestalter zum Zeitpunkt der Erstellung dieses Accounts nicht erreicht hast.
Hommingberger Gepardenforelle
Ungefähr 5.740 Ergebnisse (0,32 Sekunden)
https://www.google.de/search?q=Hommingberger+Gepardenforelle
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
Rohdaten der Pandemie
Der Informatiker Marcel Barz versucht mit den offiziellen Zahlen zu Sterbezahlen und Intensivbetten seinem Freund zu beweisen, das es sehr wohl eine Pandemie gibt... oder vielleicht doch nicht?
Die Suche schneller finden.
hmmmm... klingt Komisch^^
Wenn die Suchen hier auf der Seite wieder mal nichts findet, dann zeige wenigstens alles andere zufällig schön Bunt an.
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
Irgendwas mit Ratten
Hello 2021
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
contentEditable + localStorage
Inhalte via contentEditable bearbeiten und in den localStorage des Browsers speichern.
Cookies auf butschy.de
Auf butschy.de wird nur ein einziger Session Cookie gesetzt, es handelt sich hierbei um ein sogenannten technisch notwendigen Cookie den ich ausschließlich für die Administration dieser Homepage benötige. Dieser wird wieder gelöscht, sobald der Browser geschlossen wird.
- Name: PHPSESSID
- Domain: butschy.de
- Value: 0f470a80e9a74e142[...]
Neumorphism
Neumorphism, so nennt sich der neue heiße Design scheiß und sieht mit etwas CSS in etwa so aus.
Erinnert mich sehr stark an mein Seitenlogo von 2018
klugscheissmalnix
Grüsse gehen raus an *.nix 😎
doowoop
Komisch, meine damalige Nieschenseite doowoop .de haut immer noch Backlinks hier her, obwohl diese schon lange nicht mehr Registriert ist. #doowoop
Alarm für Oscar 19
Doppelzahntiger
Meme Generator
Quelle: Mein Online Meme Generator
Raumtemperatur °C
PageSpeed Insights 100/100
Google´s Pagespeed Insights Tool ist in der fünften Version erschienen. Ich mache dann mal eben ein PageSpeed Test.
Optimal 100 von 100 Punkten. Sowohl Mobil, als auch bei Desktop Perfekt. Das klappt aber auch nur, wenn ich keine YouTube Videos "Einbette".
Sitemap
Ich generiere hier mal eine dynamische Sitemap mit PHP und MySQL.
Der Inhalt dieser Sitemap ist für das menschliche Auge ungeeignet, klicken und glotzen nur auf eigene Gefahr. ?
Beweisfoto: Oscar
Schnuller Techno 1999
bUTschy feat. Mandy - Schnuller Techno
https://soundcloud.com/../schnuller-techno
CENTER
Ein Element horizontal und vertikal positionieren mit so wenig Code wie möglich und so viel wie nötig.
body { display: flex; justify-content: center; align-items: center; height: 100vh; }
Bootstrap 4.1.0
Das CSS Framework Bootstrap ist jetzt Currently v4.1.0 und was alles neu ist kann hier nachgeschlagen werden.
Mein Pen dazu bei Codepen: https://codepen.io/butschy/pen/zpwEMN
YouTube iFrame Code in Valide
- Einbett-Code generieren
- Den Teil frameborder="0" aus dem Code entfernen
- Fertig -> Check
Ein komplett tiny und valider iframe Code sehe dann in etwa so aus:
CSS Ei
Ich habe da mal ein Ei "Programmiert" :p
YouTube an bUTschy
Hallo bUTschy,
[...] da dein YouTube-Kanal, bUTschy, die neuen Mindestanforderungen von 4.000 Stunden Wiedergabezeit in den vergangenen 12 Monaten und 1.000 Abonnenten nicht erreicht hat, kannst du ab heute die Monetarisierungstools für Mitglieder des YouTube-Partnerprogramms nicht mehr nutzen.
WAT? Ab heute keine Werbung mehr für meine YouTube Videos?
Irgendwie Schade^^
Adblock Plus vs. butschy.de
Ich habe butschy.de mal wieder durch Google's PageSpeed Insights prüfen lassen und habe auch gleich wieder das von mir lange vor mir hergeschobene Problem mit der mir unbekannten Zeile: static.doubleclick.net/instream/ad_status.js gefunden.
Neulich auf der Straße
Eine unendliche Geschichte aus dem Jahr 2003/2004
Vorgabe: Ich fahre gerade so mirnix dirnix am Aldi vorbei, als plötzlich ein riesengroßer und extrem Dicker...
bUTschy: Hund mit nem Porsche vorbeifährt, ich dachte, mich beißt ein Esel, naja auf jedem Fall sah ich dann wie der Hund mit drei...
Michelle: Eimer Bier aus der Aldi Filiale rauskommt und Richtung Porsche geht, auf einmal...
Jenny: kam ein betrunkenes Schwein mit 70-Sachen auf den Hund zugefahren...
Die Zeit in Binär
WHAT? Wie spät ist es?
Live-Demo: https://codepen.io/butschy/pen/YWAYJG
Mobile First Testseite
Ein Hamburger Menu, eine fixe Navigation im Header beim Scrollen (position: sticky;) alles Responsive und nach dem "Mobile First" Prinzip.
Mit Whatsapp teilen
Jetzt nicht auf den Whatsapp Button klicken.
Ich will nur eben Testen ob es funktioniert O.o
CSS3 valide
War nach viel Spielerei wieder nötig laut CSS-Validator
Sweet 18
Quelle: www.mimaliro.de
Das Ei einer Amsel
Foscam via Web
Um ein Live-Screenshot einer Foscam IP-Kamera in die eigene Homepage einzubinden, brauchen wir je nach Modell nur den passenden Link und die sehen in etwa so aus: (z.b. für meine FI9821W V2).
https://[DEINEIP]:[PORT]/cgi-bin/CGIProxy.fcgi?cmd=snapPicture2&usr=[USERNAME]&pwd=[PASSWORT]
Demo:
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,