Not Your Standard CSS: Przesuwanie granic za pomocą Adobe
Czy lubisz eksperymentować z najnowocześniejszymi projektami stron internetowych, ale czujesz sprzeczność z formalnymi specyfikacjami technicznymi określonymi przez W3C?
Masz wątpliwości dotyczące zastosowania swoich awangardowych pomysłów, jednocześnie zapewniając wsparcie dla przeglądarki i spełniające standardy?
Więc to Zespół Adobe Web Platform jest gotowy, aby cię przekonać w przeciwnym razie ...
Jeśli śledziłeś ich ostatnią pracę, wiesz już, jak najbardziej innowacyjne są umysły tej branży przesuwanie krawędzi internetu aby było to lepsze miejsce. Możliwe, że nie zdajesz sobie sprawy z wpływu, jaki mają one również na standardy społeczności HTML i CSS.
Współpracując z innymi głównymi graczami, takimi jak Microsoft, Google i Mozilla, zespół Adobe Web Platform przesuwa standardy CSS na wiele frontów poprzez uczestnictwo w grupach standardów internetowych, dostawcach przeglądarek, autorach projektów z otwartym kodem źródłowym i twórcach treści. Byli aktywnie zaangażowani w W3C i złożyli kilka propozycji, w tym CSS Regions, CSS Shapes i CSS Masking, jednocześnie przyczyniając się do implementacji wspomnianych propozycji do WebKit, Blink, Gecko i Internet Explorer.
Regiony CSS
Niedawno, Regiony CSS , która wypełnia lukę między drukiem a cyfrową publikacją, sprawiła, że stał się on najnowszym urzędnikiem iOS7 Mobile Safari release (wraz z trybami Canvas Blend, Ścieżkami Canvas i Ścieżkami Klipów CSS). Programiści mogą teraz korzystać z tej funkcji w witrynach i aplikacjach internetowych kierowanych na te urządzenia. Oczekuje się, że wkrótce nastąpi wsparcie Androida. Dodatkowo CSS Regions działa na Chrome, Webkit, wersji Opera, która używa Migać silnika, i jest częściowa implementacja dla IE10 przy użyciu starszej wersji specyfikacji CSS Regions.
Regiony CSS pozwalają kontrolować, gdzie zawartość pojawia się na Twojej stronie i co dzieje się, gdy zawartość nie mieści się w jej kontenerze. Pozwala projektantom na dyktowanie przepływu treści tam, gdzie chcemy i na dowolny pożądany kształt lub rozmiar. A ponieważ pozwala na oddzielenie znaczników semantycznych od znaczników układu, możemy użyć regionów CSS, aby wprowadzić naszą zawartość w coś, co przypomina szablon. To świetnie nadaje się do układów w stylu magazynu lub strategicznie składana zawartość , takie jak reklama, w responsywnych projektach.
Kształty CSS
Kolejny obszar, w którym Adobe rozszerza rozwój, według inżyniera platformy Adobe Web, Razvan Caliman , jest z Kształty CSS , wciąż pod flagą chrome: // . Nie należy tego mylić z kształtami, które są po prostu osiągnięte poprzez zastosowanie właściwości CSS, takich jak promień obramowania lub cienie-pole, jak widać w Kształty CSS . Takie przykłady zapewniają jedynie iluzję kształtu bez żadnego wpływu na rzeczywisty układ treści na stronie. CSS Shapes dosłownie zwiększa wrażenia wizualnego opowiadania poprzez umożliwienie projektantowi zawijania treści wokół lub w kształtach za pomocą zaledwie kilku prostych właściwości CSS.
Jeśli jeszcze go nie widziałeś, to Razvan Caliman Prezentacja Alicji w Krainie Czarów na CSSconf.eu absolutnie rozwali twój umysł.
Maskowanie CSS
Prawie zagubiony w szumu Regionów CSS CSS Clipping and CSS Masking , co niewątpliwie cię zainspiruje. Te techniki są teraz możliwe w przeglądarce, co było możliwe do osiągnięcia jedynie dzięki oprogramowaniu do edycji grafiki. Uchwyć oszałamiająco proste efekty wizualne, używając podstawowego gradientu liniowego połączonego z Maskowaniem CSS.
Podsumowanie
To naprawdę niesamowita era projektowania stron internetowych. Z deweloperami w całej branży stale dąży do popychania obwiedni, to naprawdę ekscytujące czasy.
Jeśli tego rodzaju postępy cię spowodują, to na pewno chcesz zwrócić uwagę na wiadomości z tego tygodnia Konferencja programistów HTML5 gdzie zespół Adobe Web Platform i wiele innych osób będzie pod ręką, aby pokazać nam, jak zmieniają oni projektowanie stron internetowych, jakie znamy.
Czy korporacje powinny mieć wpływ na standardy sieciowe? Jakie innowacje Adobe najbardziej Cię ekscytują? Daj nam znać swoje myśli w komentarzach.