Gemeinsam das Internet noch besser machen
Wir möchten Ihnen dabei helfen, ansprechende, barrierefreie, schnelle und sichere Websites zu erstellen, die plattformübergreifend und für alle Ihre Nutzer funktionieren. Auf dieser Website finden Sie Inhalte, die Sie auf Ihrem Weg unterstützen. Sie wurden von Mitgliedern des Chrome-Teams und externen Experten verfasst, die sich auf Themen der Webentwicklung wie Barrierefreiheit, Leistung und Design spezialisiert haben.
Referenz
Die Web Platform Baseline bietet Klarheit über die Browserunterstützung für Webplattformfunktionen und gibt klare Informationen dazu, welche Webplattformfunktionen in Ihren Projekten bereits verwendet werden können. Wenn in einem Artikel auf web.dev alle verwendeten Funktionen Teil der Baseline sind, können Sie sich auf die Browserkompatibilität verlassen.
KI und das Web
Hier finden Sie Ressourcen, die Ihnen helfen, leistungsstarke, webbasierte Anwendungen mit KI zu verstehen und zu erstellen.
INP optimieren
Interaction to Next Paint (INP) ist jetzt ein Core Web Vitals-Messwert. Messen und optimieren Sie den INP Ihrer Website.
Zahlungen und Identität
Hier finden Sie Informationen zu den neuesten Funktionen und Best Practices für die Identitäts- und Zahlungsverarbeitung.
Webplattform kennenlernen
Die Webplattform ist ein sich ständig weiterentwickelndes System aus Browserfunktionen und APIs, mit denen Entwickler Websites erstellen können, die einfach und angenehm zu verwenden sind. Auf diesen Seiten können Sie sich in Ihrem eigenen Tempo mit den einzelnen Bereichen der Webplattform auf web.dev vertraut machen:
HTML
HTML ist die Dokumentebene des Webs, die Struktur und Semantik für Seiten bereitstellt.
CSS
CSS ist die Darstellungsschicht des Webs und ermöglicht es Ihnen, Ihre Webseiten so aussehen zu lassen, wie Sie es wünschen.
JavaScript
JavaScript bietet Webanwendungen eine hohe Interaktivität. So können Entwickler interaktive Websites erstellen, mit denen Nutzer Aufgaben erledigen und Ziele erreichen können.
Informationen zur Webplattform
Neu auf der Webplattform? Wir kümmern uns darum. Diese Kurse wurden speziell für Einsteiger in HTML, CSS und JavaScript zusammengestellt.
Kurs
HTML-Kenntnisse
Ein solider Überblick über HTML für Entwickler – vom Einsteiger bis zum Expertenniveau.
Kurs
CSS kennenlernen
Ein CSS-Leitfaden mit Modulen, die alles von der Barrierefreiheit bis zum Z-Index abdecken.
Aktuelle Informationen zur Webentwicklung
In unserem Blog finden Sie die neuesten Nachrichten aus der Webentwicklung, darunter neue Funktionen der Webplattform, Updates zu Baseline, KI und Core Web Vitals. In unserem Blog halten wir Sie über die neuesten Entwicklungen auf dem Laufenden.
CSS- und UI-Design
Lernen Sie die neuesten Tipps und Techniken für Ihre Arbeit kennen.
Typografie mithilfe von CSS an die Präferenz der Nutzenden anpassen
Passen Sie die Schriftart an die Präferenzen der Nutzer an, damit diese Ihren Inhalt mit maximaler Wahrscheinlichkeit lesen können.
Neue CSS-Farbräume und -Funktionen in allen wichtigen Suchmaschinen
Alle gängigen Suchmaschinen unterstützen jetzt die neuen CSS-Farbräume und -Funktionen. Finden Sie heraus, wie sie Ihre Designs lebendiger gestalten können.
Was sind Quellzuordnungen?
Mit Quellzuordnungen das Web-Debugging verbessern
CSS-Subraster
Subgrid ist jetzt in allen drei großen Suchmaschinen interoperabel. So funktionierts.
Core Web Vitals
Anhand von Core Web Vitals und anderen Messwerten können Sie schnellere Websites und Apps erstellen.
Interaction to Next Paint wird am 12. März zu einem Core Web Vitals-Messwert
„Interaction to Next Paint“ wird offiziell zu einem Core Web Vitals-Messwert und ersetzt am 12. März First Input Delay.
INP optimieren
Hier erfahren Sie, wie Sie den Messwert „Interaction to Next Paint“ optimieren.
Unsere wichtigsten Core Web Vitals-Empfehlungen
Best Practices für die Optimierung der Core Web Vitals-Leistung von Websites auf Grundlage des aktuellen Web-Status
Häufige Missverständnisse bezüglich der LCP-Optimierung
Hier erfahren Sie mehr über häufige Missverständnisse bei der Optimierung des Largest Contentful Paint (LCP). Dabei geht es nicht nur um die Bildoptimierung, sondern auch um Faktoren wie die Zeit bis zum ersten Byte (TTFB) und die Verzögerung bei der Ressourcenauslieferung.
Progressive Web-Apps
Erstellen Sie leistungsstarke Weberlebnisse.
Informationen zu PWA
Ein Kurs, in dem alle Aspekte der modernen progressiven Web-App-Entwicklung behandelt werden.
TransformStream wird jetzt browserübergreifend unterstützt.
Transform Streams werden jetzt in Safari, Firefox und Chrome unterstützt.
Neue Muster für tolle Apps
Tauche ein in eine fantastische Sammlung neuer Muster für tolle Apps, einschließlich Zwischenablage-, Dateimustern und erweiterten App-Mustern.
Projekt Fugu API-Showcase
Sehen Sie sich auf der Website für Chrome-Entwickler die Capabilities APIs an.
Für alle zugänglich
Erfahren Sie, wie Sie Ihre Websites für Menschen mit dauerhaften, temporären oder situativen Beeinträchtigungen barrierefrei gestalten können.
Informationen zu Bedienungshilfen
Unser neuer Kurs ist ein guter Einstiegspunkt und eine gute Referenz für Themen rund um Barrierefreiheit.
Farbkontrast von Webdesign testen
Ein Überblick über drei Tools und Techniken zum Testen und Überprüfen des barrierefreien Farbkontrasts Ihres Designs.
Hauptnavigation für eine Website erstellen
In dieser Anleitung wird beschrieben, wie Sie eine barrierefreie Hauptnavigation einer Website erstellen. Sie erfahren mehr über semantisches HTML, Barrierefreiheit und darüber, wie die Verwendung von ARIA-Attributen manchmal mehr schaden als nützen kann.
Community-Highlight: Melanie Sumner
Lesen Sie unser Interview mit Melanie, einer auf digitale Barrierefreiheit spezialisierten Softwareentwicklerin.
Zahlungen und Identität
Hier finden Sie die neuesten Techniken und Best Practices für Zahlungen und die Sicherheit der Nutzer bei der Anmeldung auf Ihren Websites und in Ihren Apps.
Passkey für Anmeldungen ohne Passwort erstellen
Passkeys machen Nutzerkonten sicherer, einfacher und nutzerfreundlicher.
Mit einem Passkey anmelden
Erstellen Sie eine Anmeldung, bei der Passkeys verwendet werden, während bestehende Passwortnutzer weiterhin Platz haben.
Onlinezahlungen – Übersicht
Weitere Informationen zu Web Payments und ihrer Funktionsweise.
Best Practices für Zahlungs- und Adressformulare
Maximieren Sie Conversions, indem Sie Ihren Nutzern helfen, Adress- und Zahlungsformulare so schnell und einfach wie möglich auszufüllen.
Newsletter für Entwickler
Lass dich per E-Mail über Neuigkeiten, Techniken und Updates informieren.