Wspólnie twórzmy internet lepszej jakości
Chcemy pomóc Ci w tworzeniu atrakcyjnych, szybkich, bezpiecznych i dostępnych stron internetowych, które działają w różnych przeglądarkach i są dostępne dla wszystkich użytkowników. Na tej stronie znajdziesz treści, które pomogą Ci w tej podróży. Opublikowaliśmy je na podstawie opinii członków zespołu Chrome oraz zewnętrznych ekspertów specjalizujących się w tematach związanych z tworzeniem stron internetowych, takich jak dostępność, wydajność, projektowanie itp.
Punkt odniesienia
Podstawowe informacje o platformie internetowej zawierają jasne informacje o obsłudze funkcji platformy internetowej przez przeglądarki, dzięki czemu wiesz, które funkcje platformy internetowej są już gotowe do użycia w Twoich projektach. Jeśli czytasz artykuł na stronie web.dev i użyte w nim funkcje są zgodne z Baseline, możesz ufać poziomowi zgodności z przeglądarkami.
AI i internet
Odkryj zasoby, które pomogą Ci zrozumieć i tworzyć wydajne rozwiązania oparte na AI.
Optymalizacja INP
Interakcja do kolejnego wyrenderowania (INP) jest teraz podstawowym wskaźnikiem internetowym. Zacznij mierzyć i optymalizować INP witryny.
Płatności i tożsamość
Dowiedz się więcej o najnowszych funkcjach i sprawdzonych metodach dotyczących identyfikacji i przetwarzania płatności.
Poznawanie platformy internetowej
Platforma internetowa to stale rozwijający się ekosystem funkcji przeglądarki i interfejsów API, które programiści mogą wykorzystać do tworzenia witryn łatwych i przyjemnych w użyciu. Te strony to ścieżki, które pozwolą Ci poznać poszczególne części platformy web.dev we własnym tempie:
HTML
HTML to warstwa dokumentu w internecie, która zapewnia strukturę i semantykę stron.
CSS
CSS to warstwa prezentacji w internecie, która pozwala Ci nadać stronom internetowym taki wygląd, jaki Ci odpowiada.
JavaScript
Kod JavaScript zapewnia interaktywność stron internetowych, co pozwala deweloperom tworzyć interaktywne witryny, które pomagają użytkownikom w wykonywaniu zadań i osiąganiu celów.
Platforma internetowa
Dopiero poznajesz platformę internetową? Chętnie Ci pomożemy. Poznaj każdy element platformy internetowej dzięki tym kursom przygotowanym specjalnie dla początkujących użytkowników HTML, CSS i JavaScript.
Kurs
Nauka języka HTML
Dokładny przegląd języka HTML dla programistów – od początkujących po zaawansowany.
śledzić nowości związane z rozwojem stron internetowych;
Na naszym blogu znajdziesz najnowsze informacje o programowaniu internetowym, w tym o nowych funkcjach platformy internetowej, aktualizacjach podstawowych, AI i podstawowych wskaźnikach internetowych. Bądź na bieżąco z najnowszymi informacjami, czytając nasz blog.
Projekty CSS i UI
Już teraz poznaj najnowsze wskazówki i techniki, które możesz wykorzystać w pracy.
Dostosowywanie typografii do preferencji użytkownika za pomocą CSS
Dostosuj czcionkę do preferencji użytkowników, aby wygodniej czytać Twoje treści.
Nowe przestrzenie kolorów i funkcje CSS we wszystkich głównych wyszukiwarkach
Wszystkie główne wyszukiwarki obsługują teraz nowe przestrzenie kolorów i funkcje CSS. Dowiedz się, jak mogą wprowadzić żywiołowy styl do Twoich projektów.
Co to są mapy źródeł?
Ułatw debugowanie stron internetowych dzięki mapom źródeł.
Podsiatka CSS
Subgrid działa teraz we wszystkich 3 głównych silnikach. Dowiedz się, jak go używać.
Core Web Vitals
Twórz szybsze witryny i aplikacje, poznając podstawowe wskaźniki internetowe i inne dane.
12 marca od interakcji do kolejnego wyrenderowania staje się podstawowym wskaźnikiem internetowym
Interakcja z kolejnym wyrenderowaniem stanie się oficjalnie podstawowym wskaźnikiem internetowym, a 12 marca zastąpi opóźnienie przy pierwszym działaniu.
Optymalizacja INP
Dowiedz się, jak zoptymalizować wskaźnik od interakcji do kolejnego wyrenderowania.
Najważniejsze zalecenia dotyczące podstawowych wskaźników internetowych
Zbiór sprawdzonych metod optymalizacji podstawowych wskaźników internetowych witryn na podstawie stanu sieci
Typowe nieporozumienia dotyczące optymalizacji LCP
Zapoznaj się z częstymi błędnymi przekonaniami dotyczącymi optymalizacji największego wyrenderowania treści (LCP), zwracając uwagę na inne aspekty niż optymalizacja obrazu, takie jak czas do pierwszego bajta (TTFB) i opóźnienie wczytywania zasobów.
Progresywne aplikacje internetowe
Twórz kompatybilne usługi internetowe.
Poznaj PWA
Kurs omawiający każdy aspekt nowoczesnego tworzenia progresywnych aplikacji internetowych.
TransformStream jest teraz obsługiwany w różnych przeglądarkach.
Strumienie przekształceń są już obsługiwane w przeglądarkach Safari, Firefox i Chrome, więc są już gotowe do wyświetlania w czasie największej oglądalności.
Nowe wzory dla niesamowitych aplikacji
Poznaj fantastyczną kolekcję nowych wzorców w niesamowitych aplikacjach, takich jak wzorce schowka, wzorce plików i zaawansowane wzorce aplikacji.
Prezentacja interfejsu API Project Fugu
Na stronie dla deweloperów Chrome zapoznaj się z interfejsami API możliwości.
Dostępne dla wszystkich
Dowiedz się, jak ułatwić osobom z niepełnosprawnościami dostęp do swoich witryn – stałe, tymczasowe lub sytuacyjne.
Poznaj ułatwienia dostępu
Nasz nowy kurs jest doskonałym punktem wyjścia i materiałami referencyjnymi dotyczącymi ułatwień dostępu.
Testowanie kontrastu kolorów projektu strony internetowej
Omówienie 3 narzędzi i technik do testowania i weryfikacji dostępnego kontrastu kolorów projektu.
Tworzenie głównego menu nawigacyjnego witryny
W tym samouczku opisujemy, jak utworzyć dostępną główną nawigację witryny. Uczysz się semantycznego kodu HTML, ułatwień dostępu oraz tego, jak korzystanie z atrybutów ARIA może czasem przynieść więcej szkody niż pożytku.
Najciekawsze momenty społeczności: Melanie Sumner
Przeczytaj wywiad z Melanie, inżynierką oprogramowania, która specjalizuje się w dostępności cyfrowej.
Płatności i tożsamość
Poznaj najnowsze techniki i sprawdzone metody dotyczące płatności oraz pomagające użytkownikom bezpiecznie logować się na Twoich stronach i w aplikacjach.
Tworzenie klucza dostępu do logowania się bez hasła
Klucze dostępu sprawiają, że konta użytkowników są bezpieczniejsze, prostsze w obsłudze i prostsze w obsłudze.
Logowanie się za pomocą klucza dostępu
Utwórz metodę logowania, która będzie używać kluczy, a jednocześnie nadal obsługiwać istniejących użytkowników haseł.
Przegląd płatności internetowych
Dowiedz się więcej o płatnościach internetowych i o tym, jak działają.
Sprawdzone metody dotyczące formularzy płatności i adresów
Zmaksymalizuj liczbę konwersji, pomagając użytkownikom w szybkim i łatwym wypełnianiu adresów i formularzy płatności.
Newsletter dla deweloperów
Otrzymuj najnowsze informacje, techniki i aktualności bezpośrednio do swojej skrzynki odbiorczej.