Kurzbeschreibung

Der Funktionsumfang von CSS ist in den letzten Jahren erheblich gestiegen. Aufbauend auf soliden Grundkenntnissen werden Sie in diesem Workshop flexible und attraktive Layoutelemente anhand eines gemeinsamen Beispielprojekts im responsive Design erarbeiten. Sie vertiefen hierbei Ihr Wissen über Positionierung, Layoutmodelle, Typografie und Gestaltung, lernen neue Selektoren, Animationsmöglichkeiten und Workflow-Konzepte kennen und bekommen zahlreiche Tools und Tricks gezeigt, die Ihnen die tägliche Arbeit spürbar erleichtern werden. Und um auch für die Zukunft gewappnet zu sein, werfen Sie auch einen Blick auf die SVG-Technologie.

Agenda

  • Responsive Design, Positionierung und Layoutmodelle
    • Die Box-Modelle von CSS
    • Float-Basierte CSS Grids
    • Möglichkeiten der Positionierung
    • Display Inline-Block & -Table
    • Content Choreography
    • Druckausgaben
    • Media Queries & Mobile First
    • Flexbox
    • CSS Grids
  • CSS Selektoren
    • Attribut-Selektoren
    • Kind- und Geschwister-Selektoren
    • Nth-Of-Selektoren
    • Der Target-Selektor
  • Farbe, Gestaltung und Effekte
    • Komplexe Verläufe
    • Muster mit CSS
    • Komplexe Hintergrundgestaltung mit CSS
    • Schatten
    • Data-URIs und Code-generierte Grafiken
    • Shapes
    • Blend Modes
    • Filter
    • Counter
    • Berechnungen mit CSS
    • Animationen mit CSS
    • 3D & 2D-Transformationen
    • Typografie, Webfonts und Icon-Fonts
    • SVG-Animationen
  • Worklow und CSS-Konzepte
    • Browserkompatibilität
    • CSS Spezifität
    • Das DRY-Konzept
    • CSS Feature Queries & Modernizr

Voraussetzungen & Zielgruppe

Dieses Seminar richtet sich an Teilnehmer mit HTML- und CSS-Grundkenntnissen. Bitte beachten Sie in diesem Zusammenhang auch unserer Workshop zu diesem Thema.

Solide EDV-Kenntnisse und ein eigenes Notebook mit installiertem Google Chrome-Browser und einem Code-Editor (z.B. dem kostenlosen Editor Backets) sind ebenfalls notwendig um die Übungen dieses Workshop live mitmachen zu können.

Die Sprache des Seminars ist Deutsch. Die Schulungsunterlagen werden ebenfalls in deutscher Sprache bereitgestellt.

Veranstaltungsort & Verpflegung

Das Seminar findet in der »WeiberWirtschaft« in der Anklamer Str. 38 in Berlin-Mitte statt.

Fotos des Seminarraums in der Weiberwirtschaft Berlin. Fotos: Weiberwirtschaft

Der Eingang befindet sich im Durchgang vom 1. Innenhof in den 2. Innenhof rechts im Aufgang. Sie finden die Seminarräume im 4. OG. Ein Aufzug ist vorhanden.

Kaffee, Tee, kalte Getränke, Obst und Gebäck stehen Ihnen den ganzen Schulungstag über zur Verfügung. In der Mittagspause gehen Sie gemeinsam mit dem Dozenten und den anderen Teilnehmern in einem Restaurant in der Nähe des Seminarraums essen. Dort werden neben fleischhaltigen auch vegetarische und vegane Gerichte angeboten. Die Kosten sind im Seminarpreis enthalten.

Dozent

Jonas HellwigJonas Hellwig arbeitet als Web Designer, Video-Trainer, Fachbuchautor und Dozent in Berlin. Neben UX/UI-, Frontend- & Responsive Design hat er sich auf Workflow-Optimierungen im Design-Prozess spezialisiert und ist Gründer der Agentur kulturbanause® (kulturbanause.de). Auf blog.kulturbanause.de veröffentlicht er interessante Artikel, Tipps und Tutorials zum Thema Web Design. Jonas Hellwig ist regelmäßig als Sprecher auf Fachveranstaltungen anzutreffen und unterstützt mit Seminaren und Workshops Unternehmen bei der Planung, der Gestaltung und der technischen Umsetzung von Website-Projekten.

Kunden-Feedback zu unseren öffentlichen Schulungen

Tolles und kurzweiliges Seminar! Ich hätte nicht gedacht, in so kurzer Zeit so viel zu lernen und zu verstehen. Ich habe richtig viel Spaß am Thema gewonnen.

Mai 2019, Phil Hoffmann, International Marketing, DKMS GmbH

Der Workshop zu SVG-Grafiken war spannend, zukunftsweisend und in einem breiten Arbeitsumfeld bereichernd. Jonas Hellwig gibt einen umfassenden Einblick in Anwendungsgebiete und fokussiert gekonnt die individuell relevanten Schwerpunkte. Ein intensiver und wertvoller Lehrgang – besonders an der Schnittstelle zwischen Gestaltung und Entwicklung, der zu neuen Ansätzen motiviert und mir als Designer technische Möglichkeiten verständlich und zugänglich macht.

April 2017, Miriam Stepper, Grafik-Designerin, infoclick.ch

Angenehmer und entspannter Workshop, der fachlich und didaktisch absolut überzeugt. Sehr empfehlenswert!

April 2019, Anna Kalus-Gossner, Webdesignerin, SWR

Es war ein super spannender Workshop. Ich habe viel gelernt und mitgenommen. Jonas ist ein sehr netter + kompetenter Coach.

November 2019, Gloria Gröpler, Junior Grafikdesignerin, Heilpflanzenwohl

Ich verneige mich! Wunderbarer Vortrag wie das mit dem Design im Web heute funktioniert!

August 2015, David Hellmann – Quelle

Unsere Agentur in Berlin realisiert vom durchgestylten One-Pager bis zur funktionalen Konzern-Website Projekte mit sehr unterschiedlichem Umfang. Wir haben u.a. mit folgenden Kunden erfolgreich zusammengearbeitet: