publikuj: Opublikuj w wykop.pl Opublikuj we flaker.pl Opublikuj na OSnews.pl Opublikuj w delicious wydrukuj
2 skomentuj »

TAGI: adobe , css , layout , indesign , www , w3c

2011-03-12 12:00  |  Adam Golański

Adobe CSS Regions: wreszcie wyjdziemy poza proste kolumnowe layouty?

Adobe CSS Regions: wreszcie wyjdziemy poza proste kolumnowe layouty?

Tydzień temu wspominaliśmy na naszych łamach o modelu Flexible Box Layout, pozwalającym na łatwe definiowanie elementów strony i ich wzajemnej pozycji względem siebie, bez konieczności męczenia się z właściwościami pozycji i opływania. Pomysł znakomity, wspierany przez nowoczesne przeglądarki, a dzięki niewielkiej bibliotece w JavaScripcie, także przez Internet Explorera. Ale spójrzmy na elegancko złożone magazyny: nawet z pomocą Flexible Box Layout stronom WWW wciąż wiele będzie do nich brakowało. No chyba że producenci przeglądarek zdecydują się na wdrożenie propozycji Adobe, która została przedstawiona Konsorcjum WWW.

Arno Gourdol, dyrektor inżynierii w Adobe Systems pisze o nowym pomyśle z San Jose następująco: „Propozycja ta ma na celu wprowadzenie obsługi zaawansowanych, gazetowych layoutów, z wykorzystaniem CSS”. Jak to ma w praktyce wyglądać, Adobe przedstawiło 8 marca, podczas drugiego dnia spotkania CSS Working Group w Mountain View.

CSS Regions, bo taką nazwę otrzymał projekt, to specyfikacja zbioru właściwości, pozwalających na wyjście poza zwykłe wielokolumnowe layouty. Tutaj kluczową ideą staje się region, pojęcie zbliżone do kolumny, ale bardziej abstrakcyjne, nieograniczone geometrią i pozycją.

Jak wiadomo, największym ograniczeniem wielokolumnowego modelu layoutu jest to, że kolumny są tej samej wielkości i muszą być umieszczone koło siebie. Jednak wiele atrakcyjnych układów znanych z profesjonalnego DTP zarzuca tego typu ordynarne podziały, pozwala treści przepływać z jednego obszaru strony do drugiego, bez ograniczeń co do rozmiarów i kształtów tych obszarów. Regiony takie możliwości mają wnieść w świat CSS, przynosząc dodatkowo możliwość indywidualnej ich stylizacji i sposobu wypełniania tekstem.

„Stylizacja na bazie regionów pozwala na przypisywanie stylów zgodnie z położeniem treści (czyli tym, do którego regionu ona trafi), a nie strukturą (czyli selektorami). Można to postrzegać jako rozszerzenie pseudoelementu CSS 2.1 :first-line” – piszą autorzy propozycji z Adobe.

Wprowadzone w specyfikacji właściwości pozwalają też na zdefiniowanie porządku przepływu treści pomiędzy regionami, jak również kontrolowanie ich kształtu czy list wyjątków. Z całością specyfikacji zapoznać się możecie w tym dokumencie.

Jak widać, Adobe swoimi ostatnimi posunięciami stara się zintegrować trzy kluczowe dla siebie platformy – DTP, WWW i Flash. Wbrew pozorom, producent Flasha jest bowiem realnie zainteresowany rozwojem WWW. W listopadzie zeszłego roku, we współpracy z Google, dostarczył kod do engine'u WebKit, umożliwiający stosowanie lepszej typografii na stronach webowych. Z kolei w ostatnim tygodniu pokazał konwerter Wallaby, pozwalający na przekształcanie aplikacji flashowych do ich odpowiedników działających na bazie otwartych technologii webowych, takich jak HTML, CSS, JavaScript i SVG.

Wyjaśnić to zaangażowanie całkiem prosto: InDesign, jedna z flagowych aplikacji Adobe'a, króluje w świecie klasycznego DTP. Jednak firma zdaje sobie sprawę, że era papierowych publikacji powoli chyli się ku swojemu końcowi. Zaoferowanie klientom Adobe'a możliwości łatwego przygotowywania w InDesignie jakościowych publikacji dla Webu, oglądanych przez czytelników na tabletach, smartfonach, telewizorach czy laptopach, to warunek konieczny dla utrzymania wiodącej pozycji firmy w kreatywnej branży.

źródło: wiki.ssswg.org, lists.w3.org

publikuj: Opublikuj w wykop.pl Opublikuj we flaker.pl Opublikuj na OSnews.pl Opublikuj w delicious wydrukuj
2 skomentuj »

Komentarze

  • Trolek

    #1 Trolek 2011-03-12 23:52:19 0

    Przyszła mi do tego jeszcze myśl, że możnaby automatycznie opływać obrazki, które mają tło określonego koloru np. obraz przedstawia czarne koło na białym tle. Przyjemnie byłoby ustawić opływania czarnego koła, z pominięciem białego tła. Praktyczna rzecz w office.

    IP: 78.8.216.[...] Opera/9.80 (Windows NT 6.1; U; Edition Campaign 21; pl) Presto/2.7.62 Version/11.01

  • mickey

    #2 mickey® 2011-03-15 08:30:54 0

    Widziałem już takie zastosowania, oczywiście sztucznie zrobione ale efekt naprawdę był przyjemny dla oka i miły w odbiorze, to mi się podobie :)

    IP: 84.10.13.[...] Mozilla/5.0 (Windows; U; Windows NT 6.0; pl; rv:1.9.2.8) Gecko/20100722 Firefox/3.6.8

Uwaga! Możesz zarejestrować się w serwisie i w ten sposób zarezerwować swój nick oraz ominąć konieczność ciągłego odczytywania wyrazów.

Aby dodać komentarz, musisz podać swój nick, treść komentarza oraz poprawnie przepisać oba słowa z obrazka (słowa muszą być rozdzielone spacją).
W treści komentarza można używać języka formatowania BBcode.

Polecane książki

Czytaj Webhosting

Chcesz być na bieżąco z naszymi informacjami? Zapisz się na Newsletter.

Zarejestruj domenę

Sprawdź dostępność swojej domeny:

.pl: 0 zł   .com: 19.90 zł
.com.pl: 0 zł   .eu: 19.90 zł