Timeline 99
99 Artikel pro Seite.
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:
Buzzword
Ich war gerade auf der Suche nach einem bestimmten Begriff.
Irgendwas mit "Buzz" und "Word" doch was dann geschah, ist unglaublich !
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.
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"
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.
OK Google
OK Google: Wie wird das Wetter morgen in Hamburg ?
OK Google: Wie hoch ist der Michel ?
Aber kennt ihr auch die ?
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.
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
Material Grey
- #fafafa
- #f5f5f5
- #eeeeee
- #e0e0e0
- #bdbdbd
- #9e9e9e
- #757575
- #616161
- #424242
- #212121
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
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.
GoPro Dieb
Ein Video von einem kleptomanisches Eichhörnchen welches sich eine GoPro besorgt.
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!
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.
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.
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.
Halo vs. Predator
Halo vs. Predator
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);
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.
Author Gianna
Als wenn ich schreiben könnte... Ich brauche nur eben einen anderen "Author" in der auser Zelle.
Geschrieben VON
Das 4CMS ist auch ein Multi-User-System, es können sich also mehrere User anmelden und Inhalte erstellen.
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.
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.
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.
Alarm, Alarm, Alarm...
Achtung - Achtung, es gibt ein Fehler im Alarm-System, daher diese Warnung.
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
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.
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.
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
Blurgrounds
Ahhh Blurgrounds nennen sich die Dinger, na dann werd ich gleich mal so ein Blurry Background einbauen ;)
CSS3 und :valid
Nun meckert der W3C CSS Validierungsdienst von wegen:
Entschuldigung! Es wurden die folgenden Fehler gefunden
- Unbekanntes Pseudoelement oder Pseudoklasse: :required
- Unbekanntes Pseudoelement oder Pseudoklasse: :valid
Momentan stehe ich echt auf dem Schlauch und finde keine valide Lösung.
mysql_ ist veraltet
mysql_*
Warnung: Diese Erweiterung ist seit PHP 5.5.0 als veraltet markiert und wird in der Zukunft entfernt werden. Verwenden Sie stattdessen die Erweiterungen MySQLi oder PDO.
config.php Nr. 2
Wir wollen eine Datenbank Verbindung mit einer MySQL-Datenbank herstellen.
Unsere Daten tragen wir hier ein:
define('DBTYPE','mysql');
define('DBHOST','localhost');
define('DBNAME','dein_datenbankname');
define('DBCHAR','utf8mb4');
define('DBUSER','dein_db_username');
define('DBPASS','dein_db_passwort');
Diese übergeben wir dann an unsere Verbindung:
Umlaute ÄÖÜäöü
Ich schreibe Umlaute mit TinyMCE und Tiny schreibt diese auch so in die Datenbank.
Archiv Block
Viel Code für so ein simplen Archiv-Block, geht aber nicht kürzer :(
SELECT Month(adatum) AS Month, Year(adatum) AS Year, COUNT(*) AS eintraege FROM artikel WHERE astatus=1 GROUP BY Month(adatum), Year(adatum) ORDER BY adatum DESC
TinyMCE Smileys
Ein Plugin für den TinyMCE kann Smileys.
viel Code
Das wird mir langsam zu viel Code für ein mini, micro, macro, nano, einfaches simple Blog Script... alleine die CSS bläht sich schon auf 5k auf.
Ich glaube ich mach ein Downgrade auf das wesendliche und alles andere via Plugin, Modul what ever...
Schritt 1-3
Das Tutorial wird folgende Punkte beinhalten:
- punkt 1
- punkt 2
- punkt 3
Als Dump gibt es einen User und einen erster Artikel (aid=1).
Ein Forum v1
Ja, ja ich weiß, Foren sind sowas von 2000 aber hey, ich hatte Zeit und Lust und wollte mal testen wie gut sich so ein "Board" mit wenig PHP-Code für das 4CMS als Modul Programmieren läßt.
Pure CSS Tabs
Ein kleiner Tabs-Block in purem CSS geschrieben.
Man war des ne pixelige Angelegenheit bis das Teil richtig ge-Pixelt hat.
PHP Kalender
Wird vielleicht mal gebraucht, ein Monatskalender in PHP als Block oder Modul in Deutsch.
pre Zeilenumbruch
Durch die Kombination von CSS white-space und word-wrap gibt es auch innerhalb eines pre-Tags einen Zeilenumbruch.
SQL RAND()
Einen zufälligen Datensatz mit RAND() aus der Datenbank holen.
SELECT `titel` FROM `daten` ORDER BY RAND() LIMIT 1
Script Dateien
Ich habe den Plan aufgegeben, das 4CMS (2014) unbedingt in nur eine einzige Core Datei zu schreiben, so wie ich es noch bei mimaliro.de gemacht habe, stattdessen hat hier fast jeder Bereich eine eigene Datei mit griffigen Namen.
Wenn ich nur ein wenig mehr von OOP (Objekt Orientierte Programmierung) verstehen würde, könnte ich das alles wohl noch viel schlanker gestalten und das Erstellen neuer Module ginge noch leichter von der Hand.
Tabellen
Mustertabellen.
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,
Ein Video
mySQL SUM
Klickt man hier auf einen der Artikel, wird dieser Klick in die Zelle aklicks in die Datenbank geschrieben und der Wert dort um einen erhöht.
Katie Melua - Ketevan (2013)
TinyMCE Emoticons
plugins: ["emoticons"],
bbcode für atext2
Ein paar wenige bbcode´s Testen.
if rowCount 0 else
Was ist, wenn es noch keinen Daten in der Datenbank gibt, muss man es Petzen ? Und wenn ja, wie ?
Klugscheißer Bot
🤖 Hey du Lutscher, was willst du wissen?
TinyMCE Selector
Will man nur eine bestimmte textarea mit TinyMCE ansprechen, muss man seiner textarea eine ID zuweisen.
TinyMCE eigene CSS Datei einbinden.
Nette Sache, da läßt sich im TinyMCE Editor eine eigene CSS Datei einbinden.
content_css : "../css/style.css",
Lorem ipsum dolor...
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Artikel Style CSS
Jeder Artikel kann via CSS ein individuelles Design bekommen.
<article class="aid_'.$row['aid'].'">
Lorem ipsum
Lorem ipsum ist Text, der gerne als Platzhalter genommen wird, wenn es noch keinen "richtigen" Text gibt. Der Grund dafür ist ein angenehmer Zeilenfall, der einen guten Eindruck von dem finalen Layout vermittelt.
Formular Spam
Heute Morgen um 01:18 Uhr der erste Spam-Eintrag hier in den Kommentaren.
Der Eintrag kam laut IP Locator irgendwo aus Tailand, es wurde ein Name eingetragen aber keine eMail und als Kommentar wurden nur Links gepostet.
Daten von Heute
Für die schnelle Übersicht zwischendurch.
SELECT * FROM `tabelle` WHERE DATE_FORMAT(`datum`, '%Y-%m-%d') = DATE_FORMAT(NOW(), '%Y-%m-%d')
Zeigt dir alle Einträge der Tabelle "tabelle" dieser Woche an.
Admin Kommentare
Fertig, die übersieht der Kommentare im Adminmenu.
Anzahl Kommentare
Gibt es denn schon Kommentare für diesen oder jenen Artikel und wenn ja, wieviele ? Lassen wir es uns Anzeigen.
$stmt = $db->prepare('SELECT alink
FROM kommentare WHERE alink = :alink');
$stmt->execute(array(':alink' => $row['alink']));
Jetzt kommen wir mit rowCount() an die Zahl.
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.
Katie Melua - Secret Symphony (2012)
Admin Box
So, die Administration für die Box ist nun auch soweit fertig, die übersicht mal eben in einem Screenshot gezeigt.
Unicode-Symbole
Statt Grafiken werde ich hier HTML-Entities Sonderzeichen wie memotechnische Codierung al´a © (Copyright) oder dezimalen numerischen Code für z.b. eine Tastatur ⌨ einbauen.
Es gibt weit über 55.000 Zeichen und ich suche gerade wie doof das Symbol für ne Mülltonne... Kennt wer von euch gerade zufällig das Unicode-Zeichen dafür ?
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.
4CMS PDO Crud
CREATE, READ, UPDATE und DELETE wie ich es hier im 4CMS verwende.
Wenn ich einen Parameter an ein Prepared Statement binde, muss ich ihn nicht escapen.
Tabelle artikel 2
Ich hab die Tabelle artikel um die Spalte aklicks erweitert.
TinyMCE
Hab mal den WYSIWYG-Editor von TinyMCE ein wenig Aufgemotzt.
Admin User
Screenshots -> User Erstellen, Bearbeiten oder Auflisten
Admin Kategorie
Screenshots -> Kategorien Erstellen, Bearbeiten oder Auflisten