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

March 2015

3 Purpose Grid - Dokumentation und Download

Von Wolfgang Hauertmann am 23.03.2015 - 12:09
Theming
Entwicklung
Projekt

Nach den ersten 5 Teilen dieser Reihe, die für Leser sicherlich nicht sehr komfortabel waren, hier nun die Dokumentation zum 3 Purpose Grid.

Dort gibt es jetzt endlich eine Download-Möglichkeit und natürlich jede Menge Kontext-Links auf die schon bekannte Demo.

Das responsive Dokumentationsportal wurde selbstverständlich auf Basis des 3 Purpose Grid (oder in Zukunft kurz P3-Grid) entwickelt und ist damit auch eine Demonstration des ersten Zwecks unseres Grid-Layout-Systems, nämlich die Entwicklung von responsiven Webportalen.

Als CMS für den Einsatz habe ich phpSQLiteCMS gewählt, ein schlankes aber durchaus respektables System, das ich sehr effizient mit meinem Grid-System einrichten konnte.

  • Mehr ... about 3 Purpose Grid - Dokumentation und Download
  • Blog von Wolfgang Hauertmann

3 Purpose Grid - Theming - Teil 5

Von Wolfgang Hauertmann am 11.03.2015 - 13:42
Theming
Entwicklung
Projekt

Es gehört zur Philosophie des 3 Purpose Grids (Demo), dass nur wenige rudimentäre GUI- und Design-Elemente zur Verfügung gestellte werden, damit der Desinger bzw. Entwickler Freiraum für eine individuelle Gestaltung behält. Dies ist bei vielen CSS-Frameworks, wie z.B. Bootstrap anders. Dort werden viele ausgefeilte GUI-Elemente wie Tabulatoren, Buttons, Sliders, etc. implementiert, deren Verwendung dann allerdings dazu führt, dass ein damit erstelltes Produkt am Ende erkennbar auf einem Bootstrap-Framework aufsetzt. Wer also ein individualisiertes Produkt realisieren möchte, der muss entweder auf diese Elemente verzichten, was zu einem Overhead in den Sourcen führt oder aber z.B. mittels aufwändiger SASS-Modifikationen einen eigenen GUI-Style generieren, was allerdings sehr spezifische Skills erfordert und nicht ganz einfach sein dürfte. Dies soll aber mit unserem Grid-System nicht passieren.

Trotzdem können wir auf die Unterstützung weniger GUI- und Design-Komponenten nicht verzichten. Wir beschränken uns auf CSS-Unterstützung für:

  • Menus,
  • Medien,
  • Info-Boxen,
  • Formulare,
  • Tabellen und
  • Karten.

Andere machen daraus 6 Artikel. Ich packe hier alles in einen. Schließlich will ich ja auch mal fertig werden mit dieser Reihe.

Damit hätten wir dann den ersten Zweck unseres 3 Purpose Grid erreicht, nämlich die Verwendung als ganz normales CSS-Framework für Portale. Wir werden noch einige weitere Teile benötigen, um alle unsere Ziele zu erreichen.

  • Mehr ... about 3 Purpose Grid - Theming - Teil 5
  • Blog von Wolfgang Hauertmann

3 Purpose Grid - Navigation und Paginierung - Teil 4

Von Wolfgang Hauertmann am 10.03.2015 - 10:43
Theming
Entwicklung
Projekt

Das 3 Purpose Grid soll weniger durch viele Gui-Elemente glänzen, von denen man in der Praxis meist nur einen Bruchteil benötigt. Vielmehr soll es vor allem schlank und vielseitig sein und den  Entwickler-Workflow unterstützen.

Auf zwei GUI-Elemente kann man aber nicht verzichten, wenn man schnell ein funktionsfähiges System als Ausgangspunkt für ein größeres Projekt aufsetzen möchte, auf:

  • Navigationsmenus und
  • Paginierung.

Unser System (Demo) wird deshalb im Folgenden um diese Ressourcen erweitert.

  • Mehr ... about 3 Purpose Grid - Navigation und Paginierung - Teil 4
  • Blog von Wolfgang Hauertmann

3 Purpose Grid - Header und Footer - Teil 3

Von Wolfgang Hauertmann am 02.03.2015 - 10:34
Theming
Entwicklung
Projekt

Unser 3-Purpose-Grid soll Ausgangspunkt sein für eine Vielzahl kleinerer Projekte in diesem Weblog. Ziel ist es, sich dieses Grid (Demo) inklusive aller Ressourcen (Bash-, Grunt-Skripte, Cordova-Vorbereitung, vielleicht Testing, falls ich dazu komme, etc.) herunterzuladen, um dann sofort mit der Implementierung des eigentlichen Entwicklungsziels beginnen zu können. Es ist somit wichtiger Teil des hier praktizierten Workflows.

Deshalb stelle ich hier drei Header- und zwei Footersysteme vor, die man sich je nach Zielsetzung eines Projekts oder persönlichem Geschmack auswählen kann.

  • Mehr ... about 3 Purpose Grid - Header und Footer - Teil 3
  • 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.