Code Kiste
Bau Dir Dein Web        
  • Home
  • Repository
Code Kiste
Bau Dir Dein Web        
 

Web, Mobile, PHP, Drupal, Symfony, Typo3, Theming, Javascript und mehr

3 Purpose Grid - Ein Allround-Grid-System - Einführung

Von Wolfgang Hauertmann am 27.02.2015 - 15:30
Theming
Entwicklung
Projekt

Ich habe mir überlegt, dass ich für die Projekte in diesem Blog ein einfaches, für alle Themen im Blog geeignetes Theme entwickle, so dass man zu Beginn eines neuen Projekts einfach diese Ressource herunterlädt und schon kann man sich auf die wesentlichen Punkte beim Nachvollziehen eines neuen Beitrags beschränken.

Das Theme, dass ich hier vorstelle, soll genau drei Zwecke erfüllen. Es soll geeignet sein für

  • statische und responsive Portale (später auch als Drupal- oder Typo3-Themes),
  • als Basis-Layout für hybride Apps als Alternative zu jQuery-Mobile und ähnlichen Frameworks und
  • als GUI-Konsole für lokale NodeJS-Projekte.

Ich nenne es deshalb das 3-Purpose-Grid (Demo).

Das gesamte Projekt ist jetzt etwas aufwändiger geworden, zumal die notwendigen Überlegungen recht grundlegend waren. Den Aufbau beschreibe ich deshalb in mehreren Beiträgen. In diesem Beitrag erfolgt zunächst ein Überblick.

  • Mehr ... about 3 Purpose Grid - Ein Allround-Grid-System - Einführung
  • Blog von Wolfgang Hauertmann

Chrome Extension "NetBeans Connector"

Von Wolfgang Hauertmann am 26.02.2015 - 18:35
Tools
Konfiguration
Workflow

Ein interessantes Feature für die Optimierung des Workflows mit NetBeans ist die NetBeansConnector-Extension von Chrome.

Sie ermöglicht es, dass in einer Html5-Applikation Änderungen im Source-Code sofort sichtbar werden.

Außerdem werden umgekehrt Änderungen, die man z.B. mit dem Developer Tool des Chrome-Browsers in den Styles vornimmt (String-Umschalt-I), sofort in den Source-Code übernommen.

  • Mehr ... about Chrome Extension "NetBeans Connector"
  • Blog von Wolfgang Hauertmann

Hybride Kompass- und Foto-App mit require.js

Von Wolfgang Hauertmann am 31.01.2015 - 21:17
Mobile
Entwicklung
Tipps und Tricks

In diesem Beitrag wird die Architektur der hybriden App aus dem letzten Beitrag durch den Einsatz des Frameworks RequireJS verbessert. Da wir das Projekt schon auf dem Module-Pattern aufgebaut hatten, sind nur noch wenige Modifikationen notwendig, um dynamisches Laden der Module zu ermöglichen.

Dieses dynamische Laden kann zu erheblichen Performance-Verbesserungen führen. Außerdem lassen sich Abhängigkeiten zwischen den Modulen mit dem Framework require.js leichter verwalten. Auch wird durch den Einsatz von r.js (Ein NodeJS-Modul) eine Optimierung des Source-Codes möglich gemacht (Minification). Dieser Punkt ist aber nicht mehr Gegenstand dieses Artikels.

  • Mehr ... about Hybride Kompass- und Foto-App mit require.js
  • Blog von Wolfgang Hauertmann

Hybride Kompass- und Foto-App mit dem Modul-Pattern

Von Wolfgang Hauertmann am 31.01.2015 - 16:41
Mobile
Entwicklung
Tipps und Tricks

Wir hatten uns in diesem Artikel eine super-simple App mit einer Zeile Source-Code gebaut, die allerdings nur in wenigen Einsatzfällen professionellen Ansprüchen genügt, vielleicht als ePaper-Reader oder als App für ein einfaches News-Medium - zum Beispiel ein Blog - wobei allerdings Responsive Design vorausgesetzt wurde.

Die Lade-Anzeige der Seite wurde mit einfachen CSS-Bord-Mitteln realisiert, was durchaus schon die Usability beträchtlich erhöhen kann. Aber wahrscheinlich will man sehr schnell etwas mehr Komfort und einige spannende Features implementieren.

Ein Spinner für die Lade-Anzeige sieht schon sehr viel professioneller aus und wie wäre es mit einem Kompass für das Impressum, so dass man mobil auf der Anfahrtskarte auch die Richtung erkennen kann, in die man laufen muss? Ich selbst hätte schon häufiger dafür Bedarf gehabt, vor allem, wenn ein Kunde mitten in der Stadt wohnt und das Navi im Parkhaus zurückgelassen werden musste.

Oder man will seinen Nutzern die Möglichkeit geben, ein Photo hochzuladen? Ein solches Feature ist vielleicht der erste Schritt zu einem erfolgreichen Geschäftsmodell.

  • Mehr ... about Hybride Kompass- und Foto-App mit dem Modul-Pattern
  • Blog von Wolfgang Hauertmann

Das vielseitige "Modul-Pattern" für Javascript

Von Wolfgang Hauertmann am 31.01.2015 - 13:24
Javascript
Entwicklung
Tipps und Tricks

Das Modul-Muster für Javascript sollte jeder aus dem effeff kennen. Es ist eines der vielseitigsten Methoden, den eigenen Source-Code in Projekten zu strukturieren. Dieses Pattern spielt eine wichtige Rolle in vielen leistungsfähgien Javascript-Frameworks und Konzepten wie NodeJS, RequireJS, CommonJS, AMD und ECMAScript.

Der oben verlinkte Artikel erklärt das Grundprinzip recht gut. Deshalb soll im Folgenden auch nicht mehr viel Theorie vermittelt werden, sondern dieses Modul-Pattern so beschrieben werden, wie wir es in weiteren Artikeln benötigen.

  • Mehr ... about Das vielseitige "Modul-Pattern" für Javascript
  • Blog von Wolfgang Hauertmann

Bau Dir eine App für Dein Weblog

Von Wolfgang Hauertmann am 17.01.2015 - 15:01
Mobile
Entwicklung
Projekt

Eine hybride Web-App für ein Blog oder ein ähnliches Medium zu entwicklen, ist mit Cordova - dem früheren PhoneGap - und NetBeans sehr einfach. NetBeans und das integrierte Cordova-Plugin generieren per Scaffolding alle erforderlichen Ressourcen, so dass wir nur eine einzige Zeile Source-Code benötigen, um unsere App zu realisieren.

Haben wir unser Blog nach den Prinzipien des Responsive Design entwickelt, funktioniert unsere App nicht nur technisch, sondern auch optisch sofort.

  • Mehr ... about Bau Dir eine App für Dein Weblog
  • Blog von Wolfgang Hauertmann

Jahresrückblick 2014

Von Wolfgang Hauertmann am 31.12.2014 - 10:06
Sonstiges

Dieses Weblog ist jetzt genau 1 Jahr alt (erster Artikel am 31.12.2013) und ich möchte den Sprung in's neue Jahr nutzen, um darzustellen, was geschafft wurde und andeuten, wie es weitergehen wird.

  • Mehr ... about Jahresrückblick 2014
  • Blog von Wolfgang Hauertmann

Launcher-Icon für hybride Android-App

Von Wolfgang Hauertmann am 30.12.2014 - 11:39
Mobile
Tools
Workflow

Die Erstellung eines Launcher-Logos für die eigene mit NetBeans generierte hybride Web-App ist etwas hakelig. Die Dokumentation von Cordova diesbezüglich lässt an Klarheit zu wünschen übrig und unsere Debug-Möglichkeiten sind in solchen Fällen sehr beschränkt.

Wir werden später noch Möglichkeiten kennenlernen, wie man Icons für verschiedene Zwecke für hypbride Apps sinnvoll organisiert. In diesem Beitrag wird eine schnelle Alternative vorgestellt, die ohne viel Theorie den Spaß am Entwickeln durch ein schönes Launcher-Icon erhöht, ohne dafür in die Tiefe gehen zu müssen.

  • Mehr ... about Launcher-Icon für hybride Android-App
  • Blog von Wolfgang Hauertmann

Tutorial: Grunt für Einsteiger - Schwerpunkt Windows

Von Wolfgang Hauertmann am 29.12.2014 - 16:52
Tools
Workflow
Ausbildung

Ich fasse die bisherigen Beiträge zum Automatisierungstool Grunt zu einem kleinen vorläufigen Tutorial zusammen. Dieses wird gegebenenfalls durch weitere Beiträge von Zeit zu Zeit erweitert.

  • Mehr ... about Tutorial: Grunt für Einsteiger - Schwerpunkt Windows
  • Blog von Wolfgang Hauertmann

Hosts-Datei ändern - Emulator und Handy

Von Wolfgang Hauertmann am 29.12.2014 - 09:04
Mobile
Tools
Workflow

Wer als Entwickler von mobilen Endgeräten auf einen lokalen Web-Server zugreifen möchte, muss die hosts-Datei seines Endgeräts modifizieren. Dies ist etwas schwieriger, als bei einem normalen Windows- oder Linux-PC. Im folgenden wird die Vorgehensweise für Emulatoren und Endgeräte gezeigt.

  • Mehr ... about Hosts-Datei ändern - Emulator und Handy
  • Blog von Wolfgang Hauertmann

Seiten

  • «
  • ‹
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • ›
  • »

Neueste Kommentare

  • tobias.kirsch@kochan.de vor 7 Jahre 2 Monate
  • Problem behoben: Fehlerhafter Run aus NetBeans 8.0.2 vor 7 Jahre 9 Monate
  • Fehlerhafter Run aus NetBeans 8.0.2 vor 7 Jahre 9 Monate
  • Gerne! vor 8 Jahre 2 Monate
  • Danke für diese schöne Anleitung vor 8 Jahre 2 Monate
  • Freut mich vor 8 Jahre 2 Monate
  • Läuft! vor 8 Jahre 2 Monate
  • Vielen Dank für die Korrektur vor 8 Jahre 4 Monate
  • scp.exe statt sco.exe! vor 8 Jahre 4 Monate
  • Danke für den Hinweis vor 8 Jahre 10 Monate
RSS icon
GitHub
Impressum
Subscribe to Front page feed Login
2023 © Code Kiste

Datenschutzhinweis

Der Besuch dieser Webseite wird mit dem Webanalyse-Tool Piwik erfasst. Hier können Sie der Erfassung widersprechen.