Miért is jó ez nekünk? Leginkább azért mert így tesztelhetőek a Preview 6 újdonságai a Beta felülettel. Pl. a CSS3 2D transzformáció IE-s implementációja ami a képen is látható (Flickr Postcards).  Sajnos azt kell mondjam, hogy nagyon instabil lesz a Beta-hoz képest.

A html5test 10 ponttal gyorsabb lett, a SunSpider java benchmark azonos a Chrome 9-el 370-380ms, ami szép eredmény!

Preview 6 és Beta letöltése innen.

Ars technica leírása hogyan kell megcsinálni(link).

Sébastien Bach

Website: http://www.sebastienbach.com

Toggle

Website: http://www.toggle.uk.com

Rogue Brands

Website: http://www.roguebrands.com

NoPattern

Website: http://www.nopattern.com

Lab13

Website Address: http://www.lab13.it

Jeremy Levine Design

Website Address: http://www.jeremylevinedesign.com

HTMl5 és CCS3 code hinting(nem igazán lehet ezt lefordítani) de a képből egyértelmű:

Multiscreen Preview(több képernyős nézet)

Alapból definiál 3 méretet egy telefon egy tablet és egy normál méretet, melyhez definiálhatunk külön css file-t, így jól látható fejlesztés közben, hogy melyik méretben milyen eredményt kapunk.

Livepreview

A livepreview immár támogatja a video és audio tag-eket is,plusz tartalmaz egy alap HTML5 oldalt a kezdéshez…
Az ismertető videót itt tekinthetitek meg angol nyelven:
[youtube soNIxy2sj0A 640 385]

Niels Leenheer egy holland webfejlesztő aki, készített egy HTML5 tesztet mely, igen népszerűvé vált. Teszteld te is(itt)! Van egy 2010 márciusi lista(link) is amin a leggyorsabb eredmény még 143, ezt jelenleg nem nehéz felülmúlni.

Annyit azért meg jegyeznék, hogy nem fair teljesen ugyanis H264 videót tesztel ami nem támogatott a Firefox-ban!

Eredmények:

Chrome 6 dev: 217 pont(lásd a képen)
Firefox 4.0 Beta 1: 189 pont
Safari 5: 165 pont
IE9 Preview 4: 96 pont
IE 8: 27 pont

Júliusban megérkezett a Chrome 6 dev ami fejlesztőknek szól elsősorban, már egy ideje használom és nyugodtan állíthatom még nem volt gond vele! Telepítéskor nem tesz fel még egy változatot hanem a meglevőt frissíti, és meglepő hogy minden telepített bővítmény, kiterjesztés és skin is működik, ami meglepő mert pl. a firefox előzetesekre ez nem jellemző.

Mondanom sem kell a teljesítmény és a sebesség kiváló! Beszéljünk a biztonságról, hiszen ez a legfontosabb még sem törődnek vele eleget. Minden évben megrendezik a Pwn2Own hackerverseny-t ahol a böngészőket veszik górcső alá, a Chrome-t nem sikerült feltörni az első nap míg a Safari-t 10 másodperc alatt elintézte Charlie Miller.

A böngésző nagy hiányossága volt a nyomtatási beállítások, most már lehet kijelölt területet is nyomtatni azonban a nyomtatási előnézet már csak a 7-es verzióban lesz elérhető
Most már nem csak a kedvenceket tudjuk szinkronizálni két gép között hanem a kiegészítőket és az előzményeket is
Valamint növelték a több processzoros támogatást

Az internetes böngészők 70%-a IE ami hatalmas szelet, mint tudjuk az utolsó teljes verzió a 8-as. Sebessége messze elmarad a konkurenciától. Ideje egy Windows 7-hez méltó böngészőt alkotniuk már csak azért is mert 150 millió licencet adtak el idáig!

A Safari után most nézzük hogy áll a Microsoft böngészője, bár itt még korántsem végleges verzióról beszélünk, de nagyon ígéretesnek tűnik. Jelenleg a Preview 3 változat tölthető le innen(link). Ebben még nincs címsáv(address bar), nincs fül kezelés, oly annyira, hogy egy újonnan megnyíló ablak már a rendes internet explorer-ben történik. A kezdő oldalon sok látványos HTML5 demo található. Érdemes megnézegetni ezeket.

Az előző bejegyzésből kiderült, hogy igen jól teljesít a SunSpider teszt alapján, a Chrome 6 és Safari 5 között végzett, azonban, az IE Fish Tank akváriumos (canvas) tesztben 4x-5x gyorsabb! Az új IE hardware gyorsítást kapott, ami látványos eredményt produkált a Safari-val szemben mely, szintén rendelkezik ezzel a tulajdonsággal. Az új JavaScript motor neve “Chakra” ami a hátérben képes több szálon és több processzor magon fordítani a kódot. Ehhez Windows 7 és dual core processzor szükséges, ugyanis a Microsoft szerint nem lesz IE9 Windows Xp-re! Az Acid3 teszten jelenleg 83/100 ami nem túl jó, de szeptemberig még javulhat ugyanis ekkor lesz elérhető a Beta változat.

Nemrég látott napvilágot, néhány kép az IE9 Beta-ról, és ha hinni lehet a képeknek, akkor új letöltés ablakot és “leggyakrabban látogatott helyek” oldalt is kap.

Update:

Megjelent az IE 9 Preview 4, ami az utolsó technikai előzetes a beta-ig, Acid3 teszt immár 95/100! Letölthető innen((link).

Itt az új Safari 5, javított HTML5 támogatással, Windows hardware gyorsítással és kiegészítőkkel(Extensions). Az Apple eleinte úgy hirdette ez lesz a világ leggyorsabb böngészője új fent, aztán a Chrome 6 meg az Opera maga mögé utasította. Én is végeztem egy SunSpider tesztet, ami ezt az eredmény produkálta:

A tesztek egy Core2Duo 2.4Ghz/4GB RAM/Intel GMA4500/Windows7 64bit notebookon készültek.
A Crome6 30%-al gyorsabb mint az új Safari! Ezt követően lefuttattam IE9 preview 3-ban is ami 658ms-al szintén több mint 15%-al jobb mint az Apple böngésző. A teszt itt található (link).

A következő teszt a FishIE Tank(canvas) teszt volt:

Az IE9 csúnyán aláz ebben az esetben! A teszt itt található (link)

Összességében rosszat nem tudok mondani róla, rendben van. Sok új “feature” van, fel sorolni is nehéz lenne,néhány: teljes képernyős HTML5 videó lejátszás,geolocation támogatás, Safari Reader, Bing kereső motor lehetőség. Bele tettek szinte mindent amit eddig nélkülözött, jól sikerült. Azonban szerintem így sem lesz népszerűbb az IE, Firefox,Chrome hármasnál.

Aki nem szeretne túl sok időt tölteni ezzel az vegye-vigye! Köszönhetően Antipixelnek, letölthető a photoshop file innen(link).

A betű Jason Kottke műve : a Silkscreen.

]]> http://blog.cssweb.hu/2010/07/validator-gombok/feed/ 0 http://blog.cssweb.hu/2009/10/font-face-vs-internet-explorer/ http://blog.cssweb.hu/2009/10/font-face-vs-internet-explorer/#comments Fri, 30 Oct 2009 10:03:36 +0000 admin http://blog.cssweb.hu/?p=16

Szóval ahhoz, hogy minden böngészővel kompatibilis stílus lapot(CSS) készítsünk tudni kell hogy az IE csak .EOT típusú betűt tudja használni @font-face esetén. Elvileg már rendelkezünk azzal a betűtípussal amit szeretnénk használni ami .TTF kiterjesztésű, ezt át kell konvertálnunk, amit meg tehetünk egy online konverterrel (link) vagy letöltünk egy ingyenes programot a WEFT-et (link). A konvertálást követően így tudjuk alkalmazni:


@font-face {
font-family: " your FontName ";
src: url( /location/of/font/FontFileName.eot ); /* IE */
src: local(" real FontName "), url( /location/of/font/FontFileName.ttf ) format("truetype"); /* non-IE */
}

Még néhány fontos tudnivaló:

- első legyen az IE-s src:, nem ismeri a “local” vagy a “format” megoldást így nem fog működni mert nem ismeri fel

- az eot csak IE-vel működik így szükség van a .TTF-re is hogy a Gecko/Webkit motor is használja

- a WEFT néhány TTF esetén nem tud konvertálni, oka ismeretlen

- tesztelés során vigyázunk mert a “local” pl. Firefox esetén a saját gépünkről veszi fontot és nem a szerverről (nevezzük át ideglenesen )

- ha megtartjuk az eredeti nevét a betűtípusnak és látogatónak telepítve van akkor nem kell letöltenie  a böngészőnek

- és figyeljünk a szintaktikai hibákra mert egy / jel elég ahhoz, hogy ne működjön