Wszystko ogłoszone podczas Chrome Dev Summit 2021

Podsumowanie wszystkich najważniejszych ogłoszeń, które ogłoszono podczas konferencji Chrome Dev Summit w 2021 roku, wraz z linkami, aby dowiedzieć się więcej.

Ten post zawiera podsumowanie wszystkich najważniejszych ogłoszeń z Chrome Dev Summit 2021. Znajdziesz w nim też linki do dodatkowych informacji.

Większa interoperacyjność stron internetowych

Zgodność stron internetowych to jedno z największych wyzwań dla twórców stron internetowych, dlatego współpracujemy z innymi dostawcami przeglądarek, aby rozwiązać 5 najważniejszych problemów związanych ze zgodnością: flexbox, grid, position: sticky, aspect-ratio i transforms.

Dzięki pracom udało nam się już poprawić te kluczowe obszary. Więcej informacji na ten temat znajdziesz w aktualizacji śródrocznej narzędzia Compat 2021.

Zezwalaj na uruchamianie nowych klas aplikacji w internecie

Projekt Fugu ma na celu udostępnienie w internecie nowych klas aplikacji. Aktualne informacje o postępach w pracy interfejsów API Fugu znajdziesz na stronie fugu-tracker.web.app.

Firma Adobe ogłosiła niedawno, że udostępnia Photoshopa w internecie. Jest to możliwe dzięki współpracy między Adobe, Google i organizacjami zajmującymi się standardami internetowymi. Więcej informacji znajdziesz w poście na temat krajów, w których używa się Photoshopa do sieci.

Dbanie o prywatność

Wiele popularnych funkcji internetowych korzysta z plików cookie innych firm i innych mechanizmów śledzenia w witrynach, które nie zostały zaprojektowane z myślą o ochronie prywatności, przez co deweloperzy mogą mieć problemy z zaspokojeniem rosnących potrzeb związanych z ochroną prywatności.

Wraz ze społecznością internetową i zainteresowanymi osobami z branży pracujemy nad nowymi technologiami chroniącymi prywatność wspierającego ekosystem. Celem jest wyeliminowanie plików cookie innych firm oraz ograniczenie ukrytego śledzenia i odcisków cyfrowych w przeglądarkach.

Informacje o tych działaniach znajdziesz w witrynie Piaskownicy prywatności. Przygotowaliśmy też informacje i przewodniki dotyczące ofert dla deweloperów, comiesięczne aktualizacje lub zmiany i postępy, a także informacje o harmonogramie i szczegółach testowania zmian w ciągu znaków klienta użytkownika.

Poprawa podstawowych wskaźników internetowych

Współpracujemy z programistami popularnych platform JavaScript, aby ulepszać Podstawowe wskaźniki internetowe. Przeczytaj o ogólnym czasie reagowania i płynności, a potem podziel się z nami swoją opinią.

Zapowiadamy też zaktualizowaną wersję PageSpeed Insights, nowego panelu Dyktafonu w Narzędziach deweloperskich w Chrome (dostępnej obecnie w wersji Canary) oraz nowego interfejsu API Flow Flow w Lighthouse.

Włącz nowe funkcje platformy internetowej

RenderingNG to ambitna refaktoryzacja silnika renderowania Chromium, projekt, który naprawia stare błędy w Chrome i pozwala odblokować nowe funkcje. Programiści stron internetowych pytali o jedną funkcję, o które prosili od wielu lat najczęściej – zapytania dotyczące kontenerów.

Zapytania dotyczące kontenerów wyglądają znajomo dla każdego, kto kiedykolwiek skorzystał z zapytań o media do tworzenia responsywnych projektów. Wysyłanie zapytań o rozmiar widocznego obszaru pozwala jednak wysyłać zapytania o rozmiar kontenera, w którym znajduje się komponent. Pracujemy nad próbną implementacją nowej specyfikacji, którą kryje się za flagą #enable-container-queries w Chrome.

Przeczytaj posta na blogu, w którym omawiamy szczegóły renderowania, lub obejrzyj ten film, aby poznać najważniejsze informacje o tym, jak ta funkcja umożliwia wdrożenie funkcji, które kiedyś wydawały się niemożliwe.

Pomagają tworzyć atrakcyjne i elastyczne witryny.

Nowy układ responsywny to znacznie więcej niż tylko rozmiar ekranu czy kontenera. Aby dowiedzieć się, jak tworzyć nowoczesne witryny elastyczne, dowiesz się z naszego kursu Naucz się projektowania. Pierwsze 5 modułów opublikujemy dzisiaj, a pozostałe udostępnimy w najbliższych tygodniach.

W tym roku do Chrome i innych przeglądarek wprowadziliśmy nowe usługi CSS, aby ułatwić tworzenie atrakcyjnych treści. Dowiedz się więcej o accent-color i size-adjust.

Aby pomóc Ci w szybkim wykorzystaniu możliwości, jakie daje nowy CSS, wprowadziliśmy zestaw wzorców układu. Będą one dobrym punktem wyjścia dla wielu typowych wzorców interfejsu.

Kursy dotyczące technologii internetowej

Oprócz Nauka projektowania uruchamiamy nowe moduły Learn CSS – naszego kompleksowego kursu CSS, który opublikowaliśmy na początku tego roku.

Opracowaliśmy też pełny kurs ułatwiający projektowanie funkcjonalnych i łatwo dostępnych formularzy – Formularze szkoleniowe. Oprócz tych kursów znajdziesz też kilka pierwszych modułów kursu Poznaj PWA.