Podsumowanie wszystkich najważniejszych ogłoszeń z konferencji Chrome Dev Summit w 2021 roku wraz z linkami, które pozwolą Ci dowiedzieć się więcej.
Ten post zawiera podsumowanie wszystkich najważniejszych ogłoszeń z Chrome Dev Summit w 2021 roku oraz linki do dodatkowych informacji.
Większa interoperacyjność internetu
Zgodność z internetem jest jednym z największych wyzwań dla deweloperów stron internetowych, dlatego współpracujemy z innymi dostawcami przeglądarek, aby rozwiązać 5 najważniejszych problemów ze zgodnością: flexbox, siatka, position: sticky, aspect-ratio i transforms.
Dokonano już ulepszeń w tych kluczowych obszarach. Więcej informacji na ten temat znajdziesz w aktualizacji Compat 2021 w połowie roku.
Zezwalaj na uruchamianie nowych klas aplikacji w internecie
Project Fugu to przedsięwzięcie, które ma na celu umożliwienie dodawania do internetu nowych klas aplikacji. Najnowsze informacje o interfejsach API Fugu możesz śledzić na stronie fugu-tracker.web.app.
Firma Adobe ogłosiła niedawno, że wprowadza Photoshop do internetu. Jest to możliwe dzięki współpracy firm Adobe i Google oraz organizacji zajmujących się standardami internetowymi. Więcej informacji znajdziesz w poście Photoshop o podróży do internetu.
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, co utrudnia deweloperom sprostanie rosnącemu zapotrzebowaniu na ochronę prywatności.
Współpracujemy ze społecznością internetową i zainteresowanymi osobami z branży nad opracowywaniem nowych technologii chroniących prywatność, które wspierają nasz ekosystem. Dążymy do tego, aby stopniowo wycofywać pliki cookie innych firm i ograniczać ukryte śledzenie oraz odciski cyfrowe w przeglądarkach.
Więcej informacji o tych działaniach znajdziesz na stronie Piaskownica prywatności. Udostępniamy też informacje i przewodniki dotyczące ofert pakietowych 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ółpracowaliśmy z twórcami popularnych platform JavaScript, aby poprawić podstawowe wskaźniki internetowe. W ramach tych prac zidentyfikowaliśmy 2 nowe rodzaje danych, o których chętnie poznamy Twoją opinię. Poczytaj o ogólnej responsywności i płynności, a potem daj nam znać, co o niej myślisz.
Zapowiedzieliśmy też aktualizację PageSpeed Insights – nowego panelu Recorder Panel dla Narzędzi deweloperskich w Chrome, który jest obecnie dostępny w wersji Canary, oraz nowego interfejsu User Flow API w Lighthouse.
Włącz nowe funkcje platformy internetowej
RenderingNG to ambitna refaktoryzacja silnika renderowania Chromium, czyli projekt, który naprawia powtarzające się błędy i udostępnia nowe funkcje. Należą do nich 1 funkcja, o którą od wielu lat najczęściej proszą programiści stron internetowych – zapytania dotyczące kontenerów.
Zapytania dotyczące kontenerów wyglądają znajomo dla każdego, kto kiedykolwiek korzystał z zapytań o multimedia do stworzenia elastycznego projektowania stron.
Zapytania o rozmiar widocznego obszaru umożliwiają jednak wysyłanie zapytań o rozmiar kontenera, w którym znajduje się Twój komponent.
Firma Google pracuje nad testowym wdrożeniem nowej specyfikacji nowej funkcji, kryjącej się za flagą #enable-container-queries w Chrome.
Przeczytaj post na blogu na temat RenderingNG lub obejrzyj ten film, aby poznać najważniejsze szczegóły na temat tego, jak to rozwiązanie umożliwia wdrożenie funkcji, które kiedyś wydawały się niemożliwe do wdrożenia.
Pomoc w tworzeniu atrakcyjnych i elastycznych witryn
Nowy projekt responsywny to coś więcej niż tylko rozmiar ekranu czy kontenera. Więcej informacji na temat tworzenia nowoczesnych witryn elastycznych znajdziesz w kursie Learn Design. Pierwsze 5 modułów zostanie opublikowanych dzisiaj, a pozostałe udostępnimy w nadchodzących tygodniach.
W tym roku w Chrome i innych przeglądarkach pojawiły się w tym roku nowe usługi porównywania cen, które ułatwiają tworzenie pięknych treści.
Dowiedz się więcej o accent-color i size-adjust.
Aby ułatwić Ci szybkie korzystanie z nowej usługi porównywania cen, wprowadziliśmy zestaw wzorców układu. Jest to solidny punkt wyjścia dla wielu typowych wzorców interfejsu.
Oferuj kursy, które pomogą Ci poznać technologie internetowe
Oprócz nauki projektowania wprowadzamy nowe moduły Learn CSS, czyli kompleksowego szkolenia dotyczącego CSS, które wprowadziliśmy w tym roku.
Przygotowaliśmy też pełny kurs, który pomoże Ci w projektowaniu funkcjonalnych i łatwych w obsłudze formularzy – Learn Formularzy. Razem z tymi kursami znajdziesz kilka pierwszych modułów Learn PWA.