Co nam Peregrine przyniesie - część 4
Sunday, 4. February 2007, 18:18:31
Kolejny odcinek przynosi wstrząsającą informację o absolutnym przełomie w dziedzinie sztuki projektowania stron przy pomocy CSS. Ale po kolei...
Wiecie pewnie, że najczęściej używaną właściowością przy projektowaniu layoutów wykorzystujących gotową grafikę w CSS-ie jest background-image: url()? Oczywista sprawa. Jako obrazek zwykle używamy tych w formacie GIF, PNG oraz JPEG. Oczywista sprawa.
Pomyślmy teraz, co by się stało, gdybyśmy mogli użyć takiej konstrukcji background-image: url(obrazek.svg);. Otworzyłyby się przed nami zupełnie nowe horyzonty możliwości. Gradienty, zaokrąglone rogi, itp. Wszystko skalowalne pięknie, z możliwością manipulowania za pomocą DOM-u, niewymagające aplikacji graficznej do dłubania w pliku obrazka. Można edytować ręcznie, wszak SVG to aplikacja XML-a. Ogromne powierzchniowo obrazki, zajmujące parę bajtów. Wspaniała sprawa. A to tylko zarys możliwości niezmierzonego oceanu możliwości. Tak, to wszystko jest już obecne w Peregrinie i będzie obecne w finalnej wersji Opery (prawdowpodobnie) 10
Źródło: Blog – Slightly ajar
Wiecie pewnie, że najczęściej używaną właściowością przy projektowaniu layoutów wykorzystujących gotową grafikę w CSS-ie jest background-image: url()? Oczywista sprawa. Jako obrazek zwykle używamy tych w formacie GIF, PNG oraz JPEG. Oczywista sprawa.
Pomyślmy teraz, co by się stało, gdybyśmy mogli użyć takiej konstrukcji background-image: url(obrazek.svg);. Otworzyłyby się przed nami zupełnie nowe horyzonty możliwości. Gradienty, zaokrąglone rogi, itp. Wszystko skalowalne pięknie, z możliwością manipulowania za pomocą DOM-u, niewymagające aplikacji graficznej do dłubania w pliku obrazka. Można edytować ręcznie, wszak SVG to aplikacja XML-a. Ogromne powierzchniowo obrazki, zajmujące parę bajtów. Wspaniała sprawa. A to tylko zarys możliwości niezmierzonego oceanu możliwości. Tak, to wszystko jest już obecne w Peregrinie i będzie obecne w finalnej wersji Opery (prawdowpodobnie) 10
Źródło: Blog – Slightly ajar
WIDGETIZE
Jurgi # 4. February 2007, 23:16
Anonymous # 4. February 2007, 23:39
Ciekawa wiadomość, brawa dla Opery :-)
Zajec # 5. February 2007, 08:51
owiecc # 5. February 2007, 14:46
background-image: url(flower.png), url(ball.png), url(grass.svg);
Zajec # 5. February 2007, 15:47
porneL # 26. February 2007, 23:18
...ale jakaś zmiana składni dla background-image by się przydała, żeby można było beztrosko serwować zwykłe obrazki zwykłym przeglądarkom