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
By Jurgi, # 4. February 2007, 23:16:44
Ciekawa wiadomość, brawa dla Opery :-)
By anonymous user, # 4. February 2007, 23:39:07
By Zajec, # 5. February 2007, 08:51:46
background-image: url(flower.png), url(ball.png), url(grass.svg);
By owiecc, # 5. February 2007, 14:46:49
By Zajec, # 5. February 2007, 15:47:25
...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
By porneL, # 26. February 2007, 23:18:52