Responsives Webdesign

Abschlussprüfung Mediengestalter Winter 2015/2016, Konzeption und Gestaltung: U5: Mobile Navigationselemente (Alle Fachrichtungen)

Veröffentlicht am von Thomas A. Reinert
By Maryana (WMF) (Own work) [CC BY-SA 3.0 (http://creativecommons.org/licenses/by-sa/3.0)], via Wikimedia Commons

Theme der Mediengestalter Abschlussprüfung – Mobile Navigationselemente. Was könprnte alles bei diesem extrem umfangreichen Thema drankommen? Welche „mobilen Navigationselemente“ gibt es? Wo liegen die jeweiligen Vor- und Nachteile? Wo liegen überhaupt die Unterschiede zwischen einer klassischen Desktop-Navigation und welche Anforderungen gibt es an eine mobile Navigation? Gibt es eine bestmögliche Lösung für beide Einsatzbereiche? Dies versucht…

Abschlussprüfung Mediengestalter Sommer 2015, Konzeption und Gestaltung, Gestaltung und Technik (Digital): U11: Usability-Test

Veröffentlicht am von Thomas A. Reinert
Usabilty Testing mittels Heatmaps

Da mein Rechner erst seit gestern funktionsfähig zurück gekommen ist, veröffentliche ich einige Artikel mal nur „auf die Schnelle“ ohne Garantie auf Vollständigkeit oder Korrektheit! Dieser – wie auch andere – Artikel werden also in Kürze noch überarbeitet..!

Abschlussprüfung Mediengestalter Sommer 2015, Medienproduktion, Alle Fachrichtungen: U5: HTML5-Dokumentstruktur

Veröffentlicht am von Thomas A. Reinert
HTML5 Logo

Einen Beitrag zur letzten Abschlussprüfung, in der das Thema „HTML5“ lautete, gibt es bereits. Dort werden auf der zweiten Seite auch die semantisch strukturellen Tags zur HTML5-Dokumentstruktur  erwähnt und erklärt. Dieser weiterführende Artikel soll einen tieferen Einblick mit Anwendungsbeispielen und möglichen Aufgabenstellungen liefern.

Mediengestalter Abschlussprüfung Sommer 2015

Veröffentlicht am von Thomas A. Reinert

Zu den in der folgenden Liste genannten Themenschwerpunkten möchte ich hier in Kürze nähere Informationen veröffentlichen und regelmäßig zu aktualisieren versuchen. Insofern Informationen zu den Themen auf dieser Site vorliegen, sind sie dort verlinkt. Deshalb solltet ihr diesen Artikel bis zur Prüfung regelmäßig aufrufen oder einfach das Feed zur Site abonnieren. Wie immer rege ich zu den…

Abschlussprüfung Mediengestalter Winter 2014/2015, Medienproduktion, Alle Fachrichtungen: U5: HTML5

Veröffentlicht am von Thomas A. Reinert
HTML5 Logo

Im folgenden findet ihr eine Zusammenfassung aller relevanten Informationen für die Abschlussprüfung der Mediengestalter Winter 2014/2015 im Fach Medienproduktion für alle Fachrichtungen zum Thema HTML5. Ich werde dabei auch versuchen, mögliche Prüfungsfragen einzugrenzen.

AP Mediengestalter Sommer 2014 – Schwerpunkte veröffentlicht

Veröffentlicht am von Thomas A. Reinert

Der ZFA hat heute die Prüfungsschwerpunkte Mediengestalter für die Abschlussprüfung der Sommer 2014 veröffentlicht. Ein Beispiel für eine solche AP hat der ZFA vor einiger Zeit einmal unter folgendem Link veröffentlicht. Anbei wie immer eine Liste der Themen zu denen ihr hier in Kürze (voraussichtlich, so ich die Zeit finde) mehr finden werdet. Von hier aus…

Mockup / Prototype / Entwurf erstellen – MGDP Digital Praktische AP Winter 2013 / 2014

Veröffentlicht am von Thomas A. Reinert
Style Tiles für Photoshop

Aufgabenteil a.) der Abschlussprüfung Winter 2013/2014 für Mediengestalter Digital und Print, Fachrichtung Digital sieht die Entwicklung eines Entwurfs einer responsiven Website einschließlich Navigationskonzepts für die drei Viewports 480px, 768px und 1280px Breite vor.  Die Bewertung für die Gestaltung hat hierbei den Faktor 25, ist also entsprechend hoch angesetzt. In meinem persönlichen Workflow ist nicht vorgesehen,…

Meine Sublime Text 2 Plugin Favoriten – November 2013

Veröffentlicht am von Thomas A. Reinert
Sublime Text 2

Sublime Text entwickelt langsam sich zum Defacto Standard der Codeeditoren – und das aus gutem Grunde! Denn ST bringt nicht nur alle möglichen Funktionen bereits mit, sondern lässt sich auch mit Dutzenden weiterer Plugins erweitern. Anbei eine kleine Liste der meiner Meinung nach hilfreichsten, die ich selbst auch regelmäßig in Gebrauch habe. Solltet ihr Ergänzungen oder…

Bootsnipp.com – Hilfreiche Bootstrap Ressourcen

Veröffentlicht am von Thomas A. Reinert
Bootsnipp Design elements, playground and code snippets for Bootstrap HTML/CSS/JS framework

Eine weitere sehr hilfreiche Website im Bootstrap Universe ist Bootsnipp. Dabei ist Bootsnipp im Prinzip nichts anderes als eine „einfache Liste“ mit Bootstrap Beispielcodes. Neben zahlreichen Codeschnipseln für unterschiedliche Bootstrap-Versionen, unter anderem auch nach Tags sortiert,  bietet die Site außerdem einen interessanten Formular-Builder und einen Button-Generator.