Fapulous Framework

ein auf Faux Absolute Positioning basierendes XHTML/CSS-Framework

 
  • Home
  • Features
  • Demos
  • Dokumentation
  • Adaptation 2010
  • Kontakt

Demos

  • Bildschirmfoto dieser Website

    Layouts (FAP)

    Demo für die Anwendung der Faux Absolute Positioning-Technik für das Grundgerüst (Layout) einer Website. Die zugehörigen CSS-Klassen befinden sich in der layout-lib.css.

  • Bildschirmfoto Float-Demos

    Layouts (float)

    Demo von 2 Konstrukten, einmal für 2-Spalten- und einmal für ein 3-Spalten-Layout auf Float-Basis.

  • Bildschirmfoto Formular-Demo

    Formulare

    CSS-Klassen für alle Formularelemente, Notizen, Validierungsfehler. Formulare gibt es in 2 Layout-Arten: Labels horizontal und vertikal zu den Eingabefeldern angeordnet

  • Bildschirmfoto einer Galerie

    Bilder-Galerie

    Thumbnail-Übersicht einer Bilder-Galerie. Zellen haben eine Mindesthöhe, Höhe der Inhalte darf variieren, ohne dass ein IE deswegen austickt. ;-) Umgesetzt per display: inline-block.

  • Bildschirmfoto Formular-Demo

    Datentabellen

    Demo für Datentabellen mit seperaten Farb-Klassen.

  • Bildschirmfoto Box-Demos

    Box mit abgerundeten Ecken

    Eine Box mit abgerundeten Ecken und Schatten. Old school-mäßig realisiert mit Grafiken und Sliding Doors, weil modernes CSS(3) nicht IE6-kompatibel und JS nicht sinnvoll für Layoutaufgaben ist. Mit und ohne Box-Header.

  • Bildschirmfoto Text / Image-Listen

    Text / Image-Listen

    Text / Image-Listen kommen häufig vor und haben ein Image auf der einen Seite und zugehörigen Text auf der anderen Seite eines 2-spaltigen Layouts.

CSS Kern-Dateien von fapulous

  • reset.css
  • typo.css
  • common.css
  • layout-lib.css
  • forms.css
  • tables.css
  • iehacks.css

Über das Fapulous Framework

Das Fapulous Framework ist ein Projekt von Alp Uçkan. Es wird seit Mitte 2007 entwickelt und ist aus dem Bedarf bei der täglichen Frontend-Entwicklung geboren.

This Site is Powered by GetSimple Version 1.71