- Chrome 57 dodaje obsługę
display: grid
– nowej specyfikacji układu siatki CSS. - Możesz teraz dostosowywać dane wejściowe użytkownika na ekranie blokady i powiadomieniach oraz reagować na nie, korzystając z nowego interfejsu Media Session API.
- A jest ich jeszcze dużo i więcej!
Jestem Pete LePage. Przyjrzyjmy się, co nowego dla programistów w Chrome 57.
Układ siatki CSS
Flexbox to zaawansowane narzędzie do obsługi układu. Zapewnia możliwość realizacji wielu złożonych układów,
ale umożliwia stosowanie układu tylko w jednym wymiarze. Chrome 57 obsługuje display: grid
– nową specyfikację układu siatki CSS, która udostępnia nowe zaawansowane narzędzie do tworzenia dwuwymiarowych systemów układu opartego na siatce zoptymalizowanych pod kątem elastycznego projektowania interfejsu.
Elementy w siatce mogą rozciągać się na wiele kolumn lub wierszy. Regiony w siatce CSS można też nazwać, co ułatwia zrozumienie kodu układu.
Surma opublikowała na ten temat posta o aktualizacjach. Jeśli chcesz dowiedzieć się więcej, zajrzyj na stronę Rachela Andrew: GridByExample.com.
Interfejs Media Session API
Jedną z funkcji internetowych aplikacji do multimediów jest możliwość głębokiej integracji z podstawowymi funkcjami multimediów na urządzeniach mobilnych. W Chrome na Androida możesz teraz dostosować ekran blokady i powiadomienia o treściach multimedialnych, korzystając z nowego interfejsu Media Session API.
Udostępniając w przeglądarce metadane dotyczące odtwarzanych treści, możesz tworzyć rozbudowane komunikaty na ekranie blokady, które zawierają m.in. tytuł, wykonawcę, nazwę albumu czy grafikę. Możesz też nasłuchiwać działań użytkowników podejmowanych w powiadomieniu (takich jak przewijanie lub pomijanie) i odpowiadać na nie.
Jeśli chcesz szybko zacząć, Francois przygotował świetny post o aktualizacjach. Możesz też zajrzeć do oficjalnego repozytorium z przykładami sesji multimedialnych w Chrome na GitHubie.
…i wiele innych.
To jeszcze nie wszystko.
- Wprowadziliśmy pewne ulepszenia w interfejsie Payment Request API.
- Kolor kursora wprowadzania tekstu możesz określić za pomocą właściwości
caret-color
. - Efekty wizualne, takie jak kolor i styl linii, można określać za pomocą nowych właściwości
text-decoration
. - Klasa odpowiedzi Fetch API obsługuje teraz atrybut
.redirected
, co pomaga unikać niewiarygodnych odpowiedzi i zmniejszyć ryzyko otwartych przekierowań. - Wszystkie aliasy globalne IndexedDB z prefiksem
-webkit-
zostały usunięte po ich wycofaniu w wersji M38. - I jedno z moich ulubionych – nowe metody formatowania
padStart
ipadEnd
, które upraszczają dopełnianie ciągu znaków podczas wyrównywania danych wyjściowych w konsoli lub drukowania liczb ze stałą liczbą cyfr.
To tylko kilka zmian, jakie pojawią się w Chrome 57 dla deweloperów.
Niech będzie Igalia
Na koniec dziękujemy inżynierom i zespołowi Igalia za ich wspaniałą pracę w aplikacji Blink. Odegrali ważną rolę w wprowadzeniu nowej siatki CSS i funkcji caret-color
.
Bądź na bieżąco
Jeśli chcesz być na bieżąco z Chrome i nadchodzącymi nowościami, zasubskrybuj nasz kanał lub obserwuj @ChromiumDev na Twitterze. Obejrzyj filmy z Chrome Dev Summit, aby dowiedzieć się więcej o tym, nad czym pracuje zespół Chrome.
Nazywam się Pete LePage i jak tylko pojawi się Chrome 58, chętnie opowiem Ci o nowościach w Chrome.