Przejrzyj te dziedziny, aby poznać obszary, w których oferujemy wskazówki.
Główne dziedziny
Sprawdzone metody tworzenia bezpiecznych i wysokiej jakości usług w internecie.
accessibility
Oceniaj, naprawiaj i wdrażaj skuteczne wzorce dostępności w całej aplikacji.
Wyświetl przewodnik accessibility na GitHubie
performance
Optymalizuj Core Web Vitals, skracaj czas wczytywania stron i zwiększaj szybkość reakcji na dane wejściowe użytkownika.
Wyświetl przewodnik performance na GitHubie
privacy
Wdrażaj ochronę prywatności już na etapie projektowania, minimalizację danych, audyty przeprowadzane przez firmy zewnętrzne i bezpieczne postępowanie z danymi.
Wyświetl przewodnik privacy na GitHubie
security
Wdrażaj wytyczne dotyczące bezpieczeństwa zapobiegawczego, aby chronić się przed typowymi lukami w zabezpieczeniach internetowych (XSS, CSP, pliki cookie, izolacja między źródłami).
Wyświetl przewodnik security na GitHubie
Technologie internetowe
Sprawdzone metody korzystania z podstawowych języków internetowych, technologii i środowisk wykonawczych.
html
Wdrażaj nowoczesną architekturę HTML, semantykę, natywne interaktywne interfejsy API (Dialog, Popover, Details), zarządzanie fokusem i priorytetyzację zasobów.
Wyświetl przewodnik html na GitHubie
css
Stosuj nowoczesną architekturę CSS, układy i sprawdzone metody dotyczące wydajności.
Wyświetl przewodnik css na GitHubie
css-layout
Twórz responsywne układy za pomocą nowoczesnych funkcji CSS, takich jak flexbox, grid, subgrid, zapytania o kontener, pozycjonowanie kotwic i rozmiary wewnętrzne.
Wyświetl przewodnik css-layout na GitHubie
forms
Twórz dostępne, bezpieczne i przyjazne dla użytkownika formularze internetowe.
Wyświetl przewodnik forms na GitHubie
passkeys
Wdrażaj WebAuthn i klucze dostępu w aplikacjach internetowych zgodnie z nowoczesnymi zasadami.
Wyświetl przewodnik passkeys na GitHubie
webmcp
Wdrażaj WebMCP, aby udostępniać funkcje przeglądarki po stronie klienta jako interaktywne narzędzia dla agentów AI.
Wyświetl przewodnik webmcp na GitHubie
Funkcje przeglądarki (opcjonalne)
Sprawdzone metody pracy ze specjalistycznymi interfejsami API i platformami przeglądarki. Są to umiejętności odrębne od modern-web-guidance, które należy zainstalować osobno.
chrome-extensions
Twórz bezpieczne i zgodne z zasadami rozszerzenia Chrome w ramach (platformy) Manifest V3, które pozwalają unikać typowych problemów z cyklem życia skryptów service worker i trybem piaskownicy oraz usprawniają publikowanie w [sklepie] Chrome Web Store dzięki pomocy w przygotowaniu metadanych, zasad ochrony prywatności i uzasadnień uprawnień. Aby wyrazić zgodę, podczas instalowania Przewodnika po współczesnych technologiach internetowych wybierz umiejętność chrome-extensions:
npx modern-web-guidance@latest install --choose
Wyświetl umiejętność chrome-extensions na GitHubie
Dalsze kroki
Teraz, gdy znasz już Przewodnik po współczesnych technologiach internetowych, wypróbuj go! Poznaj funkcje i przypadki użycia obsługiwane w Przewodniku po współczesnych technologiach internetowych i wypróbuj kilka przykładowych promptów, aby zacząć.