Selbst wenn wir bei der Gestaltung die besten Absichten für Barrierefreiheit haben, bedarf es oft jemanden, der tatsächlich Screenreader verwendet, um die Website zu testen und uns hilft, die Details richtig hinzubekommen. Das Problem wird durch das Arbeiten mit AJAX-ähnlichem Verhalten noch verschärft. Das …

Reale Kunden haben reale Bedürfnisse für ihre Websites. Ihnen sind Ihre schicken RSS-Feeds und AJAX egal, sie wollen einfach, dass ihre Website das tut, was Sie ihnen sagen, dass sie es tun soll. In diesem Screencast zeige ich …

Photoshop ist mein Werkzeug der Wahl für das Webdesign. Ich vergleiche es mit der Wahl der Gitarre als Musikinstrument. Eine Gitarre klingt allein großartig und es gibt viele Ressourcen, die Ihnen beim Erlernen helfen. Photoshop …

Das Erstellen eines komplett benutzerdefinierten Themes für die beliebte Forensoftware phpBB wäre eine Mammutaufgabe. Glücklicherweise können wir, um schnell einsatzbereit zu sein, einfach eine Standardinstallation von phpBB in das Skin einer bestehenden Website einbetten, ganz …

Es gibt eine Handvoll CSS-Attribute, die zu einem einzigen Attribut kombiniert werden können, um den Code kürzer zu halten. Ich befürworte die Verwendung von CSS-Kurzschriften, wann immer möglich. Sie spart Platz und macht den Code lesbarer. In diesem Screencast stelle ich …

Der Umgang mit Domains und Hosting und dem ganzen Server-Setup ist für Webdesigner normalerweise nicht das Angenehmste. In diesem Screencast gehe ich meinen üblichen Prozess durch und teile viele kleine Tipps, wie ich gerne …

FoxyCart ist mein neues Lieblings-E-Commerce-System. Es ist extrem einfach, damit loszulegen. Sie haben die volle Designkontrolle über alle Aspekte (Warenkorb, Kasse, Quittungen). Es hat die Funktionen, die Sie benötigen (Downloads, Sicherheit, gespeicherte Konten, Abonnements). Am besten …

Es ist WordPress-Woche hier bei CSS-Tricks, also wollte ich einen WordPress-bezogenen Screencast machen und viele Mini-Tipps behandeln, die es nicht in frühere WordPress-Screencasts geschafft haben. Wir behandeln

• Auflistung von Kategorien mit einer eingebauten Funktion und Erstellung eines getaggten

CSS-Sprites sind seit langem ein heiß diskutiertes Thema. Tatsache ist, dass jedes Bild auf einer Webseite eine separate Serveranfrage ist und Sie die Leistung einer Seite dramatisch verbessern können, indem Sie Bilder kombinieren …

Noch mehr als z-index (das wir vor ein paar Wochen behandelt haben), ist die float-Eigenschaft dafür bekannt, Ausbrüche von Haareziehen und Monitor-Schlagen zu verursachen. Sie erscheint theoretisch einfach genug, aber es gibt viele Tücken, auf die man achten muss. Wir …

Wir haben einmal eine Umfrage durchgeführt, in der wir Leute gefragt haben, was ihr Lieblings-CMS sei. WordPress war ein klarer Gewinner, erhielt aber auch viele Kommentare wie „WordPress ist kein CMS!!“. Nun, offensichtlich, im strengsten Sinne, **ist** WordPress ein CMS, als …

Z-index kann manchmal etwas verwirrend sein. In diesem Screencast versuche ich zu erklären, wie es funktioniert, wie es mit Positionierung verbunden ist, einige Tücken und einige allgemeine Ratschläge.…

sIFR (Scalable Inman Flash Replacement) ist eine Technologie, die es Ihnen ermöglicht, jede beliebige Schriftart auf Ihren Webseiten zu verwenden. Kurz gesagt, es verwendet JavaScript, um bestimmte Textelemente der Seite anzusprechen und sie durch einen Block von … zu ersetzen.

Das Entwerfen einer Webseite, die für das iPhone optimiert ist, ist keine Raketenwissenschaft. Es ist derselbe HTML-, CSS- und JavaScript-Code, den Sie bereits kennen. Der Unterschied ist, dass Browser und Bildschirme nicht variieren, Sie wissen genau, was Sie …

Warnung: Dieser Screencast ist ziemlich Mac-spezifisch und ich schwafle über alle möglichen zufälligen, nicht webdesignbezogenen Dinge. Ich stelle die neue Web-App Status vor, an der ich gearbeitet habe. Dann zeige ich Fluid, was eine Mac …

Eine der effizientesten Methoden, um die aktuelle Navigation hervorzuheben, ist die Zuweisung eines eindeutigen Klassennamens zu jedem Ihrer Navigationspunkte. Geben Sie dann jeder Seite eine eindeutige ID im Body-Element. Dann kann CSS steuern, was jede …

Ausgehend von dort, wo wir letztes Mal aufgehört haben, erkunden wir weiter die Möglichkeiten von jQuery. Wir greifen alte Funktionen auf und lassen sie intelligentere Dinge tun. Wir untersuchen eine einfache Variable und eine IF/ELSE-Anweisung. Dann …

Google Maps, mit all dem Ziehen und Zoomen und der Satellitenansicht und allem, ist mein Kartendienst der Wahl. Google bietet eine kostenlose API für seine Karten an, damit Sie sie direkt auf Ihre Website integrieren können. Legen Sie Ihre eigene Standard- …

Ich vertrete die Theorie, dass Webseiten-Neugestaltungen evolutionär und nicht revolutionär sein sollten. Kleine Änderungen, Anpassungen und Upgrades im Laufe der Zeit führen zu einem qualitativ hochwertigeren Design als ein vollständiger Umbau aus einer Laune heraus oder als …

Das Design mit Alpha-transparenten PNGs macht das Leben so viel einfacher und ermöglicht coolere Designs. Wie wir alle schmerzlich wissen, unterstützt IE 6 und darunter diese nicht. Sie werden angezeigt … aber alle Bereiche mit Alpha-Transparenz werden in hässliche blau-graue …