Webdesign-Podcast.de - Podcast für Webdesigner und Grafiker - Bildbearbeitung, Photoshop, Flash, JavaScript, PHP, HTML, CSS

Eigene CSS-Dateien (Systemweiche/Browserweiche) für Desktop-Computer, Smartphones (iPhone, Android, ect.) und Tablet-PCs (iPad)

verfasst von Pascal Bajorat, veröffentlicht am 20.05.2011 und noch nicht kommentiert

In diesem Tutorial möchte ich euch zeigen, wie ihr mittels CSS @media extra StyleSheets für Desktop-Browser, Smartphones (iPhone, Android, WebOS, ect. – Geräte) und Tablet-Computer (speziell iPad) anlegen könnt. Mittels dieser Methode könnt ihr ein und denselben HTML / CSS Code für alle Geräte optimieren. Fälschlicherweise bezeichnen viele diese @media Einbindungen als CSS-Browserweiche, dabei ist es eher eine Systemweiche, wenn man es überhaupt so nennen kann.

Jedenfalls tun sich durch diese Variante einige Vorteile für euch auf:

• einfachere Optimierung von mobilen Seiten, da keine extra mobile Seite angelegt werden muss
• alles in einer CSS, die Codes können so aufeinander aufbauen

Wie genau das mit @media funktioniert möchte ich euch nun zeigen:
weiterlesen…

960 Grid Raster

verfasst von Sascha Rudolph, veröffentlicht am 15.09.2010 und 6 mal kommentiert

Was ist eigentlich 960 Grid?
960 Grid ist einfach gesagt ein Raster Framework für Web-Layouts in z.B Photoshop o.ä Grafik-Programmen. Erstellt wurde dieses Raster von Nathan Smith.

Raster, den Begriff habe ich immer mit unschönen und langen Nachbearbeitungen verbunden. Doch eigentlich ist es genau das Gegenteil. Es ist effektiv, schnell und einfach. Der Begriff Raster schwappt immer mehr vom Druck in den Digital-Bereich über. Was im Druck heutzutage völlig normal ist, muss sich im Web erst noch etablieren. Mit 960 Grid System ist man schonmal auf dem richtigen Weg, effektiv rasterorientierte Web-Layouts zu gestalten.

Damals dachte ich persönlich noch, dass mich Raster in meiner gestalterischen Freiheit einschränken. Sicherlich muss oder kann man diese Raster nicht für jedes Layout verwenden, dies wäre auf Dauer vielleicht auch etwas langweilig. Doch für professionelle Seiten ist solch eine durchstrukturierte Aufbauweise gar nicht verkehrt!

weiterlesen…

Anzeige - Hier werben…

Coole Navigationen in modernen Layouts

verfasst von Sascha Rudolph, veröffentlicht am 10.09.2010 und 2 mal kommentiert

Im Internet gibt es ja eine vielzahl von echt coolen Seiten. In diesem Beitrag möchten wir aber nicht auf die Seiten eingehen, sondern auch um das wichtigste Element überhaupt – Die Navigation. Wir möchten euch einige sehenswerte Navigationsideen vorstellen.

Wenn Ihr persönlich noch Seiten kennt, die besonders Empfehlenswert sind, was das Navigationsdesign angeht, dann schreibt sie uns doch einfach über die Kommentarfunktion! Wir freuen uns auf jeden Beitrag. Nun aber viel spaß beim Inspirieren lassen!

weiterlesen…

SASS – CSS Tag

verfasst von Pascal Bajorat, veröffentlicht am 26.08.2010 und 3 mal kommentiert

Wie schon im vorherigen Beitrag (CSS Vererbung und Kaskadierung) beschrieben, haben wir euch ein wenig über den CSS Tag von Tschitschereengreen am 7. August 2010 in Dresden berichtet.

In diesem Artikel geht es um den zweiten Teil – Syntactically Awesome Stylesheets (SASS) von Christian Kaula. Ein Paar Informationen zum Autor gibt es natürlich wieder vorweg:

Christian Kaula ist Diplom-Informatiker und bezeichnet sich selbst als “Lazy (Fauler) Coder”. Dies ist aber nicht als Nachteil zu sehen, ganz im Gegenteil, denn dadurch entdeckt er immer wieder interessante Tools, die Ihm, und auch Programmierern das Leben einfacher machen. Nach diesem kurzen Einstieg fangen wir jetzt an. Viel Spaß!

Wir suchen für unseren Blog und Podcast Projekt Webdesign-Podcast.de Redakteure für den Blogbereich, wie auch für den Screencast

Du bist begeisterter Webdesigner und kennst dich mit Layout-Programmen oder mit der Programmierung von Webseiten gut aus und möchtest dein Wissen nicht nur im dunklen Kämmerchen hüten? Dann bist du genau der richtige um uns bei unserem Webdesign-Podcast.de Projekt zu unterstützen.

Wir möchten mit unserem Projekt Anfänger wie auch Profis in Sachen Webdesign immer wieder neue und interessante Themen liefern und kostenlose Weiterbildungs- und Lernmöglichkeiten schaffen. Hier erfährst du alles weitere…

Den Artikel zu dieser Podcast Folge findet ihr hier.

Du kannst die Präsentation auch im Original Vortrags PDF mit verfolgen. PDF hier downloaden!

Podcast-Info:
Titel: Syntactically Awesome Stylesheets (SASS)
Autor: Pascal Bajorat
Vortrag von: Christian Kaula
Länge: ca. 61 Min
Dateigröße: 154 MB

Video-Podcast in HD 720p über Vimeo ansehen:

Syntactically Awesome Stylesheets (SASS) from Pascal Bajorat on Vimeo.

Syntactically Awesome Stylesheets (SASS)

verfasst von Sascha Rudolph, veröffentlicht am 26.08.2010 und 1 mal kommentiert

Wie schon im vorherigen Beitrag (CSS Vererbung und Kaskadierung) beschrieben, haben wir euch ein wenig über den CSS Tag von Tschitschereengreen am 7. August 2010 in Dresden berichtet.

In diesem Artikel geht es um den zweiten Teil – Syntactically Awesome Stylesheets (SASS) von Christian Kaula. Ein Paar Informationen zum Autor gibt es natürlich wieder vorweg:

Christian Kaula ist Diplom-Informatiker und bezeichnet sich selbst als “Lazy (Fauler) Coder”. Dies ist aber nicht als Nachteil zu sehen, ganz im Gegenteil, denn dadurch entdeckt er immer wieder interessante Tools, die Ihm, und auch Programmierern das leben einfacher machen. Nach diesem kurzen Einstieg fangen wir jetzt an. Viel Spaß!

Wir empfehlen euch, diesen Blog Beitrag in Kombination mit unserem Audio Podcast – Syntactically Awesome Stylesheets (SASS) – zu lesen.

Du kannst die Präsentation auch im Original Vortrags PDF mit verfolgen. PDF hier downloaden!

weiterlesen…

CSS Vererbung und Kaskadierung

verfasst von Pascal Bajorat, veröffentlicht am 18.08.2010 und 4 mal kommentiert

Am 07.08.2010 waren wir zu Gast zum CSS Tag von Tschitschereengreen in Dresden. Es standen zwei Vorträge auf dem Programm. Der Erste behandelte die Thematik der Vererbung und Kaskadierung in CSS, der zweite das CSS-Framework SASS.

In dieser Podcast-Folge möchten wir euch die Aufnahmen aus dem ersten CSS-Vortrag Vererbung und Kaskadierung bereitstellen. Gehalten wurde dieser von:

Regine Heidorn
Ausbildung: SAE Berlin Multimedia Creative Diploma
Abschlussarbeit: CSS und Barrierefreiheit
Seit 2006 selbständig

Ihr findet alle Informationen zu diesem Vortrag auch noch einmal in schriftlicher Form in unserem Blog:
http://www.webdesign-podcast.de/2010/08/18/css-vererbung-und-kaskadierung-2/

Leider ist die Ton-Qualität vom Vortrag nicht die Beste, dafür möchten wir uns im voraus bei euch entschuldigen.

Du kannst die Präsentation auch im Original Vortrags PDF mit verfolgen. PDF hier downloaden!

Podcast-Info:
Titel: Icon mit Adobe Photoshop
Autor: Pascal Bajorat
Vortrag von: Regine Heidorn
Länge: ca. 48 Min
Dateigröße: 125 MB

Video-Podcast in HD 720p über Vimeo ansehen:

CSS-Tag in Dresden (Vererbung & Kaskadierung) from Pascal Bajorat on Vimeo.