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 …

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!…

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.…

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 …

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 …

Nur ein paar schnelle Tricks, von Grund auf, zum Codieren von Tabellen. Wir verwenden die richtigen semantischen Tags für eine Tabellenkopfzeile und setzen diese dann auf eine feste Position, sodass die Kopfzeile beim Scrollen der Tabelle immer sichtbar ist. …

Mehr als jede andere einzelne Funktion macht WordPress zu einem CMS (im Gegensatz zu einer reinen Blogging-Plattform): benutzerdefinierte Felder. Benutzerdefinierte Felder sind Datenstücke, die zusammen mit Beiträgen und Seiten in Schlüssel-Wert-Paaren übermittelt werden. Diese Daten können …

Diese Fotogalerie erstellt sich automatisch aus einem Verzeichnis von Bildern, einschließlich Unterverzeichnissen und den darin enthaltenen Bildern. Bilder werden in einem schön aussehenden jQuery-Lightbox geöffnet.

Links aus dem Video

• Demo
• ImgBrowz0r
• prettyPhoto jQuery Plugin

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. …

Dieser Screencast durchläuft den Code, der ein ziemlich fortgeschrittenes Webformular antreibt. Er verwendet jQuery, um Eingabefelder bei Bedarf auszublenden und anzuzeigen, sowie drei Plugins. Eines für schicke Formatierung, eines für Validierung und eines für …

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 …

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 …

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 …

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 …

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.

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 …

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 …

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 …

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 …

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 …