Freestyle FX Responsive Boilerplate

Gezielt für den ambitionierten Frontend-Entwickler konzipiert, dient Freestyle FX als Ihre praktische Toolbox für alle Ihre Projekte. Ob responsive Webseite oder ein super-schnell erstellter Prototyp, der Ihre Kunden überzeugen wird – mit Freestyle FX sind sind Sie schneller am Ziel! Wandeln Sie eines der fertigen Designs nach Ihren Wünschen ab, oder bauen Sie ganz einfach Ihre eigenen Layouts.

Freestyle FX ist es modular und anpassbar aufgebaut, damit Sie nicht benötigte Funktionen einfach weg lassen, oder um Ihre eigenen Skripte etc. erweitern können. Es werden keine Erweiterungen benötigt, denn Freestyle FX macht von den Stärken der von Contao mitgebrachten Funktionen Gebrauch. Layout und Styling können einfach über den internen oder einen externen CSS-Editor vorgenommen werden und per ID/Class-Felder bestimmen Sie, wie Elemente auf der Seite platziert und gestylt werden.

Eindrucksvolle und angesagte Designs in voller Viewport-Breite, animierte Elemente, farblich gestylte Sections, Parallax-Effekte, abgerundete Ecken, einfarbige oder Gradienten-Overlays – endlich können Sie mit Contao Ihrer Kreativität freien Lauf lassen!

Das Theme beruht auf Pocketgrid, einem extrem leichten, aber flexiblen Grid-Framework. Verwirklichen Sie komplexe Layouts ohne komplizierte Spalten-Konfigurationen und greifen Sie auf häufig gebrauchte Elemente zurück, die Sie nicht jedes Mal neu schreiben müssen.

Features

• Pocketgrid Framework (voll responsive und elastisch)
• Animationen einfach per CSS in Elemente einfügen
• Weitgehend semantischer und leichter HTML-Code
• Extrem flexibler Einstatz von Spalten, ganz ohne spezielle Erweiterungen
• Parallax-Effekt im Header möglich
• Animiertes dreistufiges Drop-Downmenü mit optionalem Overlay (Touch-Device ready!)
• Eingebautes Mobiles Menü auf CSS-Basis
• 700+ Icons
• Flexibel einsetzbarer Header-Bereich (mit Bild oder Contao-Slider) s. Demo.
• Edge-to-Edge-Layouts (volle Viewport-Breite) möglich
• Boxed Layouts mit oder ohne Schatten möglich
• 9 vorgefertigte Layouts
• Bild-Effekte Pop-out, push-in und rund
• Leicht anzupassende Farben dank Globalen Variablen
• HTML5 und CSS3
• Demo-Installation kommt ganz ohne Erweiterungen aus
• Geringes Datengewicht
• DSGVO-conform: Ab der Version für Contao 4.13 werden Webfonts lokal eingebunden.

Benefits

• Zeitsparender Startpunkt für Webprojekte jeder Größe und Art
• Erstellen Sie responsive Mockups und Prototypen in kürzester Zeit
• Leicht um eigene Elemente und Design erweiterbar
• Machen Sie Gebrauch von Contao's eingebauten Stärken und Möglichkeiten
• Die meisten Contao-Funktionen sind bereits gestyled
• Kann extrem leicht angepasst werden
• Freie Updates für die Contao 4x-Reihe

Bekannte Einschränkungen

• Ausdrücklich wird darauf hingewiesen, dass CSS-Animationen in IE 9 nicht dargestellt werden! Die Elemente werden jedoch trotzdem dargestellt, nur nicht animiert.
• Das Boxed-Layout wird in älteren Browsern nicht korrekt dargestellt (z.B. in iOS <=5 wird CSS-Methode calc() wird nicht unterstützt). Problem kann mit Browser-Fix jedoch leicht gelöst werden (wird mitgeliefert).
• In älteren iOS-Browsern und IE 9 verschwindet der Header-Bar nicht beim Scrollen, funktioniert aber.
• Der Parallax-Effekt funktioniert unter Safari bei Slidern nur mit dem ersten Slide. Text wird ab Slide 2 erst nach Scrolling dargestellt.

Dokumentation

http://freestyle.trispace.de/help-fx-1_0.html