Thumbnail for #71: Building a Website (1 of 3): Photoshop Mockup

#71 Aufbau einer Website (1 von 3)

Laufzeit: 59:50

Dies ist der Beginn einer dreiteiligen Serie zum Erstellen einer Website. Dies wird eine echte Website für einen befreundeten Musiker sein, dessen Website ich zufällig bei einem routinemäßigen WordPress-Upgrade ruiniert habe. In Teil 1 beginnen wir …

Screencast ansehen
Thumbnail for #70: Random Pet Peeves

#70 Zufällige Ärgernisse

Laufzeit: 30:55

Ich gehe einfach zufällig ein paar kleine Ärgernisse und Beschwerden durch, die ich mit allem habe, von OS X über Photoshop bis hin zu WordPress und CSS. Ich habe mir noch etwa 5 weitere einfallen lassen, sobald ich fertig war, aber ich werde Sie verschonen!…

Screencast ansehen
Thumbnail for #69: First Ten Minutes with TypeKit

#69 Erste zehn Minuten mit TypeKit

Laufzeit: 13:42

Ich habe die Einladung von TypeKit erhalten, mich angemeldet und in wenigen Minuten wunderschöne benutzerdefinierte Schriftarten auf meiner Seite zum Laufen gebracht. Ich zeige Ihnen den gesamten Prozess von Anfang bis Ende und gehe auch auf die Vor- und Nachteile ein.…

Screencast ansehen
Thumbnail for #68: Think Geek Background Fade Technique

#68 Think Geek Hintergrund-Fade-Technik

Laufzeit: 22:19

Dieses Video demonstriert die Technik, die auf der Think Geek 3.0-Website zu sehen ist. Am unteren Rand der Website befindet sich ein Design mit vielen Robotern, und wenn der Bildschirm nach unten gescrollt wird, verblassen die Farben zu Schwarz und …

Screencast ansehen
Thumbnail for #67: jQuery Part 3 – Image Title Plugin

#67 jQuery Teil 3 – Bildtitel-Plugin

Laufzeit: 33:56

Dieses Video konzentriert sich darauf, eine bereits vorhandene Idee und Code in ein jQuery-Plugin zu verwandeln. In diesem Fall hilft es, unseren Code so semantisch wie möglich zu halten, und mit ausgeschaltetem JavaScript degradiert es schön. Wir behandeln …

Screencast ansehen
Thumbnail for #63: On Screencasting

#63 Über Screencasting

Laufzeit: 41:24

Dies ist ein Blick hinter die Kulissen, wie ich Screencasts erstelle und verteile. Ich gehe auf die Hardware und Software ein, die ich verwende, wie sie zusammengestellt wird und in welchen Größen/Formaten sie warum gespeichert wird. …

Screencast ansehen
Thumbnail for #61: Basic Table Styling with CSS

#61 Grundlegendes Tabellen-Styling mit CSS

Laufzeit: 41:17

Tabellen sind großartig. Sie eignen sich perfekt für die Verwendung im Web. Das heißt, **zur Anzeige tabellarischer Daten!** In diesem Screencast behandeln wir, was das eigentlich bedeutet, schauen uns eine Tabelle, den Markup, der sie erstellt, Eigenheiten und …

Screencast ansehen
Thumbnail for #60: AJAX Refreshing RSS Content

#60 RSS-Inhalt per AJAX aktualisieren

Laufzeit: 22:56

In Video #55 war das Endergebnis FeedSmusher, das Inhalte von externen RSS-Feeds auf einer eigenen Seite einfügte. In diesem Screencast beginnen wir dort und verwenden AJAX (mit Hilfe von jQuery), um diesen Inhalt zu aktualisieren …

Screencast ansehen
Thumbnail for #59: Embedding Audio

#59 Einbetten von Audio

Laufzeit: 23:26

Ein Bild auf einer Webseite einzubinden ist einfach, Audiodateien, nicht so sehr. HTML5 wird es so einfach machen, wie es sein sollte, aber bis dahin müssen wir auf andere Methoden zurückgreifen. Dieser Screencast behandelt vier Methoden/Player. Zwei davon verwenden …

Screencast ansehen
Thumbnail for #58: HTML & CSS – The VERY Basics

#58 HTML & CSS – Die GRUNDLAGEN

Laufzeit: 32:15

Dieses Video sind die ALLERGRUNDLAGEN dessen, was HTML und CSS ist, für absolute Anfänger. HTML- und CSS-Dateien sind buchstäblich nur Textdateien. Sie benötigen keine spezielle Software, um sie zu erstellen, obwohl ein guter Code-Editor …

Screencast ansehen
Thumbnail for #57: Using CSS3

#57 CSS3 verwenden

Laufzeit: 51:36

Die neueste Welle von Webbrowsern unterstützt eine Vielzahl von CSS3-Funktionen ziemlich gut. Insbesondere Safari 4 und Firefox 3.1. Dieser Screencast behandelt viele der jetzt möglichen Techniken und konzentriert sich auf diejenigen, die für … verwendet werden können.

Screencast ansehen
Thumbnail for #56: Integrating FoxyCart and WordPress

#56 Integration von FoxyCart und WordPress

Laufzeit: 36:32

FoxyCart ist ein sehr anpassungsfähiges E-Commerce-System. Produkte werden "on-the-fly" als Teil von "In den Warenkorb"-Buttons erstellt, die nur einfacher HTML-Code sind. Das bedeutet, dass Sie es mit praktisch jedem CMS integrieren können. In diesem Screencast integrieren wir …

Screencast ansehen
Thumbnail for #55: Adding RSS Content with SimplePie

#55 RSS-Inhalt mit SimplePie hinzufügen

Laufzeit: 33:03

Der "Really Simple"-Teil von RSS ist manchmal irreführend. Was ist, wenn Sie Inhalte aus einem RSS-Feed ziehen und auf Ihrer Website anzeigen möchten? Das von Grund auf neu zu machen wäre nicht so einfach, aber glücklicherweise haben wir das wunderbare SimplePie …

Screencast ansehen
Thumbnail for #54: Introduction to FLIR

#54 Einführung in FLIR

Laufzeit: 25:52

FLIR (Face Lift Image Replacement) positioniert sich als "Alternative zu sIFR". Sie gehören definitiv in die gleiche Kategorie. sIFR hat zusätzliche Funktionalität, aber es setzt mehr Technologie auf Server- und Client-Seite voraus. FLIR mag …

Screencast ansehen
Thumbnail for #53: Customizing PayPal Forms, Buttons, and Headers

#53 Anpassen von PayPal-Formularen, -Buttons und -Kopfzeilen

Laufzeit: 28:35

PayPal, ob man es liebt oder hasst, ist der einfachste Weg, online Geld zu senden und zu empfangen. In diesem Screencast gehen wir darauf ein, wie man einen "Jetzt kaufen"-Button erstellt, der eine benutzerdefinierte E-Mail-Adresse verwendet, eine benutzerdefinierte Kopfzeile, eine benutzerdefinierte Danke-Seite …

Screencast ansehen
Thumbnail for #52: Building a Print Stylesheet

#52 Erstellen eines Druck-Style-Sheets

Laufzeit: 38:52

Meine Technik zum Erstellen von Print-Stylesheets sieht folgendermaßen aus. 1) Bei Null beginnen 2) Die meisten Standardeinstellungen beibehalten 2) Alles auf der Seite eliminieren, was Sie nicht benötigen, mit display: none; 4) Seitenumbrüche dort platzieren, wo es angebracht ist. Natürlich verbringe ich …

Screencast ansehen

Kostenlose Videokurse

Videokurs (2015)

Alles, was du über SVG wissen musst

Die Verwendung von SVG kann sehr einfach sein, aber wenn du anfängst, dich damit zu beschäftigen, gibt es *viel* über SVG zu wissen. In dieser Serie lernst du, warum SVG ein so wichtiger Bestandteil der Website-Erstellung ist. Von der Frage, warum SVG nützlich ist und wie du es bekommst, bis hin zur Implementierung als System und schicken Dingen wie der Animation.

Zum Kurs →