bUTschy.de

Timeline 99

99 Artikel pro Seite.

IP Cam Dashboard

Noch nicht ganz fertig, aber so sieht es momentan aus.

WTFCFH Framework

Ein Artikel auf Webkrauts.de vom 1 April 2015 stellt ein CSS Framework vor, welches sich ganz speziell an die Bedürfnissen von Kunden und Desingner richtet.

Aus die Maus mit nichtssagenden Klassennamen, WTFCFH (What The Fuck, Client From Hell) löst das so:

/* ---- Feinjustierung ---- */
.einHauchNachLinks {}
.einTuckenNachOben {}
.einWenigDunkler {}
.dasMussZweiMillimeterNachOben {}
.logoHauchTuckenIdeeSonstwohin {}
.einWenigMehrWeissraum {}
.makeMyLogoBigger {}

Und wenn es Konkreter wird, dann so:

Weiterlesen.

Cookies

Ein Cookie in Einfach.

if (isset($_COOKIE['keks'])){
echo $_COOKIE['keks'];
}
    
else {
setcookie('keks', 'ok', time()+60*60*24);
echo 'Cookie nicht gefunden!';
}

Morse Alphabet

Das Morse Alphabet | var | samp | sos

Weiterlesen.

Top 5 Internet Lügen

Die größten Lügen im Internet, hier die Top 5.

1. Glückwunsch, Sie sind der 1 Millionste Besucher und haben gewonnen!
2. Sie wurden erfolgreich vom Newsletter abgemeldet.
3. Ich bin 18 Jahre alt.
4. Ja, ich habe die Lizenzbestimmungen gelesen und verstanden.
5. LOL

Muttertag 2015

Heute ist Muttertag und wieder ziehen jede Menge gröhlender Mütter mit dem Bollerwagen und reichlich Alkohol um die Häuser.

Äh ne, das war anders.

Zeit in Worten

Den halben Tag werkel ich schon an meiner "Wordclock".

Hier ein bischen HTML, da ein wenig CSS und auch etwas JS... Nun habe ich keine Lust mehr und lasse den Block jetzt so wie er ist.

Das Ei einer Amsel

Quelle: www.butschy.de/das-erste-ei-ist-da

Android 5.1 Lollipop auf dem PC

Und so installierst du Android 5.1 Lollipop (API) auf deinem PC.

Weiterlesen.

Flexbox Bilder

Bilder mit Bildunterschrift nebeneinander positionieren und das Responsive ?

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

Routenplaner mit Zwischenziele

Mist, Google Maps kann in der neuen Version nur noch 10 Zwischenziele in der Routenplanung anzeigen... ich brauche mehr, eine Alternative muss her.

Eine Alternative habe ich jetzt bei Bing Karten gefunden. Hier sind Routen mit 26 (A-Y) Zwischenziele möglich.

Weiterlesen.

Foscam FI9826W

Und wieder darf ich eine IP-Kamera von Foscam testen, dieses mal das Model FI9826W mit 1.3MP und 3x optischen Zoom.

Für 140€ bekommt man hier eine IP-Überwachungskamera die einfach alles kann, es gibt keine Funktion die diese Kamera nicht unterstützt und die Verarbeitung ist sehr Hochwertig.

Weiterlesen.

linear-gradient

Ein Farbverlauf mit CSS linear-gradient.

Farbverlauf von Weiß (#fff) zu Grau (#eee) von oben nach unten.

Der CSS Code:

.gradient {
background: linear-gradient(to bottom, #fff 0%, #eee 100%);
}

#top #left #right

Icon Spin

Mit .fa-spin

Ich find´s Cool, braucht nur kein Mensch 🙄

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.

Weiterlesen.

Android OTA Updates

Meine Android OTA Update History.

Mein erstes Nexus Gerät war das Galaxy Nexus i9250 von Samsung mit Android 4.1.1 Jelly Bean welches ich am 15. September 2012 für schlappe 280€ erworben habe.

Das erste Update kam schon einen Monat später.

• 16.10.2012 - Android 4.1.2
• 20.11.2012 - Android 4.2
• 13.02.2013 - Android 4.2.2
• 31.07.2013 - Android 4.3

Das Galaxy Nexus hab ich dann irgendwann für 199 Okken vertickt und mir ein LG Nexus 5 (32GB) für 375€ zugelegt. Ganz frisch mit Android 4.4 KitKat.

Weiterlesen.

Flachwitze

Ein Ball rollt um die Ecke und kippt um.

Abend ist es steiler als Bergab.

Cola schmeckt besser als aus dem Glas!

Weiterlesen.

MEDION P86019

Wer eine MEDION P86019 (MD 86970) WLAN/IP-Überwachungskamera statt mit der hauseigenen App lieber die tinyCam App benutzen möchte, wählt bei dem Kamera Hersteller Plustec und das Model Generic aus.

Jetzt läuft die Kamera auch mit tinyCam.

Weiterlesen.

Foscam IP-Cam Client

Ich hab da was gefunden, ein Programm, mit dem bis zu 64 IP-Kameras gleichzeitig Überwacht werden können.

Zudem kann jede Kamera aufgezeichnet werden, selbst das aufzeichnen mehrere Kameras zeitgleich ist möglich.

Weiterlesen.

Dynamischer Titel

In der header.php vor dem title-tag:

$modulname = isset($modulname) ? $modulname : '';

Dann in den jeweiligen Modulen direkt vor dem include der header.php:

$modulname = 'Whatever';

Und schon haben wir einen dynamischen Titel in jedem Modul.

npIPCReg DLL

Wenn man beim Versuch die Web UI seiner Foscam IP-Kamera aufzurufen, solche Meldungen bekommt:

Firefox: Das Plugin "npIPCReg DLL" ist abgestürzt.

Chrome: npIPCReg DLL has crashed

IE: Ein Problem mit dieser Website blabla...

Hier die einfache Lösung.

Weiterlesen.

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:

Weiterlesen.

HDMI-CEC

Und ich suche mir den Wolf... Bei Samsung heißt der HDMI-CEC Standard z.b. Anynet+, Sony nennt es BRAVIA Sync, Philips EasyLink und Toshiba sagt Regza-Link dazu.

Foscam Update

Es gibt wieder ein neues Firmware-Update, unter anderem auch für unsere Foscam Fi9821W V2.

Die aktuelle Version lautet V-2.x.1.119-20150316, ist 8.14MB groß und wie man an der Makierung sieht, ist die gerade mal zwei Tage alt.

Download direkt bei Foscam: www.foscam.com/down3.aspx

Was für´s Auge

evtl. mal 2-3 Schritte zurückgehen.

360° Video

Wer mit seiner 360° Kamera Rundumfilm aufgenommen hat, kann diese ab sofort auf YouTube hochladen.

Wenn ihr so ein Video mit eurem Handy anseht, könnt Ihr es dann im 360° Winkel um Eure Achse bewegen und es aus alle möglichen Blickwinkel ansehen.

Bluetooth Hocker

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

Quelle: Dropbox / Deutschland

index.php

Wir bauen uns eine einfache dynamische PHP-Seite in nur einer einzigen Datei (index.php) und Navigieren (switchen) durch die Seite mit Links al´ a:

index.php?action=news

Los geht es.

Weiterlesen.

Witze für die Schanze

Ich würde gerne mal wieder ins Kino gehen, aber da laufen ständig nur Wiederholungen aus dem Internet.

Weiterlesen.

Das neuste Bild

Zeige mir doch bitte nur ein einziges Bild aus dem Verzeichnis "img" und zwar nur das neuste.

$array = array();
foreach(glob('./img/*.jpg', GLOB_NOSORT) as $datei)
$array[$datei] = filemtime($datei);
arsort($array);
$pic_array = array_keys($array);

In $pic_array[0] haben wir jetzt den vollständigen Link.

Weiterlesen.

PHP include

Nie wieder include al´a Verzeichnis xyz ../../../

Denn:

define('MAINDIR',dirname(__DIR__) . '/');
define('INC_DIR',MAINDIR . 'includes/');

Dann:

require_once(INC_DIR.'header.php');

Foscam FI9826W Demo

Wer sich hier mal die Qualität der neuste Indoor IP-Kamera von Foscam in Live ansehen möchte, braucht nur eine IP, einen Port und die Zugangsdaten in sein "bevorzugten" Viewer (z.b. TinyCam) eintragen.

• IP: https://gc8883.myfoscam.org
• PORT: 20070
• Username: user
• Passwort: user

März sein Umlaut

Gut das ich heute den Kram mit der Foscam geschrieben habe, denn sonst wäre mir der Fehler mit dem M�rz nicht aufgefallen.

setlocale(LC_ALL, 'de_DE.UTF-8');

FI9831W vs. FI9826W

Der Unterschied laut Datenblatt (foscam.com) alles soweit gleich, bis auf:

Androidfont

Android Brand Icon

fab fa-android fa-5x

NP-NB30-HTT1DE

Hier muss ein frisches Windows 7 Starter (SNPC OA) 32-Bit rauf.

Also schnell eine Windows 7 Pro DVD zur ISO gemacht, die dort enthaltene ei.cfg gelöscht und die so manipulierte ISO wieder zurück auf eine DVD gebrannt.

Weiterlesen.

Route 44

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

Unicode und ASCII

¯ \ _ (ツ) _ / ¯

Unicode Zeichen die auf allen Geräten und Browsern gleich aussehen und sich mit CSS einfärben lassen. Hier ein paar mehr oder weniger Nützliche.

Weiterlesen.

Animierte Icon-Fonts

Use the fa-spin class to get any icon to rotate:

PHP Zeitgesteuert

Eine Aktion je nach Tageszeit

$zeit = date('H');

if ($zeit < 12){
 $gruss = 'Guten Morgen';
}
else if ($zeit >= 12 && $zeit < 18) {
 $gruss = 'Guten Tag';
}
else if ($zeit >= 18 && $zeit < 22) {
 $gruss = 'Guten Abend';
}
else { 
 $gruss = 'Gute Nacht';
}
          
echo $gruss;

Progress

Wie sieht es denn nun mit dem progress Balken hier im 4CMS aus?

<!-- progress -->
<progress max="100" value="50"></progress>

10% = red 10%

20% = orange 20%

30% = yellow 40%

40% = green 40%

50% = blue 50%

60% = purple 60%

70% = white 70%

80% = black 80%

90% = dark 90%

100% = darkest 100%

Werbung

Sorry, es wurde keine Werbung gefunden.

Kennst du den schon

Ich liebe diese schönen Sonntags-Spaziergänge !

Ich war schon im Bad, am PC, bin am Kühlschrank vorbei und jetzt auf dem Weg zur Couch und das Wetter spielt auch mit !

Auch Witzig:

Weiterlesen.

Buzzword

Ich war gerade auf der Suche nach einem bestimmten Begriff.

Irgendwas mit "Buzz" und "Word" doch was dann geschah, ist unglaublich !

Weiterlesen.

404 Sommer

INSTALLIERE SOMMER

█████████░░░░░░░░░░░░ 44% fertig.

Installation fehlgeschlagen !!!

404 Fehler: Sommer wurde nicht gefunden. Den Sommer, den du suchst, wurde entfernt, hat einen anderen Namen bekommen oder ist mittelfristig nicht zugänglich. Versuche es bitte später nochmal.

Zwischenzeitlich stehen folgende Dateien zur Verfügung: Dicker Pulli Version 1.1 und Gummistiefel in der Version 2.

Blätterfunktion v2.0

Die sieht nun so aus

So ein Sonntag verschafft einem viel Zeit zum Basteln, warum also nicht mal den Code der alten Blätterfunktion überarbeiten.

SpyCam Power-Bank

Hier nun ein Testvideo meiner Spy Power Bank.

So eine Motion-Control Aufnahme ist immer 3 Minuten lang und hat dabei eine Grösse von etwa 175 MB im *.avi Format.

Weiterlesen.

Hier, da und dort.

WhatsApp Web

WhatsApp´en mit dem Computer.

Einfach die WhatsApp Seite https://web.whatsapp.com mit dem Browser besucht, den dortigen QR-Code mit der Scan-Funktion deiner Handy-WhatsApp App gescannt und schon läuft WhatsApp im Web via Internet-Browser auf deinem PC.

Grid Raster

Diese Homepage liegt in einem Flex Grid, ein Raster aus maximal 12 Zellen.

Diese 12 Zellen lassen sich beliebig aufteilen.

only class="flex"

Weiterlesen.

Blur Text

Ein bischen text-shadow und color auf transparent...

Und schon kann man diesen Textabschnitt im Firefox Browser nicht mehr lesen ;)

Beim Chrome schon etwas deutlicher und beim IE ist alles Weiß.

Schriftarten Testen

Web-Fonts vor dem Einbau Live Testen ?

Auf TypeWonder (eng.) gibt man nur die URL einer Homepage ein, wählt eine der reichlich verfügbaren kostenlosen Schriftart aus und schon sieht man in einer Live-Vorschau wie sich diese Schriftart auf der ganzen Seite machen würde.

Weiterlesen.

OK Google

OK Google: Wie wird das Wetter morgen in Hamburg ?

OK Google: Wie hoch ist der Michel ?

Aber kennt ihr auch die ?

Weiterlesen.

CSS Webfont Icons

Ich wollte auch mal solche Webicons für mein 4CMS.

Warum nicht das Icon-Set von Font Awesome.

Hier stehen mehr al 479 unterschiedliche Icons zur Auswahl die sich leicht einbauen lassen.

Weiterlesen.

Spy Power Bank

Der Uwe hat mir mal wieder was zum Spielen hier gelassen, eine 3000mAh Power Bank mit versteckter HD 720p Kamera.

Im Standby können mit aktivierter Bewegungserkennung bis zu 48 Stunden aufgenommen und in kleine 3 Minuten AVI´s (H.264) auf eine bis zu 32 GB große Micro SD-Karte gespeichert werden.

Ich berichte in den Kommentaren.

Happy 2k15

Zurück in die Zukunft.

Chile 2k14/15

Mandy, irgendwo in Chile ;)

QuickPic 4.0 Beta

QuickPick ist meine App für Android wenn es um Bilder geht.

In der aktuellen Beta gibt es jetzt eine neue Funktion mit der sich in den Einstellungen beliebige Ordner definieren lassen, die automatisch zu einem Cloud-Dienst deiner Wahl gesichert werden können.

Und dann noch:

• Colorful themes for action bar
• Support photo sphere
• Google account login with Play Service
• Sort folder by file size
• Faster scanning folders

View & Download der apk

Material Grey

• #fafafa
• #f5f5f5
• #eeeeee
• #e0e0e0
• #bdbdbd
• #9e9e9e
• #757575
• #616161
• #424242
• #212121

www.google.com/../style/color.html

Ein Box-Block

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

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

Clash of Clans

Ich wollte doch nur mal Gucken ;)

CSS - buttons

default red orange yellow green blue purple white black

Weiterlesen.

Android 5.0: Tipps und Tricks

Google´s Android 5.0 Lollipop ist auf meinem Nexus 5 angekommen und ich habe den halben Abend damit verbracht mich durch die Einstellungen zu hangeln.

Es gibt viel zu entdecken, viele neue Funktionen und Einstellungen, manche offensichtlich und leicht zu finden, andere sind versteckt oder nicht ganz klar benannt.

Weiterlesen.

GoPro Dieb

Ein Video von einem kleptomanisches Eichhörnchen welches sich eine GoPro besorgt.

Weiterlesen.

Firefox neuer Tab

Beim klick auf einen neuen Tab im Firefox soll sich immer automatisch die Internetadresse deiner Wahl öffnen ?

Ja, das geht und zwar so: öffne den Firefox

• Tippe oben in der Adressleiste about:config ein und drü;cke Enter
• Bestätige die Meldung Ich werde vorsichtig sein, versprochen!

Weiterlesen.

Simple Blog Script

Ein simples PHP + PDO Blog-Script mit nur drei Dateien.

• core/connect.php
• core/class.php
• index.php

Der Code ist superschlank und einfach und eine gute Basis für Einsteiger.

Android 5.0 Lollipop OTA

Nur 1% aller Geräte bekommen das Update gleich beim Start.

Erst 1 - 2 Tage später (wenn keine Probleme aufgetreten sind) bekommen weitere 25% das Update, danach weitere 50%.

Bei der vierten und letzten Runde sind alle anderen dabei.

Das alles erfolgt nach dem Zufallsprinzip.

Weiterlesen.

WhatsApp Lesebestätigungen

Die Lesebestätigungen bei WhatsApp lässt sich nun deaktivieren, dazu muss man sich lediglich die neuste Version direkt bei Whatsapp.com holen.

Die aktuelle Version ist 2.11.444 und die bietet in den Einstellungen => Datenschutz eine Option namens "Read Receipts", dort einfach den Haken entfernen.

Dropdown Menu

Klicke hier auf Weiterlesen und wenn ich alle richtig gemacht habe, bekommst man dort ein horizontales "only CSS" Dropdown-Menu zu sehen.

Weiterlesen.

Bilder hochladen

Kann man mit dem TinyMCE auch Bilder hochladen ?

Doch, das geht, auch mit einem kostenlosen Plugin.

Nexus 5 Display

Das Nexus 5 Display reparieren in Echt.

11ter 11ter

11´ter 11´ter 11 Uhr 11 und 11 Sekunden.

Das Erstellungsdatum der Artikel und der Seiten kann nun nachträglich geändert werden.

Vielleicht braucht man das später mal.

isset()

Die PHP Funktion isset() prüft nur ob eine Variable existiert und ob sie nicht NULL ist, was nicht heißt, NULL = NIX.

php.net/manual /de/function.isset.php

Halo vs. Predator

Halo vs. Predator

www.youtube.com/watch?v=4NXr-TTn6Tc

Klasse Lisa B

WOW, klammheimlich mal eben die praktische Führerschein-Prüfung bestanden :)

In Textdatei schreiben

Mal eben etwas in ein Datei schreiben.

$flatfile = 'textdatei.txt';
$inhalt = 'Datensatz für die Textdatei';
file_put_contents($flatfile, $inhalt, FILE_APPEND | LOCK_EX);

php.net/.../function.file-put-contents.php

Weiterlesen.

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.

Weiterlesen.

Author Gianna

Als wenn ich schreiben könnte... Ich brauche nur eben einen anderen "Author" in der auser Zelle.

Weiterlesen.

Geschrieben VON

Das 4CMS ist auch ein Multi-User-System, es können sich also mehrere User anmelden und Inhalte erstellen.

Weiterlesen.

Nexus 5 Magnet

Der grosse breite Ring um die Kamera des Nexus 5 ist Magnetisch.

Android 5.0 Lollipop

So, nun ist es Amtlich, Android L ist Android 5.0 Lollipop, kein Lion und nix mit Limone oder Limette ;)

Das Internet ist voll mit diesen Informationen und weil ich nun mal kein Blogger bin, schreib ich hier jetzt auch keinen Artikel, das können z.b. androidnext und Caschys Blog viel besser.

WYSIWYG

WYSIWYG [ˈwɪziwɪg] ist das Akronym für den Grundgedanken „What You See Is What You Get“ (englisch für „Was du siehst, ist [das,] was du bekommst.“) – auch als Echtbilddarstellung bekannt.

Quelle: https://de.wikipedia.org/wiki/WYSIWYG

Danke Google

Quelle: Google.de Startseite.

RSS Feed 4CMS

Ein RSS Feed Modul für das 4CMS gerade eben fertiggestellt.

In dem Modul werden z.b. die letzten 10 Artikel angezeigt.

Wer mal testen will: /rss/

Oktober

Ein Artikel für das Archiv und für ein verpasstes Datum.

Wenn die Überschrift doch mal etwas länger wird.

Manchmal gibt es Überschriften auf der Homepage deren Zeichenlänge so lang ist, das es sich ungünstig auf das Layout der Seite auswirkt.

Da macht es auch mal Sinn, diese zu kürzen, aber bitte dann auch in "Schön" soll heißen, nicht mitten in einem Wort.

Eine PHP Funktion muss her die das elegant Löst.

Weiterlesen.

Mistkäfer

Ein Mistkäfer aus der Heide

Quelle: mein Nexus 5 ;)

Lorem ipsum für Grafik

Genau so etwas habe ich gesucht, quasi wie der berühmte Platzhalter für Text "Lorem ipsum" nur eben für Grafiken, guck.

Achtung, Alarm Warnung

Gleich mal ne Hinweisbox testen.

Na, hast du dich erschrocken ? ;)

CSS Panel

Geben wir den Panel Boxen mal etwas Farbe.

P1000 Spycam

Was man nicht alles mit seinem alten Android Smartphone oder Tablet anstellen kann.

Einfach mal die Kamera von meinem uralt P1000 abgreifen und eine Live-Ansicht hier auf der Homepage zeigen.

Wer wissen will, wie das ganze genau Funktioniert darf mich gerne fragen.

Weiterlesen.

640x300

640x300

Zufall aus der Datenbank

Einen zufälligen Eintrag aus der Datenbank auslesen.

SELECT `titel` FROM `tabelle` ORDER BY RAND() LIMIT 1

Schon schlimm wenn man das nur mit einer Funktion RAND() erledigen kann.

.scrollTop

Beim runterscrollen auf dieser Seite, guck mal unten Rechts in die Ecke.

Weiterlesen.

HTML Gerüst

Also, ich fange mal an:

<!-- html -->
<!doctype html>
<html lang="de">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="theme-color" content="black">
<title>TITLE</title>
</head>
<body>

<h1>Hallo Welt!</h1>

</body>
</html>

Fertig.. ne ne, das war es schon ;)

DELETE mit PDO

Einen Eintrag aus der SQL Datenbank löschen, die kürzest mögliche Schreibweise:

$stmt = $db->prepare('DELETE FROM `tabelle` WHERE `id` = :id');
$stmt->execute(array(':id' => $_GET['id']));

So verwende ich es hier im 4CMS.

QR-Code Generator

Du willst auch so einen QR-Code haben mit deinen eigenen Informationen wie Text oder einfach nur die Adresse deiner Homepage ?

Dafür gibt es einige Online-Generatoren die sowas kostenlos Anbieten.

Einer dieser Dienste ist z.b. www.qrcode-generator.de

Weitere 99