Mondjuk a hsz oldal nem egészen stimmel!
Szétesett.
Nálam a ff 362 is kockát mutat.

Ezek szerint a 10.5 sem jeleníti meg helyesen? Gondolok itt az árnyékolásra pl.
Ez azért kicsit ciki, hogy a saját logóját nem tudja.
Amúgy érdekes!

A blog.hu valami hülyeséget generált a cikk oldalára, érdekes módon a főoldalon minden rendben volt, ezért is tettem ki. Megpróbálom helyrehozni...

ujra itt. Ubuntu linux Opera 10.10 olyat csinált mint az IE :-/ a ff 3.5.8 pedig mint az Opera 10.5 a kép szerint. Persze ff-ből kommentelek :(

Most jó lett elvileg. A blog.hu motor valahogy szétcseszte az üres div-eket.

@FunTom8: A windowsos 10.10 is rosszul jeleníti meg.

Nálam windowson Opera 10.51-el jó, Chrome 4.1 nincs árnyék, FF 3.6.2 és IE8 a képen az utolsó.

Ha frissítem az oldalt Operában, már be tudok lépni a kommenteléshez. Ki érti ezt :-O

@Karbonade: Valami nem stimmel még mindig. Az eredeti oldal helyesen jön be, de amit beillesztettél az ff alatt is kocka, és crome alatt is árnyékmentes - holod az eredeti oldalon az is jó.
Szerintem csak linkelj.

Alul van árnyék, ellenben az alsó felén, az az enyhe árnyékolt színátmenet nincs meg, pedig a referencia szerint a Chrome és a Firefox is helyesen jelenítette meg. Hol az igazság?

Opera 10.51, win 7.

IE9-ben így fest: noob.hu/2010/03/29/IE9.jpg

@MosoMasa / Ha nagy leszek, japán leszek!: Lehetséges, hogy valami más stílus bekavar az oldalunkról, azért van a különbség. Emiatt viszont már nem veszem le, ez csak egy érdekesség, nem különösebben életbevágó.

Sajnos ez csak addig hangzik ennyire jól amúgy, amíg az ember meg nem nézi a kódot, amivel készült.

Operával nézve nem azért nincs színátmenet (árnyékolás, csillogás, ki hogy hívja), mert bénák voltak a fejlesztők, hanem mert renderelőmotor-specifikusan van megadva, pl.

"background: #E71616;
background: -moz-linear-gradient(-90deg, #FE878A, #E71616 50%, #800000 80%,
#800000 85%, #b80304);
background: -webkit-gradient(linear, 0 top, 0 bottom, from(#FE878A),
color-stop(50%, #E71616), color-stop(80%, #800000),
color-stop(85%, #800000), to(#b80304) );"

Nézzétek csak meg az eredeti oldalon...

Ennyit a "szabványokról" meg a "szabványkövetésről" meg... a többit tudjátok =)

@madve2: hehe, én ezeket a trükköket nem másoltam át, ezért nem mennek rendesen.

A szabványosan elkészített opera logó linkje: people.opera.com/howcome/2010/tests/operalogo.html

@Baldric2: köszi, frissítettem erre.

Hát még ez sem az igazi. Ez ugyan szépen megjelenik, de nem ez a logója az operának.

De igen, ez a logója. Nyilván nem PONTOSAN ez, de nem is ez a célja, hogy pixelpontosan leutánozza a logót...

Érdekes.. az eredeti kódban nincs benne a szabványos csillogó rész? Pont az zavart amikor ezt először megláttam, hogy ezt az Opera nem tudja. Ezek szerint csak David Desandro úr hagyta ki belőle? Nem szép tőle :) Az ő oldalán továbbra sem 'jó'.. először azt hittem, hogy volt valami css beli fejlesztés a 10.50 és a 10.51 között ami fura is lett volna.

@Karbonade: Értem én, hogy az érdekesség a lényeg itt, a technika, tetszik is.
De mindettől függetlenül jegyeztem meg, szakmai szempontból, hogy nem ez az opera logója.
Ez csak hasonlít.
Sem az alakja, sem a színe, sem a faktúrája nem stimmel.
A opera logó így néz ki: promote.opera.com/logos/Opera-icon-high-res.png

Nézegettem kicsit a kódot. Jól látom, hogy a webkitesek és mozillások gradienttel, míg a szabványosok belső árnyékkal oldják meg a 'csillogást'? Ezt valaki közületek rakta bele?

Nem rossz, csak a zoomolás lassú. Akkor már inkább SVG.

@zsüi_: Én is úgy tudtam, hogy az Opera nem támogatja a CSS gradients-et.

A W3C meg nem is értem hogyan hagyhat jóvá olyasmiket, mint -WEBKIT-border-radius vagy -MOZ-border-radius

Most akkor ahány böngészőmotor annyiféle elnevezés lesz???

@zsüi_: Gondolom Karbonade a Choose Operás logót rakta be, amit Hakon Wium Lie csinált: my.opera.com/chooseopera/blog/2010/03/17/opera-logo-in-css

@penge™: általában ezt a böngésző specifikus kódot akkor használják, ha még nem teljesen szabványosan jelenítik meg az adott hatást, vagy a szabvány még változik, így ha később már minden végleges lesz, és esetleg máshogy fog működni mint most, nem fog bezavarni a most elkészített oldalaknál.
Az opera is használja ezt a módszert, csak az -o- jellel, és a border radiusnál erre már épp nincs szükség, mert ez már elvileg végleges, legalábbis az opera részéről.

Úgy látom, ez is átment valami versenybe ... :) Nézzétek meg ezt a kódot, ez már csak három div, még kevesebb CSS, mégis rohadt jól néz ki. helmersworks.com/demo/opera_logo.html

akkor most lássuk az összes többi böngésző logoját ugyanígy létrehozva.

hmmm... érdekes... nálam a alábbi módon jelennek meg:

Chrome:
kepfeltoltes.hu/100330/chrome_www.kepfeltoltes.hu_.jpg

IE8:
kepfeltoltes.hu/100330/ie8_www.kepfeltoltes.hu_.jpg

Safari:
kepfeltoltes.hu/100330/safari_www.kepfeltoltes.hu_.jpg

Firefox:
kepfeltoltes.hu/100330/firefox_www.kepfeltoltes.hu_.jpg

Opera:
kepfeltoltes.hu/100330/opera_www.kepfeltoltes.hu_.jpg

Ezek alapján ellentétben a cikk alján szereplő bemutatással, a chrome, safari, ff trió úgy jeleníti meg ahogy az operánál jelzi, az opera meg úgy ahogy az előző triumvirátusnál jelezte :)

@ap: Ide másik kód van berakva, mint a tesztben szereplő. Nézd meg az eredeti oldalt.

@ap: Mivel ide a valid kód van berakva, amit Hakon Wium Lie csinált, az eredeti oldalon pedig az árnyékolás nem szabványos.

@MosoMasa / Ha nagy leszek, japán leszek!:

@penge™:

Akkor meg mit vagizik? Szabálytalan kódot én is tudok írni ;D

@ap: Rajta.

Nálam 10.52-6272-es linuxos snapsot alól normális a logo, de a final 10.10-es alól (ugyan csak linuxos) szép szögletes, magyarán négyzet.

@Baldric2: Úgy emlékszem, hogy próbáltam annak idején az -o-border-radius-t de nem működött. Volt olyan, ahol azt írták, hogy úgy fog majd menni, de én nem emlékszem, hogy lett volna olyan verzió. Valójában egyébként engem zavart a tény, hogy lezárták a Presto 2.3-at 2009 októberben és ennek ellenére 2010-ben jött ki az a böngésző ami támogatja a border-radius-t.. más böngészőknél szerintem ilyenkor nem szaroznak. Új motor be, update, verziószám egy x.y-ról x.y+1-re ugrik és kész. De nem így történt és ez az, amit nem értek meg. Mit fájt volna nekik ez?

@zsüi_: Ezt lefelejtettem: www.opera.com/docs/specs/presto23/#css

@zsüi_: Nem tudom, gondolom így még nagyobbat akartak durrantani. Az Opera így is rohan a verziószámozással, tőlük csak a Chrome ami gyorsabb, de azt felesleges is említeni, mivel ott 20%-os gyorsulás valóban megduplázza a böngésző értékét. :D

Így legalább annyi haszna volt, hogy már élesben lehetett látni egy csomó oldalon a border-radius-t, míg régebben mikor az Opera vezette be a specifikációkat akkor gyakorlatilag különböző teszteket kellett guglizni, hogy egyáltalán kipróbálható legyen, tehát felhasználói szemszögből értelmetlen volt, webfejlesztői szemszögből pedig megint, maximum annyi, hogy lehetett írni a látogatóknak, hogy ha Operát használtok, akkor vannak ilyen-olyan dolgok az oldalon. Kétlem, hogy túlzottan meghatotta volna őket. (Bár amennyire egyesek szeretik a csilivilit, a képírós MSN-es társaság biztosan zabálta volna a lángoló CSS3-as fejlécet :DDD) Szóval ha stabilan ment volna a böngészővel akkoriban az iwiw, myvip, freemail és társai akkor biztos lehetett volna pár embert szerezni vele, ha egy ilyen látogatói összetételű oldalon valaki így kampányolt volna az Operának.

Igazából a HTML5 videó jobban zavart, mert azt szerettem volna kipróbálni, aztán mire implementálták addigra a thevideobay.org már megszűnt.

De hát üzleti taktikának mindenképp előnyösebb, hogy nem fordít felesleges erőforrásokat egy marginális részesedésű böngésző ilyesmikre amíg a nagyok közül legalább az egyik nem implementálja.

@penge™: Azért én úgy látom, hogy pont az van, hogy a többi böngésző is megindult a szabványok felé (ie persze szánalmas a 9-essel is), és pont amikor végre arra fújna a szél, amerre az opera is jól csinálja, hirtelen változtat a taktikán. Rendben van, hogy nem fejlesztik fölöslegesen, de kifejlesztették, ráfordították az erőforrásokat, csak hagyták hogy ott álljon a polcon. A többi böngésző meg tudta a radius-t, persze csak a saját maguk verzióját, de a user nem azt látja. A coder meg úgyis beletolja a kódot a css-be ha van mit beleírni. Ha két féle böngészőnek külön kód kell, akkor már egy harmadikat és negyediket is bele fog írni. Másfelől azt a taktikát sem értem, hogy tudják a border-radius-t, és mégse működik csak előtaggal, holott már kint van a szabvány.. éljen a chrome, éljen a fox!

Más: Itt külön öröm látni, hogy valakik ráfordították azt a plusz időt és Opera-féle 3d-s megoldással is kipróbálható (lesz) a demó: gyu.que.jp/jscloth/touch.html

@zsüi_: Bocs, hogy floodolok.. kipróbáltam az előbb említett demót a labs.opera.com/downloads/ oldalon található 3D canvas and File I/O preview build-del, és nem kicsi a sebességkülönbség az akkori 2d motor és a 3d között, talán egy kicsivel gyorsabb a mostani 2d változatnál is, viszont az anti-aliasing mintha nem működne olyan jól.

Nekem egy szép nagy TÉGLA VAN :D:DD I.E. 8 POWA

@zsüi_: Hoppá, nekem a 10.52-nél azt írja a 3D, hogy nem támogatott. Ne már...

Bizony ez még nincs beépítve. Csak azt a régi snapshot-ot tudod használni kipróbálásra amit linkeltem.. szerintem a vegára várnak. Megintcsak egy olyan dolog ez, amit fentebb írtam.

@penge™: De azért hogy nagyon ne keseredj el, amikor legutóbb próbáltam semelyik böngésző sem tudta a 3d-t.

@zsüi_: Azóta megnéztem, egyik sem tudja, IE9 sem, bár FF-ből jelenleg csak a 3.6 van fent. Annyira nem keseredtem el, ez a 2D minőség is meglepett. Az élsimítás néhol tényleg nem a legjobb (bár a Chrome-ban csúnyább), de ezen a minőségen egy belsőnézetes FPS-t is bőven el lehetne játszani. Passziánszra meg Mario-ra már eddig is bőven jó volt a Canvas, úgyhogy semmire sem kell már köcsög Flash. :D

Silverlight alig van valahol az MS-es oldalakon kívül. Még a Java-nak kéne kipusztulnia aztán mindjárt sokkal boldogabb hely lenne az internet. :)))

a képeken alul azér mégis az operába a második legrondább kép. de miért?

szégyen :D:D

@Namelesske: olvasd el a kommenteket és megtudod miért. Nem szégyen az.

üdv. nálam ilyen :

kepfeltoltes.hu/100330/snap00020_www.kepfeltoltes.hu_.jpg

kepfeltoltes.hu/100330/snap00019_www.kepfeltoltes.hu_.jpg

nekem normálisan jeleníti meg de csak operát használok az ie meg nagy kocka az egész xD

ezt nem bírtam megálni egy vicc a microsoft az ie 1 verzószámmal elveri az ösze böngészőt css3 ban acid-ba meg kap 55 pontot _0-
samples.msdn.microsoft.com/ietestcenter/

@F34R007: Az kamu táblázat: my.opera.com/haavard/blog/2010/03/17/microsoft-svg-table

Egyébként úgy rémlik, mintha 1-2 hete még 100% lett volna mindenhol.

Úgy látszik minél inkább sül a pofájukról a bőr, annál lejjebb kúsznak a százalékok.

óóh penge :) tudtam én kössz hogy megerősítettél :P

@penge™: Ezt egyszerűen megoldhatnák MS-ék: kiveszik azokat a teszteket, ahol IE9 bukik, és máris megvan újra a 100%
:)

@HelloWorld: De akkor vagy az összes 100% lenne, vagy nem maradna olyan teszt, amin az IE9 is átmegy. :D

@penge™: Szánalmas amit az MS csinál. Csak ennyit tudok mondani. Kiváltképp hogy még büszkék is az acid 3 teszten elért eredményükre..

mire jók a szabványok:
rainbowdivider.com/
... a lap alján ott vannak a linkek, tényleg valid.

@Dzsini: És tényleg. Mondjuk az egész oldalon van egy háttér meg beillesztett gif képekkel van tele a validator pedig nem ellenőrzi a JS-t, a többit nem volt nehéz szabványosan megírni.

Egyébként másnál is szürke ezen az oldalon az Open With?