Jedną z pierwszych rzeczy, jakie trzeba spełnić podczas tworzenia aplikacji internetowej, jest sposób na umieszczenie jej zawartości.
Wielu projektantów używa wymyślonych siatek do rozplanowania treści zarówno w przypadku witryny, jak i aplikacji. Grupa CSS pracowała nad uproszczeniem układów, dzięki czemu powstała moduł układu siatki CSS, który jest teraz dostępny w przeglądarkach.
Możesz wypróbować tę funkcję w Chrome, używając flagi eksperymentalnej. Od wersji 10 został on również wdrożony w IE i prawdopodobnie wkrótce pojawi się w większości przeglądarek.
Podsumowanie
- Układ siatki CSS umożliwia definiowanie wierszy i kolumn w układzie
- Siatki można dostosowywać, aby wykorzystywać dostępną przestrzeń
- Kolejność treści może być niezależna od kolejności wyświetlania kontenerów siatki
- Układy mogą się zmieniać na podstawie zapytań o multimedia, co ułatwia elastyczne projektowanie stron
- Treści mogą się nakładać (umożliwianie układu, którego nie można wykonać w przypadku innych metod)
- Układ siatki jest szybki
Oto film z ogólnymi informacjami o układzie siatki w CSS (slajdy znajdziesz tutaj:
Wypróbuj
Korzystanie z układu siatki CSS w Chrome jest teraz proste. Najpierw musisz włączyć flagę eksperymentu, aby ją włączyć.
Najpierw wczytaj adres URL chrome://flags i przewiń w dół do opcji Włącz eksperymentalne funkcje platformy internetowej, jak pokazano poniżej:
Kliknij Włącz, aby włączyć flagę. Zobaczysz prośbę o ponowne uruchomienie przeglądarki podobną do tej:
Teraz kliknij przycisk Uruchom ponownie teraz, aby ponownie uruchomić przeglądarkę i gotowe do wypróbowania układu siatki CSS.
Powiedz nam, co myślisz
Układ siatki CSS to nowatorski sposób tworzenia treści internetowych, ale jak zwykle jesteśmy ciekawi, co o nim myślą programiści. Opinię można przesłać na wiele sposobów – zostaw komentarz tutaj, wyślij e-maila na listę grupy roboczej W3C CSS, podając w temacie „[css-grid]”, lub zgłoś błędy na blogu. Z niecierpliwością czekamy na wspaniałe układy, które uda Ci się stworzyć dzięki tej niezwykle przydatnej nowej funkcji.