BOING BUMM TSCHAK /// Flyer´n´Posterdesign

30. Dezember 2011 von Patrick Schrödter | Keine Kommentare

bbt_poster2011_2012_preview

Für eine weitere Party im neuen Jahr sollte ich ein Poster /// Flyer erstellen. Hier ist erstmal das Web-Outcome. Sprich, die Version, die fürs WWW genutzt wird. Man kann diese, hier ,  bei Facebook, auf der Seite des Veranstalters, sehen.

Alle Bilder anschauen →

Diese Galerie enthält 2 Bilder

Flash and Love /// Flyer´n´Posterdesign

25. Dezember 2011 von Patrick Schrödter | Keine Kommentare

Flash and Love @ Stellas Hangar Berlin /// 21.1.2012 ab 23:00 Uhr

Ich wurde gebeten, ein Poster für eine, im nächsten Jahr stattfindende, Party zu entwerfen. Natürlich habe ich mich über diesen Auftrag gefreut und auch sofort umgesetzt.

Alle Bilder anschauen →

Diese Galerie enthält 1 Bilder.

artikel_jqmobile_portfolio_01

16. Dezember 2011
von Patrick Schrödter
Keine Kommentare

Mobile Portfolio Site mit JQuery Mobile ///

Da die Zugriffe von Smartphones auf Internetseiten rasant zunehmen, ist es sicherlich keine schlechte Idee, sich auch einmal um die mobile Darstellung zu kümmern. Das hier genutzte WordPress Theme (Yoko 1.0.5 von Elmastudio) ist auch schon komplett “responsive” geschrieben.

Ich wollte mich auch einmal mit diesem interessanten Thema beschäftigen und habe auf Grundlage von JQuery Mobile ein kleines Portfolio erstellt. Das erstellte Script sollte auf allen gängigen Smartphones (IOS, Android, Bada, WebOs, WindowsPhone, BlackBerry, Symbian, MeeGo) korrekt funktionieren. Ich habe ersteinmal nur einfache Methoden, ohne JQuery Befehle, verwendet. Also lediglich HTML und CSS geschrieben. Wie man allerdings erkennen kann, reicht das schon völlig aus, um ein zufriedenstellendes Ergebnis zu bekommen.

H I E R kann man schonmal das Ergebnis sehen.
Der code dazu, sieht so aus:
Weiterlesen →

vorschau

11. Dezember 2011
von Patrick Schrödter
Keine Kommentare

Schöne horizontale Navigation mit CSS3 und HTML5 /// Tutorial

Um zu zeigen, wie leicht es mittlerweile geworden ist, ansprechende Layouts allein mit HTML und CSS zu generieren, beginne ich heute mit einer Tutorial Serie zu diesem Thema. Leider habe ich noch keine Schritt für Schritt Anleitung erstellt, sondern hier lediglich die kommentierte HTML Datei visualisiert und zum Download eingestellt. Es sollte allerdings, mit mittleren HTML und CSS Kenntnissen, möglich sein, zu verstehen, was ich hier geschrieben habe.

Die Navigation nutzt Google Web Fonts, Transparenzen mit RGBA, abgerundete Ecken sowie die CSS Transitions um Übergänge zu animieren. Die Techniken sind vorerst nur in einfachster Weise angewendet. Dies wird sich im laufe der Zeit aber ändern.

Solltet ihr Möglichkeiten finden den Code zu verbessern, dann kommentiert doch bitte den Beitrag.

Weiterlesen →