Webdesign-Podcast.de

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:

Für alle HTML5 & CSS3 Interessierten gibt es hier einen weiteren Einblick in CSS3 und zwar: HTML5 & CSS3 Video-Training – Animationen mit CSS3. Ich wünsche euch viel Spaß mit den Video-Podcast Folgen und hoffentlich auch dem HTML5 & CSS3 Video-Training.

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

Eine Video zur Design-Erstellung gibt es hier: Website im kinderfreundlichen Look & Feel

Ähnliche Artikel:

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

PSD-Tutorials.de

Smashing Magazine

Webstandards-Magazin

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

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:

Via Twitter teilnehmen:

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.

Jetzt video2brain-Abo bestellen und ein Jahr vollen Zugriff auf alle Trainings genießen

Das Trainingsabonnement von video2brain (www.video2brain.com), dem führenden Anbieter hochwertiger, video-basierter Seminare, eröffnet ein Jahr lang unbeschränkten Zugang zu allen Originaltrainings – in komplettem Umfang und mit vollständiger Funktionalität. Aktuell stehen Ihnen als Abonnent über 480 videobasierte Seminare zur Verfügung und es kommen mehrmals im Monat aktuelle Inhalte dazu. So können Abonnenten jederzeit und überall ihr Können bedarfsgerecht erweitern und aktuell halten – mit wertvollem Wissen zu einem günstigen Einführungspreis.

Die Trainingsabonnements präsentieren ausschließlich Originalinhalte in bewährter video2brain-Qualität – führend in Technologie und Methodik sowie bei der Kompetenz der Trainer. Das Themenspektrum wird ständig erweitert und bietet derzeit Praxiswissen und Expertentipps für Kreativanwender, Fotografen, Softwareentwickler, Büroanwender, IT-Fachleute und technische Berufe. Die Standardvariante des Abonnements umfasst uneingeschränkte Online-Nutzung, die Premiumvariante zusätzliche Downloadmöglichkeit und Begleitmaterialien.

Die Trainingsabonnements bieten auf mehrfache Weise Investitions- und Planungssicherheit, denn die uneingeschränkt zugängliche video2brain-Trainingsbibliothek macht fit für die Zukunft. Neue Anforderungen erfüllen oder Qualifikationen erhöhen? Innerhalb der Abonnementslaufzeit geht das ohne Zusatzkosten. Sollen mehr Mitarbeiter trainieren können? Dann bleiben die Kosten klar kalkulierbar und in einem günstigen Rahmen. Wer neue Software testen möchte ohne gleich in teure Originalprogramme zu investieren, kann vorab anhand der Kurse das Leistungsvermögen und die Praxisrelevanz bestimmter Anwendungen recherchieren.

Die Trainingsabonnements ermöglichen selbstbestimmtes Lernen ohne Grenzen. Die Lernenden können selbst entscheiden, was für sie in ihrer persönlichen Situation wichtig ist, auch wenn dieses Wissen über mehrere Kurse hinweg verteilt ist. So lassen sich persönliche Ambitionen in die Tat umsetzen, Wissensvorsprung erarbeiten und Wettbewerbsvorteile erzielen – und gleichzeitig kommt die Freude am Lernen nicht zu kurz.

Premium-Abo: Zugriff auf alle DVD- und Online-Trainings inkl. Download und Rohmaterial:  298,-

Standard-Abo: Zugriff auf alle DVD- und Online-Trainings: 198,-

EDU-Abo: Zugriff auf alle DVD- und Online-Trainings für Schüler, Studierende, Auszubildende, Lehrer oder Professoren: 98,-

Ähnliche Artikel:

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:

Ähnliche Artikel:

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.

Nichtsdestotrotz ist der Internet Explorer 9 ein wichtiger und meiner Meinung nach auch guter Schritt in die Zukunft im Browser-Markt, ich habe den IE 9 zum surfen getestet und muss zugeben, dass er sich bis jetzt ganz gut geschlagen hat.

Beim ACID 3 Test schafft der Internet Explorer 9 ein Ergebnis von 95 von 100 Punkten zum Vergleich Google Chrome und Opera bringen es auf 100. Der Internet Explorer 8 fiel bei dem Test gänzlich durch und erreichte nur 20 Punkte, aus dieser Sicht ein großer Fortschritt.

Hier ein kleines Video des Internet Explorer, er durchläuft die ACID 1-3 Tests und das SunSpider JavaScript Benchmarking:

Microsoft Internet Explorer 9 from Pascal Bajorat on Vimeo.

In dem zweiten Video gehe ich kurz auf ein paar Funktion des Internet Explorer 9 ein und stelle ihn euch vor:

Microsoft Internet Explorer 9 – Testbericht from Pascal Bajorat on Vimeo.

Weitere lesenswerte Testberichte, Videos und Bilder gibt es in dem Artikel von Golem.de

Ähnliche Artikel:

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:

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

Du möchtest noch mehr über WordPress erfahren und lernen? Dann schau dir doch einmal mein achtstündiges WordPress-Video-Training an. Es behandelt die verschiedensten Themen rund um WordPress praxisnah und gut verständlich, wie z.B. Theme-Erstellung, MultiSite / Blognetzwerk, eigene Plugins, Custom-Post-Types, Suchmaschinenoptimierung und vieles mehr: WordPress-Video-Training von Pascal Bajorat

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

Podcast Info:

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.

Ähnliche Artikel:

Hier ist ein netts Tutorial von Patrick Lohmann, der die folgende Podcast-Folge als Gastautor / Podcaster für uns aufgenommen hat: Schoko-Text mit Bisskante – Photoshop

Arbeitsdatei als PSD-File (205kb)

Podcast Info:

Photoshop: Schoko-Text from Pascal Bajorat on Vimeo.

Über den Autor:

Text aus Steinen erstellen

Ähnliche Artikel:

Die Integration von Sozialen Netzen in Webseiten zeigt sich stetig wachsender Beliebtheit und mittlerweile auch Notwendigkeit. Dies lässt sich alleine schon anhand dessen fest machen, dass die vier Artikel zur Integration von Social Networks auf dieser Webseite auch die meistgelesensten Artikel generell sind.

Besonders die drei Artikel in denen es um die Integration direkt geht sind bei auch so beliebt, dass ich mich entschlossen habe, die wichtigsten Aspekte dieser drei Artikel in einem Podcast festzuhalten. Wer tiefergreifende Informationen möchte, der klickt sich zusätzlich einfach durch die Linkliste (oben).

Podcast Info:

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

Social Media Integration in Webseiten from Pascal Bajorat on Vimeo.

Ähnliche Artikel:

In dieser Podcast-Folge möchte ich euch einige Techniken zur Optimierung der Ladezeit von Webseiten zeigen. Die Techniken sind einfach einzusetzen und effizient, des Weiteren erzähle ich euch ein paar Worte über das neue Apache Modul von Google: mod_pagespeed.

Nach unten springen, um das Video zu sehen.

Googles mod_pagespeed umfasst mehrere Anpassungen der Apache Konfiguration, die das Laden von Webseiten beschleunigen sollen. Dadurch werden Optimierungen umgesetzt, die Google seit geraumer Zeit im Rahmen seiner Pagespeed-Initiative propagiert. Das Apache Modul steht unter einer Open Source Lizenz und ist somit für jeden frei nutzbar. Jeder der über einen eigenen Root-Server verfügt, kann das Modul z.B. als rpm ganz einfach installieren. Wer seine Webseite auf einem Shared-Webspace hostet, hat es hier nicht ganz so einfach, denn in diesem Fall seid ihr auf euren Hoster angewiesen und das er dieses Modul installiert. mod_pagespeed Video auf YouTube

Kommen wir nun zu den Optimierungs-Möglichkeiten die ihr relativ einfach für eure eigene Webseite umsetzen könnt:

Ein HTTP-Request ist eine einfache Anfrage an den Webserver z.B. eine GET oder POST Methode. Anders gesagt, wenn ihr z.B. eine CSS oder JavaScript Datei via oder

Der erste Podcast von Tobias: In dieser Podcast-Folge möchte ich euch zeigen wie einfach ihr mit Photoshop einen Pastel-Look/Cross-Process Look erzeugen könnt.

Ich erkläre euch dabei 2 Methoden. Einmal die Erstellung über die Einstellungsebenen und zusätzlich mit fertigen Settings aus einem Filter von NIK-Software.

Das Video ist nicht das einzige was Ihr dazu bekommt, es gibt zusätzlich auch noch die Bearbeitung der Bilder als Aktion, sodass ihr ganz einfach die gezeigten Effekte nachmachen könnt und natürlich auch verändern könnt.

Die Aktion könnt ihr ganz einfach durch einen Doppelklick auf die Datei installieren und somit nutzen. Bei Fragen und Problemen meldet euch bitte in den Kommentaren:

Aktionen herunterladen (4Kb)

Podcast Info:

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

Pastel-Look/Cross-Process Look from Pascal Bajorat on Vimeo.

Ähnliche Artikel:

In diesem Tutorial möchte ich euch zeigen wie ihr eine einfache Navigation in Photoshop erstellen könnt. Die Navigation ist vom Stil her so angelegt, dass ihr relativ einfach auch mit anderen Farbkombinationen experimentieren könnt.

Hier könnt ihr die Beispieldateien herunterladen…

In Kooperation mit Terrashop präsentieren wir euch in dieser Podcast-Folge das Buch Little Boxes Teil 0 von Peter Müller erschienen im Verlag Markt und Technik.

Auszug aus dem Buch:

Das Buch könnt ihr bei Terrashop im Rahmen einer Aktion für 4,95€ bekommen anstatt der üblichen 17,95€, da kann man also nicht viel falsch machen -> Little Boxes Teil 0 auf Terrashop.de ansehen

Ein Exemplar des Buches könnt ihr hier bei uns im Rahmen einer Verlosung gewinnen.

Podcast-Info:

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

Navigation erstellen in Photoshop from Pascal Bajorat on Vimeo.

Ähnliche Artikel: