Responsive Webdesign

Wesentliche Inhalte der Schulung sind folgende Themen:

  • theoretischer Unterbau
  • Media Queries
  • praktische Beispiele
  • Was bedeutet der Ansatz "mobile first"?
  • Nicht alles ist eitel Sonnenschein
    • Schriftgrößen
    • Bilder und Videos
    • Navigationen
    • neue Geräte
    • Retina-Displays
    • Performance
    • ausgeblendete Seitenbestandteile
    • Mausinteraktionen
    • der mobile Kontext
  • Unterschiedliche Darstellungskonzepte
    • weitestgehend fluide
    • Column Drop
    • Layoutwechsler
    • kleine Anpassungen
    • Off Canvas

CSS3 in der Praxis

Wesentliche Inhalte der Schulung sind folgende Themen:

  • Orientierung über Browserfähigkeiten
  • Strategien für den Umgang mit den alten IE-Versionen
    • Javascript-Polyfills
    • IE-Filter
    • graceful degredation
  • Aufwand für die Sonderbehandlung alter IE-Versionen
  • Konkrete Hacks für alte IE
  • Wie serviere ich CSS nur dem IE?
  • wichtige Infoseiten/Anlaufstellen zum Thema
  • CSS3 zusammenklicken
  • individuelle Schriften mit @font-face
  • CSS3-Features - möglichst mit Workarounds für alte IE
    • beliebte CSS3-Features - die Basics
      • runde Ecken
      • Schatten (box-shadow und text-shadow)
      • Verlauf
      • Transparenz
    • Weitere CSS3-Features
      • neue Selektoren und Pseudoklassen
      • Yellow-Fade-Technik ohne JavaScript (nur mit CSS3)
      • transform
      • outline
      • Buttons mit CSS3
      • Animationen und Transitionen
      • Transform
      • mehrere Hintergrundbilder
      • text-overflow
  • intelligentes und schlechtes Fallback für “Nichtkönner”

Einstieg in HTML5

Wesentliche Inhalte der Schulung sind folgende Themen:

  • Was gehört alles zu HTML5?
  • Was soll HTML5?
  • Flashkiller?
  • Die neuen semantischen Elemente
  • Die neuen Formularelemente
  • Die eingebaute Formularvalidierung
  • Das Videoelement
  • Das Audioelement
  • Browsersupport für die neuen Techniken
  • Polyfills - neue Techniken für “Nichtkönner”
  • wichtige Infoseiten und Tools/Frameworks

YAML4

Wesentliche Inhalte der Schulung sind folgende Themen:

  • Grundaufbau von YAML
  • Blick in die base.css
  • Die einzelnen YAML-Bausteine
  • Eigene Grids erstellen
  • Formulare mit YAML gestalten
  • Die YAML-Addons
  • Einen Klickdummy mit YAML, Blindtexten und Platzhalterbildern zusammenstellen
  • Dem soliden YAML-Layout ein Design verpassen
  • YAML und Sass

Modulare Webentwicklung - Arbeitspraxis

Wesentliche Inhalte der Schulung sind folgende Themen:

  • Qualitätssicherung
    • gemeinsame Coderichtlinien
    • Qualitätscheck am Praxisbeispiel
  • modulare Arbeitsweise
    • Modularisierung von Webseiten
    • CSS mit Sass und Compass schreiben
  • Arbeiten im Team
    • Versionierung
    • Ticketsystem
    • Kommunikation
  • gute Blindtexte und Platzhalterbilder
  • Präprozessoren am Beispiel von Sass und Compass
  • Debugging in unterschiedlichen Browsern
  • Strukturiertes Arbeiten mit CSS
    • Shorthand, sinnvolle Abfolge der Deklarationen, etc.
    • Organisation eines CSS (eine Anregung)
  • Grundregeln für bessere Performance

Einführung in Sass

Wesentliche Inhalte der Schulung sind folgende Themen:

  • Installation von Sass und Compass
  • Die SCSS-Syntax
  • Variablen
  • Mit Sass rechnen
  • Farbfunktionen
  • Mixins erstellen und nutzen
  • Sprites generieren lassen
  • Media Queries und oldIE

Barrierefreiheit

Wesentliche Inhalte der Schulung sind folgende Themen:

  • Sinn
  • Gesetze, Verordnungen, wirtschaftlicher Nutzen
  • Betroffene/Nutznießer
  • immer wiederkehrende "Klassiker"
  • Barrierefreiheit und Javascript
  • Webseiten mit WAI-ARIA anreichern
  • Tastaturfokus
  • Kurztest auf Barrierefreiheit
  • Barrierefreiheit muss nicht häßlich sein
  • wichtige Infoseiten