Dein Warenkorb ist gerade leer!
01 – Quotes, Sayings & Idioms
1,00 €
Technik Responsive Webdesign: Anpassung/Optimierung der unterschiedlichen Bildschirmgrößen von Smartphone, Tablet, Notebook, Laptop und Desktop-PC. Mobile-First-Technik | Icon-Font: Font Awesome | Jquery: Lightbox-Foto-Galerie Schrift: ‚Open Sans Condensed‘ und ‚Old Standard‘. CSS-Only-Menü mit Toggle-Schalter. Eine Javascript-freie Lösung, welche eine Funktion per Schalter (an/aus) ermöglicht um das Menü auf mobilen Geräten zunächst zu verstecken. Besonderheiten One-Pager: 1 Alle…
Beschreibung
Technik
- Responsive Webdesign: Anpassung/Optimierung der unterschiedlichen Bildschirmgrößen von Smartphone, Tablet, Notebook, Laptop und Desktop-PC.
- Mobile-First-Technik | Icon-Font: Font Awesome | Jquery: Lightbox-Foto-Galerie
- Schrift: ‚Open Sans Condensed‘ und ‚Old Standard‘.
- CSS-Only-Menü mit Toggle-Schalter. Eine Javascript-freie Lösung, welche eine Funktion per Schalter (an/aus) ermöglicht um das Menü auf mobilen Geräten zunächst zu verstecken.
Besonderheiten
- One-Pager: 1 Alle Inhalte innerhalb einer HTML-Seite.
- Jquery Smooth Scroll To Sections: 2
- CSS-Box-Fenster: Inhaltsfenster öffnen sich per Klick als div-Box innerhalb der selben Seite – Eben ganz ohne Javascript (Jquery) und damit immer funktionell, also auch wenn Javascript vom Besucher der Seite in seinem Browser deaktiviert wurde.
- Fixierte Menü-Leiste Menü scrollt also nicht mit, sondern ist fest positioniert
- CSS Ghost Buttons 3 passend zum Flat Design.
1= One Pager | Dies ist ein responsive One-Pager. Im Prinzip bedeutet es, das die Webseite nur aus einem einzigen Webdokument, also nur einer HTML-Seite besteht. Klicken Sie die Links im Menü und sehen Sie wie innerhalb einer Seite die verschiedenen Sektionen aufgerufen werden. Wichtiger Bestandteil eines One-Pagers ist das Smooth-Scroll-To-Sections sowie das Öffnen von (div-)Boxfenstern innerhalb der selben Seite für weiteren Inhalt.
2= Smooth Scroll To Sections | Die Sprungziele, sprich die einzelnen Sektionen (Abschnitte) werden übrigens animiert sanft und sichtbar angesteuert. Gemeint ist das sogenannte ‚Smooth Scrolling‘, welches der Übersichtlichkeit und besseren Orientierung dient. Man registriert also auch optisch, wohin man gelangt und springt nicht so abrupt wie sonst beim üblichen HTML-Anker.
3= Ghost Buttons | Ein sog. Ghost-Button ist ein Element beim Flat Design, welcher meist keine Füllung sondern nur einen Rahmen aufweist. Der Mouse-Over-Effekt füllt dann häufig den Button vollständig aus und invertiert die Schrift.
Bewertungen
Es gibt noch keine Bewertungen.