David Eiken

Profil

Von 2015 bis 2026 habe ich Studierende im Seminar GT 1191 an der HAWK dabei begleitet, Websites professionell umzusetzen: mit klarem UX-Fokus, sauberem HTML/CSS und nachvollziehbaren Workflows für echte Projekte. Die daraus entstandenen Tutorials und Methoden pflege ich hier auf frustfrei.dev weiter.

In meiner Arbeit als Senior UI/UX Frontend Engineer habe ich über viele Jahre komplexe Digitalprojekte begleitet. Diese Praxis fließt direkt in die Lehrinhalte ein.

Alle Tutorials von David Eiken

• CSS ohne Chaos: So baust du modulare Styles mit System
• Von Chaos zu Kontrolle: Variablen und Custom Properties in CSS
• Responsiv und Barrierefrei: Eine Navigation, die für alle funktioniert
• Responsiv: So nutzt du Media & Container Queries
• Semantik statt Divitis: So wird dein HTML plötzlich verständlich
• Typografie im Web: Schriften, Abstände, Ligaturen im Layout
• Webserver und Browser: Wie funktioniert eigentlich eine Website?
• Längenmaße: Absolute und relative Einheiten in CSS
• Webfonts: So bindest du Schriftarten in deine Website ein
• Typografie im Web: Grundlagen der Mikrotypografie
• CSS-Layouts: Display Grid, Flexbox und Co. erklärt
• CSS Logical Properties: Die Leserichtung bestimmt, was oben ist
• Regeln und Prinzipien: Dein Einstieg in CSS
• Visual Studio Code: So erstellst du eine Website mit HTML und CSS
• Elemente, Tags und Attribute: Dein Einstieg in HTML
• Im Rampenlicht: So optimierst du deine Website für Social-Media
• Responsive Images: Bildoptimierung für alle Endgeräte
• Sass: Organisiere deine Stylesheets modular