•  

Power Workshop: Gestaltung und Code – CSS, SVG und Co.

A session at International PHP Conference Spring 2015

  • Jonas Hellwig

Sunday 7th June, 2015

9:00am to 5:00pm (CET)

Viele grafische Bestandteile einer Website lassen sich heute vollständig, oder zumindest nahezu vollständig, über den Code realisieren. Dabei reicht die Palette von klassischen Layoutelementen mithilfe von CSS über komplexe Gestaltungsmöglichkeiten, Farbschemata und Styleguides mithilfe von Präprozessoren wie Sass oder Less bis hin zu "echten" grafischen Elementen mithilfe des codebasierten Dateiformats SVG. In diesem Workshop erfahren Sie, wie attraktive und robuste Grafiken im Browser entstehen. Neben den Grundlagen des "Design in the Browser"-Workflows lernen Sie zahlreiche Tipps und Tricks kennen, um mit geringem Aufwand erstaunliche grafische Effekte zu erreichen. Auch CSS-Animationen und Transformationen, browserübergreifende, flexible und semantisch wertvolle Gestaltung werden in diesem ganztägigen Seminar ausführlich behandelt. Außerdem erfahren Sie, welche Tools Ihnen die Arbeit spürbar erleichtern können. Neben den gestalterischen Möglichkeiten von CSS und Sass lernen Sie auch das SVG-Format detailliert kennen. Sie erfahren, was es bei der Gestaltung in Illustrator und Co. zu beachten gibt und wie Sie SVG-Grafiken exportieren, einbinden und optimieren können. Darüber hinaus bietet das Format SVG faszinierende Möglichkeiten in Kombination mit CSS und JavaScript, denn Sie können SVGs umfärben, animieren und anderweitig manipulieren. Darüber hinaus ist es möglich, nur Teile einer SVG zu laden, was es Ihnen wiederum ermöglicht, mehrere Layoutelemente in einer Datei zu verwalten und performanceschonend auf der Website einzusetzen. Zum Abschluss des Seminars werfen wir noch einen Blick in die Zukunft und lernen einige experimentelle CSS-Styling-Techniken kennen, die Ihnen vielleicht schon bald ganz neue gestalterische Möglichkeiten bieten.

About the speaker

This person is speaking at this event.
Jonas Hellwig

Sign in to add slides, notes or videos to this session

Tell your friends!

When

Time 9:00am5:00pm CET

Date Sun 7th June 2015

Short URL

lanyrd.com/sdhyhk

View the schedule

Share

See something wrong?

Report an issue with this session