Code Kiste
Bau Dir Dein Web        
  • Home
  • Repository
Startseite | Archiv

February 2015

3 Purpose Grid - Responsive Design - Teil 2

Von Wolfgang Hauertmann am 28.02.2015 - 16:22
Theming
Entwicklung
Projekt

Unser 3 Purpose Grid hatten wir in Teil 1 dieser Reihe rein statisch entwickelt. Wir werden es in diesem Beitrag durch Hinzufügen einer einzigen CSS-Datei responsive machen.

Außerdem werden wir bei dieser Gelegenheit ein kleines Javascript hinzufügen, mit dem wir unser Responsive-Layout ganz gut testen können.

Das Ergebnis kann man in dieser Demo bewundern.

  • Mehr ... about 3 Purpose Grid - Responsive Design - Teil 2
  • Blog von Wolfgang Hauertmann

3 Purpose Grid - Das Spalten-Layout - Teil 1

Von Wolfgang Hauertmann am 27.02.2015 - 17:03
Theming
Entwicklung
Projekt

In der Einleitung zu dieser Reihe habe ich Grundsätzliches zum 3-Purpose-Theme geschrieben. Vor allem die Ziele des Systems standen dort im Vordergrund.

Hier, im ersten Teil der Projekt-Reihe zum 3-Purpose-Grid, wird das Layout entwickelt. Es wird dabei keine bestimmte Breite vorgegeben wie etwa bei dem bekannten 960er-Grid, sondern es lassen sich viele verschiedene Breiten und Anzahlen von Spalten miteinander kombinieren. Entscheidend ist, inwieweit die Breite durch die Anzahl der gewünschten Spalten teilbar ist.

  • Mehr ... about 3 Purpose Grid - Das Spalten-Layout - Teil 1
  • Blog von Wolfgang Hauertmann

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
Impressum
Login
2023 © Code Kiste

Datenschutzhinweis

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