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 oraz linki, które pozwolą Ci dowiedzieć się więcej.
Ułatwianie interoperacyjności w internecie
Kompatybilność z internetem to jedno z największych wyzwań dla programistów internetowych, dlatego Google współpracuje z innymi dostawcami przeglądarek, aby rozwiązać 5 głównych problemów z kompatybilnością: flexbox, grid, position: sticky, aspect-ratio i transformacje.
Dzięki temu udało nam się już wprowadzić ulepszenia w tych kluczowych obszarach. Więcej informacji na ten temat znajdziesz w aktualizacji dotyczącej zgodności na półrocze 2021 r.
zezwalać na uruchamianie w sieci nowych typów aplikacji;
Projekt Fugu to inicjatywa mająca na celu umożliwienie tworzenia nowych rodzajów aplikacji internetowych. Aby śledzić postępy prac nad interfejsami Fugu, otwórz stronę fugu-tracker.web.app.
Firma Adobe ogłosiła niedawno, że wprowadza program Photoshop do sieci. Udało się to dzięki współpracy między Adobe, Google i organizacjami zajmującymi się standardami internetowymi. Więcej informacji znajdziesz w poście Photoshop na drodze do internetu.
Ochrona prywatności
Wiele typowych funkcji internetowych opiera się na plikach cookie innych firm i innych mechanizmach śledzenia w wielu witrynach, które nie zostały zaprojektowane z myślą o prywatności. Utrudnia to deweloperom zaspokajanie rosnącego zapotrzebowania na prywatność.
Współpracujemy z internetową społecznością i zainteresowanymi podmiotami w branży nad tworzeniem nowych technologii chroniących prywatność, które będą wspierać ekosystem. Celem jest stopniowe wycofywanie plików cookie innych firm oraz ograniczanie ukrytego śledzenia i identyfikowania przeglądarki na podstawie jej sygnatury.
Więcej informacji o tych działaniach znajdziesz na stronie Piaskownicy prywatności. Udostępniamy też informacje i przewodniki dotyczące propozycji dla programistów, miesięczne informacje o aktualizacjach i postępach oraz informacje o harmonogramie i szczegóły testów dotyczących zmian w ciągu user-agenta.
Poprawianie podstawowych wskaźników internetowych
Współpracujemy z twórcami popularnych frameworków JavaScript, aby ulepszyć podstawowe wskaźniki internetowe. W ramach tej współpracy 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, a potem daj nam znać, co o tym myślisz.
Ogłosiliśmy też zaktualizowaną wersję PageSpeed Insights, nowy panel Recorder w Narzędziach deweloperskich w Chrome (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 proces refaktoryzacji mechanizmu renderowania Chromium. Jest to projekt, który naprawia od dawna występujące błędy w Chrome i umożliwia tworzenie nowych funkcji. Wśród nich jest jedna funkcja, o którą od wielu lat proszą deweloperzy stron internetowych – zapytania dotyczące kontenerów.
Zapytania dotyczące kontenera są znajome dla każdego, kto kiedykolwiek używał zapytania o media do tworzenia responsywnego projektu.
Jednak w ramach zapytania o rozmiar widocznego obszaru umożliwiają też zapytanie o rozmiar kontenera, w którym znajduje się komponent.
Google pracuje nad wdrożeniem wersji próbnej nowej specyfikacji, korzystając z flagi #enable-container-queries w Chrome.
Przeczytaj post na blogu, w którym szczegółowo omawiamy RenderingNG, lub obejrzyj ten film, aby dowiedzieć się więcej o tym, jak ta funkcja umożliwia implementację funkcji, które kiedyś wydawały się niemożliwe do wdrożenia.
pomagać w tworzeniu atrakcyjnych i responsywnych witryn;
Nowe elastyczne projektowanie stron to znacznie więcej niż tylko rozmiar ekranu lub kontenera. W naszym kursie Learn Design dowiesz się, jak tworzyć nowoczesne strony internetowe o charakterze elastycznym. Pierwsze 5 modułów zostanie opublikowanych już dziś, a pozostałe w ciągu najbliższych tygodni.
W tym roku w Chrome i innych przeglądarkach pojawiły się nowe właściwości CSS, które ułatwiają tworzenie atrakcyjnych treści.
Dowiedz się więcej o accent-color i size-adjust.
Aby pomóc Ci szybko korzystać z nowego CSS, udostępniliśmy zestaw schematów układu. Stanowią one solidny punkt wyjścia do tworzenia wielu typowych wzorów interfejsu.
udostępniać kursy, które pomogą Ci w nauce technologii internetowych;
Oprócz Learn Design udostępniamy nowe moduły Learn CSS, czyli kompleksowego kursu CSS, który został uruchomiony wcześniej w tym roku.
Opracowaliśmy też kompleksowy kurs, który pomoże Ci projektować funkcjonalne i dostępne formularze – Dowiedz się więcej o Formularzach. Oprócz tych kursów znajdziesz też pierwsze moduły uczenia się o PWA.