Podcast
Webdesign-Podcast.de
Hosted by Pascal Bajorat · GERMAN
Webdesign-Podcast.de – Deine Anlaufstelle für Tutorials und Video-Workshops zu Webdesign und Programmierung
42episodes
Episodes
Newest firstAll episodes
Header-Collage
Oct 22, 201000:27:02Tap to summarizeIn diesem Tutorial möchte ich euch erklären, wie ihr eine Collage für den Header eurer Webseite erstellt. Es handelt sich dabei um einen Header, den ihr z.B. für eine Reise- / Urlaubsseite verwenden könnt bzw. durch die in dem Tutorial verwendete Burg eher für ein mystisch wirkendes Portfolio. Natürlich könnt ihr statt der Bug auch etwas anderes nehmen und für euren Zweck anpassen. Ich werde euch zeigen wie ihr einen Wasser-Hintergrund anlegt und eine Insel mit Felsen die aus dem Meer ragen erstellt. Für das Tutorial verwende ich folgende Stockgrafiken aus dem Bildarchiv von StockXchange – sxc.hu: http://www.sxc.hu/photo/1253789 http://www.sxc.hu/photo/1310577 http://www.sxc.hu/photo/1287251 Die Dateien zum Nachbauen findet ihr hier als *.zip Datei (64MB). Es sind zwei *.psd Dateien enthalten, die eine die ich zur Vorschau erstellt habe und die andere die ich während der Podcast-Folge erstellt habe. Tutorial Dateien 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: Webseiten bauen beginnt nicht erst mit HTML & CSS. Sondern mit dem Wissen um den richtigen Einsatz von Text und Bild. Mit dem Wissen um den richtigen Aufbau Ihrer Website, damit Besucher und Suchmaschinen gern vorbeischauen. Mit der passenden Auswahl von Technologie, Webhoster und Werkzeugen. Und mit einem guten Plan für die Umsetzung Ihres Vorhabens. Kurz: Webseiten bauen beginnt mit den Grundlagen. Bei Null. Wie dieses Buch. weitere Informationen… 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: Titel: Header-Collage für Webseite Autor: Sascha Rudolph Länge: ca. 27 Min Dateigröße: 160 MB Video-Podcast in HD 720p über Vimeo ansehen: Header-Collage für Webseite from Pascal Bajorat on Vimeo. Ähnliche Artikel: Verlosung: 4x Photoshop Workshop DVD – Webdesign Rustikale Elemente in Photoshop Panorama mit Photoshop erstellen
Transcribe →Panorama mit Photoshop erstellen
Oct 14, 201000:10:58Tap to summarizeIn diesem Tutorial möchte ich euch zeigen, wie ihr in Adobe Photoshop mehrere Einzelbilder zu einem großen Panorama zusammenfügen könnt. Danach gehe ich noch einmal auf die Nachbearbeitung der Bilder ein um ein perfektes Panorama zu schaffen. 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: Webseiten bauen beginnt nicht erst mit HTML & CSS. Sondern mit dem Wissen um den richtigen Einsatz von Text und Bild. Mit dem Wissen um den richtigen Aufbau Ihrer Website, damit Besucher und Suchmaschinen gern vorbeischauen. Mit der passenden Auswahl von Technologie, Webhoster und Werkzeugen. Und mit einem guten Plan für die Umsetzung Ihres Vorhabens. Kurz: Webseiten bauen beginnt mit den Grundlagen. Bei Null. Wie dieses Buch. weitere Informationen… 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 Podcast-Info: Titel: Panorama mit Photoshop erstellen Autor: Sascha Rudolph Länge: ca. 11 Min Dateigröße: 76 MB Video-Podcast in HD 720p über Vimeo ansehen: Panorama erstellen in Photoshop from Pascal Bajorat on Vimeo. Ähnliche Artikel: CSS Vererbung und Kaskadierung Verlosung: 4x Photoshop Workshop DVD – Webdesign Tipps zur Suchmaschinenoptimierung und Anmeldung
Transcribe →Haare freistellen (Alpha-Kanal) Photoshop
Sep 30, 201000:05:43Tap to summarizeIn diesem Tutorial zeige ich euch, wie Ihr Haare in Photoshop mit Hilfe von Alpha Kanälen freistellen könnt. Wenn man erst einmal weiß, wie das ganze funktioniert es ist schnell gemacht, daher auch nur gut 6 Min Podcast. Zur Demonstrationszwecken verwende ich Stockbilder von sxc.hu Das Download-Paket mit den Beispieldateien folgt heute Abend, bis dahin viel Spaß mit dem Video. Rohmaterial / Stockmaterial von sxc.hu sowie die überarbeitete PSD-Datei Outtakes: Da wir natürlich auch jede Menge Spaß bei der Produktion unserer Podcast-Folgen haben, gibt es in dieser Folge zum ersten Mal ein paar Outtakes. Die Outtakes befinden sich wie gewohnt ganz am Ende der Folge, viel Spaß. Podcast-Info: Titel: Haare freistellen mit Alpha-Kanälen Autor: Sascha Rudolph Länge: ca. 6 Min Dateigröße: 46 MB Video-Podcast in HD 720p über Vimeo ansehen: Haare freistellen mit Photoshop from Pascal Bajorat on Vimeo. Ähnliche Artikel: Icon mit Adobe Photoshop Candy / Plastik Navigation Logo aufbessern in Photoshop (Video)
Transcribe →Candy / Plastik Navigation
Sep 23, 201000:09:18Tap to summarizeIn diesem Tutorial möchte ich euch zeigen, wie ihr mit einfachen Mitteln eine Candy bzw. plastische Navigation erstellen könnt. Dieser Effekt lässt sich natürlich auch auf Buttons oder andere Elemente anwenden. Die Navigation habe ich mit Adobe Photoshop CS 4 erstellt. Das Tutorial zum nachlesen versteckt sich hinter diesem Link, Video gibt es in diesem Artikel Die PSD-Datei zum Tutorial: candy-plastik-navigation.psd Podcast-Info: Titel: Candy / Plastik Navigation mit Photoshop Autor: Pascal Bajorat Länge: ca. 10 Min Dateigröße: 59 MB Video-Podcast in HD 720p über Vimeo ansehen: Candy / Plastik Navigation mit Photoshop from Pascal Bajorat on Vimeo. Ähnliche Artikel: Candy / Plastik Navigation mit Photoshop Icon mit Adobe Photoshop Moderner Werbebanner in Photoshop
Transcribe →Rustikale Elemente in Photoshop
Sep 8, 201000:24:24Tap to summarizeIn diesem Tutorial beschreibe ich, wie ihr in Photoshop rustikale Elemente schaffen könnt. Diese kann für Kopfbereiche (Header), oder als Seitenelemente für Webseiten verwendet werden. Auch in diesem Tutorial werden einige Basics erklärt, die für andere Effekte sehr nützlich sein können. Das Tutorial wurde in Photoshop CS3 erstellt. Alle Dateien, die Ihr zum Nachbauen benötigt, findet ihr hier als *.zip Datei. Sollten ihr dazu noch Fragen haben, könnt ihr uns einfach über unser Kontaktformular oder in der Kommentarfunktion anschreiben. Viel spaß! Das komplette Tutorial zum durchlesen findet ihr hier. Photoshop Dateien und Grundelemente als .zip Datei zum Nachbauen herunterladen 21MB Efeu Stock von sxc.hu Podcast-Info: Titel: Rustikale Elemente in Photoshop Autor: Sascha Rudolph Länge: ca. 25 Min Dateigröße: 76 MB Video-Podcast in HD 720p über Vimeo ansehen: Rustikale Elemente in Photoshop erstellen from Sascha Rudolph on Vimeo. Ähnliche Artikel: Rustikale Elemente in Photoshop erstellen Logo aufbessern in Photoshop (Video) Icon mit Adobe Photoshop
Transcribe →Piwik Analytics
Sep 3, 201000:08:36Tap to summarizeIn dieser Podcast-Folge möchte ich euch die Open-Source (GPL lizenzierte) Echtzeit-Webanalyse-Software Piwik vorstellen. Welche Möglichkeiten bietet die Software und worin bestehen die Vor- bzw. Nachteile zu Google Analytics. Wer weitere Informationen zu Piwik sucht, der kann sich durch den unten verlinkten Artikel lesen. Google Analytics ist eine sehr mächte Analyse Software um die Statistiken einer Webseite auszuwerten. Doch seit einigen Tagen gibt es eine mindestens genau so gute OpenSource Lösung namens Piwik. Piwik ist eine Open-Source (GPL lizenzierte) Echtzeit-Webanalyse-Software, die heruntergeladen werden und auf den eigenen Servern betrieben werden kann. Piwik bietet detaillierte Echtzeit-Berichte über die Besucher Ihrer Website, die genutzten Suchmaschinen und Suchbegriffe, die Sprache, Ihre beliebten Seiten, Herkunftsländer, SEO Ränge, und vieles mehr. Piwik lässt sich komfortable über ein Installations-Script innerhalb von 5-Minuten installieren… Den Artikel zu Piwik weiterlesen Podcast-Info: Titel: Piwik Analytics Autor: Pascal Bajorat Länge: ca. 9 Min Dateigröße: 76 MB Video-Podcast in HD 720p über Vimeo ansehen: Piwik Analytics, die OpenSource alternative zu Google Analytics from Pascal Bajorat on Vimeo. Ähnliche Artikel: Piwik die OpenSource alternative zu Google Analytics Suchmaschinenranking der eigenen Webseite ermitteln und optimieren Eigenen Firefox Theme erstellen
Transcribe →SASS – CSS Tag
Aug 26, 201001:00:49Tap to summarizeWie 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. Webdesign-Podcast.de mitmachen 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. Ähnliche Artikel: Syntactically Awesome Stylesheets (SASS) CSS Vererbung und Kaskadierung CSS Vererbung und Kaskadierung (Teil 2)
Transcribe →CSS Vererbung und Kaskadierung
Aug 18, 201000:47:47Tap to summarizeAm 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: https://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. Ähnliche Artikel: Icon mit Adobe Photoshop Logo aufbessern in Photoshop (Video) Conditional Comments verwenden
Transcribe →Icon mit Adobe Photoshop
Jul 27, 201000:11:13Tap to summarizeIn diesem Podcast erkläre ich euch, wie man in Adobe Photoshop ganz schnell und einfach, ein Icon im 3D Look erstellt. Dafür benutze ich unterschiedliche Verläufe, Abwedler und Nachbelichter. Datein zum Podcast 4 (PSD-Datei) Podcast-Info: Titel: Icon mit Adobe Photoshop Autor: Sascha Rudolph Länge: ca. 11 Min Dateigröße: 45 MB Video-Podcast in HD 720p über Vimeo ansehen: Icon in Adobe Photoshop from Sascha Rudolph on Vimeo. Ähnliche Artikel: Logo aufbessern in Photoshop (Video) Logo aufbessern in Photoshop Accordion mit jQuery
Transcribe →Accordion mit jQuery
Jul 20, 201000:19:12Tap to summarizeDie jQuery Library ist eine der beliebtesten JavaScript Frameworks der Webwelt. Ich möchte euch im Laufe der Zeit langsam in die Funktionen des jQuery Frameworks einführen. Wir fangen mit einer der einfachsten Funktionen an die oft überschätzt wird. Das Accordion ist eine beliebte Möglichkeit um Content aufzugliedern und zu kategorisieren, oft werden hierzu schwere Geschütze in Form von 50-100kb großen Scripten aufgefahren. Doch dies ist in der Regel gar nicht nötig, denn wer sich sein kleines Accordion selber baut benötigt dazu nur ca. 8 Zeilen JavaScript bzw. jQuery Code. Wie genau das funktioniert erkläre ich euch in dieser Podcast Folge. Hier findet Ihr die ganze Prozedur noch einmal als Text Tutorial. JavaScript Daten zum Podcast 3 Podcast-Info: Titel: Accordion mit jQuery Autor: Pascal Bajorat Länge: ca. 19 Min Dateigröße: 89 MB Podcast als *.mp4 (QuickTime Player) Datei laden Video-Podcast in HD 720p über Vimeo ansehen: Accordion mit jQuery from Pascal Bajorat on Vimeo. Ähnliche Artikel: Einfaches Accordion mit jQuery Fonts in Webseiten einbinden CU3ER – Der Zauberwürfel
Transcribe →