Einkaufsliste – Update auf 0.6.1

Version 0.6.1 ist veröffentlicht, mit einer teilweise neuen UI, die aus meiner Sicht im mobilen Bereich alles wichtige auch aus dem Menü herausholt. Frisch aus dem Ei gepellt! Dabei ist weiterhin Bootstrap und Angular.JS im Einsatz. Das Bild des letzten Artikels zur Einkaufslisten-App habe ich spontan in ein Logo und Favicon umgebaut, der Header ist …

Einkaufsliste – Meine erste Angular-App

Ich grübelte neulich ja mal über die ideale Einkaufsliste. Bisher hatten meine Frau und ich eine Kombination aus E-Mail, Messenger, Koalcats Clear und klassischen Zetteln verwendet. Die Liste muss also schon ein paar Anforderungen erfüllen: Zentral gespeicherte Daten kein Clouddienstleister Kleine Hürde beim Anmelden Bedienbar und schnell mit dem Smartphone keine overloaded Bla-Foo-Geschichten Keine Datenbank …

Userscript: Amazon-Mein-Wunschpreis-Button

Für die Browser Firefox und Chrome gibt es die Erweiterungen Greasemonkey bzw. Tampermonkey, die es Benutzern erlauben, Websiten mit eigenen Skripten oder fertigen Scripts von userscripts.org zu erweitern. Für Amazon-Shopper habe ich eine kleine Erweiterung gebaut, die einen Link zur Preisbeobachtungsseite „Mein Wunschpreis“ neben den Preis auf Artikeldetailseiten einbaut. Vielleicht hilft es ja dem einen oder …

Wie Grunt meinen Workflow für WordPress-Themes verbessert hat

Vorweg: Es geht hier nicht um Freie Themes, die über das WordPress-Repository laufen, sondern um kundenspezifische Themes, die nur via Datei verteilt werden. (Das macht es unter Umständen auch für Entwickler von Premium-Themes interessant). Wie arbeite ich und womit? Ich arbeite mittlerweile extrem gerne mit LESS und das war der Grund, warum ich Grunt überhaupt …

grunt – die Lösung für mein Problem

Holla. Das grunt.js bietet mit den Modulen grunt-contrib-watch und grunt-contrib-less genau das, was ich immer gesucht habe für WordPress-Projekte. /*global module:false*/ module.exports = function(grunt) { // Initialisiert Grunt mit den folgenden Projekteinstellungen grunt.initConfig({ less: { development: { options: { paths: [„less“] }, files: { „style.css“: „style.less“ } }, production: { options: { paths: [„less“], compress: …