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

HTML5 & CSS3 Video-Training

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

Wie ihr vielleicht wisst, habe ich bereits einige DVD-Produktionen hinter mir. Dazu zählen unter anderem die Webdesign-Workshop DVD, Webdesign-Workshop DVD Vol. 2, sowie die Photoshop-Workshop-DVD – Effekte für Typo, Layout & Foto – Vol. 2. All diese DVD’s sind wunderbare Lernmittel, an denen ich und einige weitere Autoren mitgewirkt haben.

Das neue achtstündige HTML5 & CSS3 Video-Training ist nun das erste, dass ich als alleiniger Autor erstellt habe, daher möchte ich euch die DVD in diesem Artikel gerne kurz vorstellen und ein Training davon zum ausprobieren und antesten zeigen.

Als erstes fangen ich einmal damit an, was diese Lern-DVD / Video-Training von denen anderer unterscheidet. Ich selber mache mir bei solchen Projekten auch immer Gedanken, wie man bestimmte Sachen am Besten lernen kann. Letztendlich stand für mich fest, dass man am einfachsten lernen kann, wenn man den Einsatz von HTML5 und CSS3 nicht in Einzelnen kleinen Videos sieht, sondern in zusammenhängenden Praxis-Projekten.
weiterlesen…

Komplette Webseite in HTML5 und CSS3 programmieren + AJAX Funktionen – Tutorial

verfasst von Pascal Bajorat, veröffentlicht am 04.07.2011 und 16 mal kommentiert

In diesem Video-Training zeige ich euch wie ihr eine komplette Webseite in HTML5 und CSS3 umsetzt. Dabei fange ich von grundauf mit der PSD-Datei an. Wenn wir die Webseite in HTML5 und CSS3 Programmiert haben, zeige ich euch wie ihr über die Tab-Navigation der Webseite neue Inhalte via AJAX einladen könnt ohne das die eigentliche Seite verlassen werden muss.

Neben dem AJAX Content Loader wird noch ein netter Animations-Effekt programmiert, der die neuen Inhalte ansprechend in die Seite lädt.

Als Basis für dieses Video-Training steht ein Design für eine Hebamme von Matthias Petri. Das Video Training stammt von der neuen PSD-Tutorials.de Webdesign Workshop DVD Vol. 2 und soll euch einen Einstieg in die Möglichkeiten von HTML5 und CSS3 bieten.

Wenn ihr weiteres Lernmaterial zu moderner Webentwicklung sucht, dann kommt ihr um die neue DVD kaum herum, also einfach einmal anschauen: PSD-Tutorials.de Webdesign Workshop DVD Vol. 2. Ich habe die DVD bereits vor ein paar Wochen in einem ausführlichen Artikel vorgestellt.

Podcast Info:
Titel: Komplette Webseite in HTML5 und CSS3 programmieren + AJAX Funktionen
Autor: Pascal Bajorat
Länge: 81 Min
Dateigröße: 360 MB
Beschreibung: In diesem Video-Training möchte ich euch zeigen, wie ihr eine komplette Webseite auf HTML5- und CSS3-Basis umsetzen könnt. Dabei verwenden wir natürlich nicht nur den neuen HTML5-Doctype, sondern auch einige der neuen HTML5-Tags und CSS3-Funktionen wie box-shadow, border-radius, text-shadow usw. Zusätzlich zeige ich euch, wie Ihr die Seite komplett auf AJAX-Basis aufbauen könnt. Das heißt: Content wird mittels AJAX geladen und nicht, indem man eine komplett neue HTML-Seite aufruft. Für die Umsetzung mit HTML5 und CSS3 verwende ich das HTML5Boilerplate: http://html5boilerplate.com/

Alle Arbeitsdateien zu dem Video-Training gibt es auf der neuen PSD-Tutorials.de Webdesign Workshop DVD Vol. 2

Anzeige - Hier werben…

Großes Gewinnspiel – 1 Jahr Webdesign Podcast – Wir feiern Geburtstag

verfasst von Pascal Bajorat, veröffentlicht am 15.05.2011 und 12 mal kommentiert

Es ist nun genau ein Jahr her, dass Sascha und ich auf die Idee zum Webdesign-Podcast.de gekommen sind, diesen ersten Geburtstag möchten wir mit euch feiern und zwar mit einem großen Gewinnspiel, mit vielen Preisen in einem Gesamtwert von über 500€. Sascha und ich haben ein kleines Video aufgenommen in dem wir das vergangene Jahr noch einmal Revue passieren lassen.

Als erstes sollte natürlich die Frage geklärt werden was es zu gewinnen gibt:

Video2Brain

• 2x eine Power-Workshops: Webdesign mit Photoshop DVD – Produktseite
• 1x Online Training – WordPress – Websites mit WordPress umsetzen und pflegen – Produktseite
• 1x Online Training – Contao – Dynamische Websites mit dem Open Source CMS – Produktseite
• 1x Online Training – Die Website – Design und Programmierung lernen – Produktseite
• 1x Online Training – Dreamweaver CS5 – Produktseite

PSD-Tutorials.de

• 2x eine Photoshop-Workshop-DVD – Webdesign – Produktseite
• 2x eine CINEMA 4D-Workshop-DVD – Produktseite

Smashing Magazine

• 3x ein The Smashing Book #2 – Produktseite

Webstandards-Magazin

• 3x ein Jahres-Abos – Produktseite

An dieser Stelle noch einmal vielen Dank an die Sponsoren unseres Gewinnspiels.

Am Gewinnspiel teilnehmen

Die Teilnahme an dem Gewinnspiel ist relativ einfach, ihr habt zwei Möglichkeiten und dürft auch beide nutzen um eure Gewinnchance zu verdoppeln:

Via Facebook teilnehmen:
Werdert Fan unserer Facebook Fanpage und schreibt einen Eintrag auf die Pinnwand in dem ihr uns entweder Feedback zum Webdesign-Podcast.de direkt gebt oder sagt warum ihr einen der Preise haben möchtet. Dabei solltet ihr in jedem Fall anmerken welchen der Preise ihr gerne gewinnen möchtet, des Weiteren würden wir uns freuen wenn ihr noch den folgenden “gefällt mir” Button anklickt.

Via Twitter teilnehmen:
Folgt uns auf Twitter @webdesigncast und schreibt einen kurzen Tweet mit einem Hinweis auf dieses Gewinnspiel, der Tweet sollte am Ende mit einem @webdesigncast versehen werden, damit wir eure Tweets sehen.

Für weitere Informationen einfach einmal das Video oben ansehen.

Das Gewinnspiel läuft bis zum 16.06.2011 23:59 Uhr.

Wir wünschen euch viel Spaß und Glück.

 
weiterlesen…

Interessante Online-Tools für Webdesigner

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

In dieser kurzen Video-Podcast Folge möchte ich euch gerne drei interessante Online-Tools für Webdesigner vorstellen. Zwei davon habe ich die vergangenen Wochen bereits im Blog selbst vorgestellt.

Bei dem einen Tool handelt es sich um das von mir entwickelte my code stock.com – Hier der Artikel: my code stock.com Public Beta – Code Verwaltung / Management und Sicherung

Das andere Tool ist prefixmycss.com, hier der entsprechende Artikel: Schneller CSS3 für alle Browser schreiben mit CSS3 Prefix Generator (Webservice)

Bei dem dritten Tool handelt es sich um einen netten Online-Generator für CSS3-Codes (css3generator.com)

Podcast Info:
Titel: Interessante Online-Tools für Webdesigner
Autor: Pascal Bajorat
Länge: 6 Min
Dateigröße: 60 MB

Microsoft Internet Explorer 9 ist da

verfasst von Pascal Bajorat, veröffentlicht am 16.03.2011 und 2 mal kommentiert

Am gestrigen Dienstag hat Microsoft den neuen Internet Explorer 9 veröffentlicht. Der unter den Webentwicklern eher verpönte Browser macht in der neuen Version einige große Schritte nach vorne. Microsoft scheint begriffen zu haben, dass es sich bei einem Webbrowser um eine wichtige Komponente des Betriebssystems handelt, die nicht vernachlässigt werden darf.

Der IE 9 kommt mit einer deutlich schnelleren JavaScript Engine daher, einer besseren Unterstützung von modernen Webstandards in Form von HTML5 und CSS3 und einer Hardwarebeschleunigung für schnellere Seitendarstellung. Gerade die Unterstützung der aktuellen Webstandards ist ein interessantes Thema, denn Microsoft hat diese zu Ungunsten der Abwärtskompatibilität von älteren Webseiten integriert. Das ist für Webentwickler nun nicht wirklich ein schock, denn vom Standpunkt eines Entwicklers sollten Webseiten sowieso einer gewissen Modernität entsprechen, aber das ist nicht immer der Standpunkt von Microsoft gewesen. Bereits im Internet Explorer 7 und 8 gab es Tools um eine bessere Abwärtskompatibilität zu gewährleisten, die Kompatibilitätsansicht, auch im Internet Explorer 9 ist dieser Modus wieder vorhanden.

weiterlesen…

WordPress 3.1 MultiSite / Blognetzwerk Installation

verfasst von Pascal Bajorat, veröffentlicht am 16.03.2011 und 56 mal kommentiert

WordPress bietet einen MultiSite / Blognetzwerk Installations-Modus, dieser ermöglicht es mehrere Seiten mit nur einer WordPress Installation zu verwalten. Dabei hat jede Seite ein eigenes Dashboard und funktioniert auch an sich wie ein eigenständiger Blog. Dieser Modus erleichtert dabei die Wartung der entsprechenden Blogs ungemein, denn es muss nur noch eine WordPress Installation gepflegt werden, dass heißt:

• Für viele Seiten nur noch ein WordPress Update
• Plugins müssen nur noch einmal installiert und geupdatet werden und sind in allen Seiten verfügbar
• Ein WordPress Backend für alle Seiten

In dieser Podcast-Folge möchte ich euch zeigen, wie ihr WordPress im MultiSite / Blognetzwerk Modus installiert.

Wer das ganze noch einmal nachlesen möchte findet den entsprechenden Artikel hier: WordPress Multisite (MU) installieren und konfigurieren

Dieser Podcast ist die 18 Folge vom Webdesign-Podcast.de und gleichzeitig auch das erste Video-Training auf WordPressTutorials.de

Podcast Info:
Titel: WordPress 3.1 MultiSite / Blognetzwerk Installation
Autor: Pascal Bajorat
Länge: 16 Min
Dateigröße: 107MB

WordPress 3.1 MultiSite Installation from Pascal Bajorat on Vimeo.

In diesem Video erkläre ich euch, wie ihr WordPress in der Version 3.1 im MultiSite Modus installieren und verwenden könnt.