Der Sommer naht. Und was gibt es schöneres als einen warmen, sonnigen Abend, Bier und einem gut gegrillten Stück Fleisch? Als Alternative zur Cervelat und der Bratwurst haben wir eine Auswahl an Grillrezepten zusammengestellt. Guten Appetit!
Hier geht’s zur Seite.
Dieses HTML5-Projekt besteht – wie sich’s gehört – aus HTML, CSS und JavaScript. Der ganze Inhalt der Seite liegt in einem Container, dessen Grösse zum Verhältnis der Fenstergrösse variabel ist. Dadurch sieht die Seite in allen Browsern und auf allen Bildschirmformaten gleich aus – nur der schwarze Rand wird breiter oder dünner.
Der Inhalt liegt in einem normalen scrollbaren Layer, wobei die Bilder auf Grund der Scrollposition wechseln. Beim Klick aufs Menü springt man automatisch zur gewünschten Scrollposition. Für die Javascript Funktionen greifen wir auf das mächtige Framework jQuery zurück, insbesondere um die Schriftgrössen anzupassen. Die Bilder werden durch CSS Transition mittels Klassenwechsel versteckt und angezeigt.
Die letzte interessante HTML-Spielerei ist das Impressum. Es handelt sich hier um einen Layer innerhalb des scrollbaren Inhalts, welcher durch CSS Margin wieder auf die Fenstergrösse angepasst wird.
