Podsumowanie wszystkich najważniejszych ogłoszeń z Chrome Dev Summit 2021 wraz z linkami, które pozwolą Ci dowiedzieć się więcej.
W tym poście znajdziesz wszystkie najważniejsze ogłoszenia z Chrome Dev Summit 2021 wraz z linkami, które pozwolą Ci dowiedzieć się więcej.
Zwiększanie interoperacyjności internetu
Zgodność z siecią to jedno z największych wyzwań dla deweloperów stron internetowych, dlatego Google współpracuje z innymi dostawcami przeglądarek, aby rozwiązać 5 najważniejszych problemów ze zgodnością: flexbox, grid, position: sticky, aspect-ratio i transforms.
Dzięki tym działaniom udało się już wprowadzić ulepszenia w tych kluczowych obszarach. Więcej informacji o tych zmianach znajdziesz w aktualizacji dotyczącej zgodności z 2021 roku.
umożliwiać uruchamianie w internecie nowych klas aplikacji,
Project Fugu to projekt, którego celem jest umożliwienie korzystania w internecie z nowych klas aplikacji. Postępy w pracach nad interfejsami Fugu możesz śledzić na stronie fugu-tracker.web.app.
Firma Adobe ogłosiła niedawno, że udostępni Photoshopa w przeglądarce. 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 Photoshop's journey to the web (w języku angielskim).
Zapewnianie prywatności
Wiele popularnych funkcji internetowych opiera się na plikach cookie innych firm i innych mechanizmach śledzenia w różnych witrynach, które nie zostały zaprojektowane z myślą o prywatności. Utrudnia to deweloperom zaspokajanie rosnących potrzeb w zakresie ochrony prywatności.
Współpracujemy ze społecznością internetową i zainteresowanymi podmiotami z branży, aby opracowywać nowe technologie chroniące prywatność, które będą wspierać ekosystem. Naszym celem jest wycofanie plików cookie innych firm oraz ograniczenie ukrytego śledzenia i odcisku przeglądarki.
Więcej informacji o tych działaniach znajdziesz na stronie Piaskownicy prywatności. Mamy też informacje i przewodniki dotyczące propozycji dla deweloperów, miesięczne aktualizacje zmian i postępów oraz informacje o harmonogramie i szczegółach testów zmian w ciągu user-agent.
Poprawianie podstawowych wskaźników internetowych
Współpracujemy z programistami popularnych frameworków JavaScript, aby ulepszyć podstawowe wskaźniki internetowe. W ramach tych działań zidentyfikowaliśmy 2 nowe wskaźniki, na temat których chcielibyśmy poznać Twoją opinię. Przeczytaj o ogólnej szybkości reakcji i płynności działania, a potem podziel się z nami swoją opinią.
Ogłosiliśmy też zaktualizowaną wersję PageSpeed Insights, nowy panel Rejestrator w Narzędziach deweloperskich w Chrome, który jest obecnie dostępny w wersji Canary, oraz nowy interfejs API przepływu użytkownika w Lighthouse.
Włączanie nowych funkcji platformy internetowej
RenderingNG to ambitny projekt przebudowy mechanizmu renderowania Chromium, który ma na celu wyeliminowanie długotrwałych błędów w Chrome i umożliwienie wprowadzenia nowych funkcji. Obejmuje to jedną funkcję, o którą programiści stron internetowych prosili nas od wielu lat – zapytania o kontener.
Zapytania o kontener są podobne do zapytań o media, które są używane do tworzenia projektów elastycznych.
Zamiast wysyłać zapytanie o rozmiar widocznego obszaru, umożliwiają one wysyłanie zapytań o rozmiar kontenera, w którym znajduje się komponent.
Google pracuje nad wersją próbną tej nowej specyfikacji, która jest dostępna w Chrome pod flagą #enable-container-queries.
Przeczytaj post na blogu, w którym szczegółowo opisujemy RenderingNG, lub obejrzyj ten film, aby poznać wszystkie najważniejsze informacje o tym, jak ta praca umożliwia wdrażanie funkcji, które kiedyś uważano za niemożliwe do zrealizowania.
pomagać w tworzeniu atrakcyjnych i elastycznych witryn,
Nowe elastyczne projektowanie to coś więcej niż tylko rozmiar ekranu lub kontenera. W naszym kursie Learn Design dowiesz się, jak tworzyć nowoczesne strony elastyczne. Pierwsze 5 modułów udostępnimy dzisiaj, a pozostałe w najbliższych tygodniach.
W tym roku w Chrome i innych przeglądarkach pojawiły się nowe właściwości CSS, które ułatwiają tworzenie atrakcyjnych interfejsów.
Dowiedz się więcej o accent-color i size-adjust.
Aby ułatwić Ci szybkie korzystanie z nowych funkcji CSS, udostępniliśmy zestaw wzorców układu. Stanowią one solidny punkt wyjścia dla wielu typowych wzorców interfejsu.
Kursy, które pomogą Ci poznać technologie internetowe
Oprócz Learn Design wprowadzamy nowe moduły Learn CSS, naszego kompleksowego kursu CSS, który został uruchomiony w tym roku.
Opracowaliśmy też kompletny kurs, który pomoże Ci projektować funkcjonalne i dostępne formularze – Learn Forms (w języku angielskim). Oprócz tych kursów znajdziesz też kilka pierwszych modułów Learn PWA.