Adobe: Nincs több Flash Player, irány a HTML5!

Danny Winokur, az Adobe alelnöke nemrég bejelentette, hogy felhagynak a Flash Player fejlesztésével mobil eszközökre:

“Our future work with Flash on mobile devices will be focused on enabling Flash developers to package native apps with Adobe AIR for all the major app stores.  We will no longer continue to develop Flash Player in the browser to work with new mobile device configurations (chipset, browser, OS version, etc.)”

És a magyarázat:

“HTML5 is now universally supported on major mobile devices, in some cases exclusively.  This makes HTML5 the best solution for creating and deploying content in the browser across mobile platforms. We are excited about this, and will continue our work with key players in the HTML community, including Google, Apple, Microsoft and RIM, to drive HTML5 innovation they can use to advance their mobile browsers.”

Persze desktopon a helyzet változatlan, készül a Flash Player 12 és mindenki “super excited”.

Szerintetek ez mit jelent?

 

Technorati-címkék: HTML5,browser,mobile,Flash,Adobe

HTML5 média formátumok böngésző támogatása

Az idei Web Konferencián Dávid Zoli barátom tartott egy remek előadást a HTML5 játékfejlesztésről JavaScript reneszánsz címmel, amelynek a felvétele egyébként megtekinthető a devPortal TV oldalán.

Az előadás utáni kérdések között merült fel, hogy tényleg nincs egy olyan audio formátum, amit minden böngésző támogatna? A HTML5 támogatja az AAC, MP3 és Ogg Vorbis audio formátumokat, illetve az Ogg Theora, WebM és MPEG-4 video formátumokat, de hogy állnak ezzel a böngészők?

A novemberi MSDN magazin egyik cikke pont ezzel a kérdéssel foglalkozik és egy az aktuális állapotot bemutató táblázat is szerepel benne:

	Videó formátum			Audió formátum
Böngésző	Ogg Theora	H.264	VP8 (WebM)	Ogg Vorbis	MP3	WAV
IE	Telepíthető	9.0	Telepíthető	-	+	-
Firefox	3.5	-	4.0	+	-	+
Chrome	3.0	-	6.0	+	+	+
Safari	Telepíthető	3	Telepíthető	-	+	+
Opera	10.50	-	10.60	+	-	+

 

Technorati-címkék: HTML5,browser,IE,FF,Chrome,Firefox

__doPostBack is undefined

Éljenek a modern böngészők! Tényleg, én szeretem, hogy van változás, jönnek az újak, amelyek biztonságosak és a webes szabványokat is egyre jobban támogatják. Jobb a fejlesztőknek és jobb a felhasználóknak is. Néha azonban beüt a mennykő és egy-egy újabb böngésző alatt elhasal a korábban szépen működő webhelyünk. Például Internet Explorer 10 alatt egy ASP.NET-es alkalmazástól könnyen kaphatjuk ezt a hibaüzenetet:

‘__doPostBack’ is undefined

Az aláhúzás-aláhúzás kezdetű dolgokról tudjuk, hogy az ASP.NET belső működéséhez tartoznak, így ez már messziről komolynak tűnik. Pedig mindössze arról van szó, hogy az ASP.NET down-level böngészőként értelmezi a legújabb IE verziót, ami szerinte nem kezeli a JavaScriptet. Firefox 5+ alatt hasonló a helyzet, ugyanebből az okból kifolyólag ott a görgetősáv visszaállítással kapcsolatos MaintainScrollbackPositionOnPostBack tulajdonság hal meg. Mindkét hiba annak köszönhető, hogy egy hiba csúszott a .NET 2.0 és 4.0-hoz tartozó böngésző definíciós fájlokba.

A browser caps egy karbantartási rémálom. Az alapötlet jó (vagy talán egyszerűen nincs jobb), de rengeteg munka követni a változásokat. Bár Microsoft ad ki időnként frissített browsercaps fájlt, sajnos más források gyakrabban frissülnek, különösen a mobil eszközök és böngészők területén. Szerencsére a mechanizmus rugalmassága lehetővé tette, hogy a Microsoft most gyorsan javítsa ezt a hibát, amit mi NuGet csomag formájában tudunk alkalmazni a saját webalkalmazásunkban:

Jobb klikk a Solution Explorerben a projekten, majd Manage NuGet Packages…

Az Online kategóriában keressünk arra, hogy app_browser:

Két csomag fog megjelenni:

• Az App_BrowsersUpdate a .NET 4.0-hoz készült
• Az App_BrowsersUpdate.net20 a .NET 2.0 alapú webhelyekhez jó.

Telepítsük a kiválasztott csomagot, ami mindössze két .browser fájlt fog eredményezni az App_Browsers mappában:

Ezzel természetesen csak egy alkalmazást javítottunk meg. Ha a szerveren lévő összes alkalmazásra szeretnénk alkalmazni a javítást, akkor az alábbi tudásbázis cikkek segíthetnek:

• KB2600088 – .NET 4
• KB2600100 – .NET 2.0 Windows 7 SP1, Windows Server 2008 R2 SP1, Windows Vista/Server 2008, Windows XP/Server 2003
• KB2608565 – .NET 2.0 Windows 7 és Windows Server 2008 R2 RTM

A javítások be fognak kerülni a .NET Framework következő nagyobb javítócsomagjába, ami a következő év elejére várható.

 

Technorati-címkék: ASP.NET,browser,mobil,IE,Firefox

Böngészők egymás mellett (side-by-side)

Itt a tavasz, rügyeznek a böngészők! Tagadhatatlan, hogy a március a böngészők hónapja volt, szinte minden böngészőgyártó kijött egy verzióval. Ennek minden felhasználó örülhet, hiszen a kis kedvencük tipikusan szebb, jobb és biztonságosabb is lett. (Egyúttal itt az alkalom, hogy ismét kipróbáljuk a többi böngészőt, és végiggondoljuk, hogy maradunk-e a megszokottnál, vagy esetleg váltunk, mert a másik ezúttal jobban sikerült.) Akik viszont tipikusan nem örülnek ennek, azok a webfejlesztők, nekünk ugyanis mind a régi, mind pedig az új böngésző verziókon tesztelnünk kell a webhelyeinket. Fel is merül rögtön a kérdés: lehet-e egymás mellé telepíteni egy böngésző régi és új verzióját?

Internet Explorer

Az Internet Explorer továbbra is szorosan integrálódik az operációs rendszerrel, ezért nem lehet belőle két verziót egymás mellé telepíteni. Szerencsére azért vannak megoldási lehetőségek, hogy ne kelljen több gépet alkalmaznunk a teszteléshez.

Windows Virtual PC

A Windows Virtual PC ingyenesen letölthető a Microsoft honlapjáról, amivel gyakorlatilag egy virtuális gépet futtathatunk. Ez a szokásos mellett egy teljesen másik operációs rendszer lehet, amibe telepíthetünk más verziójú IE-t. A gazda és a vendég virtuális gép olyan szépen integrálódik egymással, hogy a vendég virtuális gépen futó böngészőnkre mutató parancsikon beépülhet a gazda operációs rendszer Start Menüjébe, így észre se vesszük, hogy a programmal együtt egy másik operációs rendszer is elindul a háttérben.

A módszer ingyenes, működik mindenféle böngészővel, tesztelésnél az a hátránya, hogy a böngésző ablakok nyitása-csukása bizony nem megy villámgyorsan.

Internet Explorer Developer Toolbar

Az Internet Explorer már nagyon régóta tartalmaz egy fejlesztői eszközsávot, amely az F12 billentyű lenyomásával hívható elő legkönnyebben (katt a nagyobb képért):

Itt van egy olyan lehetőség, hogy meg lehet változtatni a böngésző belső működését, most már IE 7, 8 és 9 verziók közül lehet választani, sőt még a Document Mode-ot is át lehet állítani. Tapasztalataim szerint ez kiválóan működik, hiteles, a szépséghibája az, hogy mindig elfelejtem, hogy éppen mire állítottam be utoljára, és nagyon oda kell figyelnem, hogy éppen milyen verzión tesztelem az oldalt. Ez persze az én csökevényességem, ettől függetlenül a módszert merem ajánlani mindenkinek.

Microsoft Expression SuperPreview

A Microsoft Expression termékcsaládnak része a SuperPreview, ami arra képes, hogy az oldalunk elrendezését megmutassa különböző böngészőkben. A megjelenítés sajnos nem interaktív, főleg CSS-t és site buildinget tudunk vele jól tesztelni. Egymás mellett jeleníti meg az oldalt több böngészőben és össze tudjuk hasonlítani a megjelenést (katt a nagyobb képért):

Nagyon kiváló eszköz annak a kiderítésére, hogy milyen eltérések lehetnek az oldal megjelenítésével kapcsolatban az egyes böngészőkön. Bár van belőle ingyenes önálló verzió is, a teljes többet tud: nem csak az IE-t ismeri. Nálam például ezeket a böngészőket kínálta fel (bár nálam IE9, FF 3.6 és 4, Opera és Chrome van telepítve) (katt a nagyobb képért):

Kicsit elszomorodtam, hogy a Firefox 4 nem támogatott, az Operának pedig nyoma sincs. Örömteli viszont, hogy előkerült a Safari, miután feliratkoztam a még bétában lévő online szolgáltatásra. Ez ingyenes és azt tudja, hogy valahol a felhőben végzi el az oldal renderelését sokféle böngészőben. Hát az a “sok” most éppen ennyi (katt a nagyobb képért):

A kezdeményezés mindenképpen dicséretes, de nem érzem benne azt a dinamikus fejlődést, amitől elkezdeném nap mint nap használni.

IETester

Az IETester ingyenesen letölthető kis program, ami nem kis hekkeléssel eléri, hogy egy programon belül egymás mellett futtathassunk IE 5.5, 6, 7, 8 és 9 verziókat (katt a nagyobb képért):

Ez azért nem kis feladat, le a kalappal a programozó előtt. Sajnos a megoldás nem tökéletes, a főbb dolgok működnek, de egyes apróságok nem és ráadásul néha el is száll a program. Gyors tesztelésre kiváló, de azért 100%-osan nem bízom benne.

Firefox

A Firefox szerencsére sokkal egyszerűbb eset, mint az IE, mert lehet két verziót egymás mellett egy gépen futtatni. Ez kell hozzá:

1. Külön mappába kell telepíteni a régi és az új verziót, nem szabad engedni az upgrade-et.
2. Célszerű létrehozni önálló user profile-okat a régi és az új verzióhoz, hogy még véletlenül se keveredjenek a beállítások.
   • Ehhez elindítottam a Firefox User Profile Managert: firefox.exe –p –no-remote
   • Készítettem két felhasználói profilt:
     
3. Át kell írni a Start Menüben a parancsikonokat: firefox.exe –p profilnév -no-remote
   Célszerű átírni a Start Menüben a mappák neveit is, illetve Firefox 4 esetén is létrehozni a Safe Mode parancsikont, aminél a parancssor végére egy –safe-mode kapcsoló kell.

Ez hiba nélkül működik, annyi szépséghibája van, hogy a régi és az új verzió ikonja pontosan ugyanúgy néz ki a tálcán, figyelni kell, hogy hova kattint az ember fejlesztés közben.

Mivel a két verzió más-más beállításokat használ, ezért természetesen a plugineket külön kell telepíteni mindkettőhöz (Firebugból például más verziót is kell telepíteni). Ha esetleg valami annyira nem akar működni, hogy el sem indul a böngésző, akkor célszerű megnézni Safe Mode-ban a telepített plugineket (nálam például valahogy a telepítés után rögtön bekerült a Toshiba Automatic Password Input in Fx 1.0 pluginje, ami már elindulni sem engedte a böngészőt, ki kellett kapcsolnom).

Chrome

A Chrome az egyik legfájdalommentesebb a sok böngésző közül, mert a felhasználó profil mappájába települ és észrevétlenül frissíti magát. A frissítést a Windows Task Scheduler vezérli, óránként nézi meg, hogy van-e újabb verzió és automatikusan telepíti is azt. Így igazából még sosem akartam két Chrome verziót telepíteni egymás mellé, mert minden felhasználó gyorsan átáll az új verzióra.

Opera és Safari

Az Opera és a Safari side-by-side futtatásával nincsenek tapasztalataim, ha nektek van, kérlek írjátok meg ide hozzászólásként. Köszönöm!

IE9: Google Chrome Microsoft bőrben

Megjelent az IE9 első nyilvános béta változata, érdemes megnézni, hogy min dolgoztak a redmondi fiúk több, mint másfél évig. Lássuk be, épp ideje volt előrukkolni egy új verzióval, hiszen ennyi idő alatt a Google Chrome például négy nagy verziót lépett előre és szinte a semmiből érkezve elhalászta a piac jelentős részét. Nem is csoda, másfél naptári év internet években mérve több ezer évnek számít, ennyi ideig nem lehet csöndben csak ígérgetni az új verziót. Úgy tűnik, hogy megérte várni, az új verzió egészen impresszív.

“Ez egy Google Chrome” – ez volt az első benyomásom a telepítés után (erre még visszatérek). Először is egy villanás alatt elindult (de tényleg), másrészt a GUI éppolyan egyszerű és letisztult, mint a Chrome esetén. Aki ott nem szerette, hogy egyetlen mindent tudó beviteli mező van (itt a marketingesek One Box-nak hívják), nincs menü, állapotsor, az itt sem fogja szeretni az alapbeállításokat. Ráadásul statisztikák alapján odáig jutottak, hogy a legtöbb felhasználó egy böngésző ablakban csak kevés tabot nyit, ezért azok elférnek a címsorral egy vonalban. Nekem ez így elsőre kicsit szűkösnek tűnik, egy 1280×1024 felbontású monitoron nagyon hamar teljesen összezsúfolódnak a tabok feliratai:

A “Clean” szlogenhez tartozik, hogy alapértelmezés szerint összesen egy menü van, az a fogaskerék “A” felső sáv jobb szélén, amiből még a nyomtatás sem megy egy kattintással, ezért bevallom, ez nem tetszik. Ki fogja használni ezek után a Safety menü funkcióit (pl. InPrivate Browsing), ha megtalálni sem lehet?

Persze, ha akarom, elő lehet varázsolni a Command Bart, de az olyan IE8-as feeling

Ugyanebbe a sorba került a Home gomb is, ez is jobbra. Nem tudom más hogy van vele, nálam a Home gomb a kezdet, az origo, a kályha, a tabula rasa. És mivel ahonnan én jövök, ott balról jobbra olvasunk, bizony számomra teljesen illogikus ennek a gombnak a mostani helye. A Stop és Refresh gombokat (amik a címsor jobb szélén vannak) át lehet tenni balra, a Home gombot nem (vagy csak nem jöttem rá, hogyan). Percekig kerestem, mire ráleltem.

Szintén percekig fogják keresni a felhasználók az ablak alsó részén felbukkanó figyelmeztetéseket és kérdéseket. Állítólag ott kevésbé zavaró, hát én pont azt gondolnám, hogy az ilyen üzenetek legalább annyira legyenek zavaróak, hogy észrevegye őket a felhasználó.

Van végre beépített letöltéskezelő, amiben leginkább az tetszik, hogy összenőtt az IE SmartScreen Filterével, ami sok átlagfelhasználó számára fogja biztonságosabbá tenni a böngészést (persze csak azoknak, akik elolvassák az üzeneteket).

 

Szintén hasznos újításnak tűnik, hogy a böngésző felhívja a felhasználó figyelmét azokra a beépülő modulokra, amik fojtogatják:

 

Bár ezt úgy “árulják”, hogy majd az átlagfelhasználó számára teszi gyorsabbá és élvezhetőbbé a böngészést, szerintem pont ők nem fognak tudni mit kezdeni ezzel az ablakkal, inkább fejlesztőknek szól. Szintén a fejlesztők fognak örülni, hogy a Firebug után pár évvel végre az IE Developer Toolsban is megjelent a Network fül, így végre Fiddler nélkül lehet belekukkantani a hálózati forgalomba:

Hasznos, hogy a Go To Detailed View gombra kattintva további részleteket tudhatunk meg az egy requestekről és response-okről, a fejléc mezőkön, a tartalmon és a cookie-n kívül azt is, hogy a böngészőnek mennyi ideig tartott a kérés feldolgozása:

És persze nem feledkezhetünk meg a HTML5 és a CSS3 támogatásról sem, a hírek szerint ebből a szempontból az IE9 maga a paradicsom. És ez nekem alapvetően tetszik is, bár én ezt úgy fogalmaznám, hogy az IE9 felzárkózott a többi böngésző mögé. Arra tippelnék, hogy ha néhány nagyobb webhely (Google, YouTube, Facebook) elkezdenének csak HTML5 tartalmat szolgáltatni, maximum egy év alatt lecserélődne a teljes böngészőkészlet a klienseknél, ami nagyon, nagyon jó hír lenne a webfejlesztők számára. De nem fognak. Mégpedig (többek között) azért nem, mert az IE9 nem fog Windows XP-n futni, és még ezek a nagy webhelyek sem engedhetik meg maguknak, hogy a forgalmuk jelentős részét elveszítsék. Ha mégis, akkor a Microsoft nem fog jól járni, tömegesen fognak átállni a felhasználók más böngészőkre, mert böngészőt váltani sokkal egyszerűbb, mint operációs rendszert (amihez sokszor hardver váltás is szükséges).

Ezt a Windows 7 integrációt (többek között) az IE9 Pinned Sites funkciója használja ki. Eddig ha egy weboldalt ráhúztunk a tálcára, akkor a böngésző ikonja jelent meg a böngésző funkcióival. Most a weboldal funkciói közvetlenül a tálcán lesznek elérhetőek a Jump Listnek köszönhetően:

Ez jól jöhet olyan helyeken, ahol a böngésző csak néhány alkalmazás kereteként funkcionál, mert egyébként ez nem más, mint egy előretolt Kedvencek lista. Ezen kívül nem hiszem, hogy sok webhely esetén igény mutatkozna erre a funkcióra (hányan gyártanak OpenSearch providert vagy acceleratort?), de majd meglátjuk.

Sajnos tehát az IE9 még mindig nem egy önálló böngésző, hanem az operációs rendszer szerves része, még a telepített programok között sem jelenik meg, csak a telepített frissítések között és persze csak Windows 7-en. Pedig milyen szép is lenne, ha egy derűs őszi napon a világ összes Windows felhasználója arra ébredne, hogy új böngészője van, ami megbízható, gyors benne a JavaScript motor és támogatja a HTML5 és a CSS3 újdonságait. A webfejlesztők megünnepelnék azt a napot, amikor az utolsó IE6 és IE7 változatok is eltűnnek a gépekről.

(A cikk szubjektív válogatás a böngésző újdonságaiból, teljes lista és leírás a http://www.beautyoftheweb.com oldalon található.)

Technorati-címkék: Internet Explorer,IE

R.I.P. IE6 (2001-2010)

Gyászjelentésnek ritkán örül az ember, de ez nagyon feldobta a napomat (köszönet Richárdnak a linkért):

Internet Explorer Six, resident of the interwebs for over 8 years, died the morning of March 1, 2010 in Mountain View, California, as a result of a workplace injury sustained at the headquarters of Google, Inc. Internet Explorer Six, known to friends and family as "IE6," is survived by son Internet Explorer Seven, and grand-daughter Internet Explorer Eight.

Az IE6 részesedés szerencsére zuhan, a rankings.hu-nál épp 7.39%-nál, az Adverticumnál 9.7%-nál jár (az általunk mért helyeken <1-5% körül mozog). Ez a 7-10% körüli érték sajnos még mindig túl nagy célközönség ahhoz, hogy minden webhelyen le tudjanak mondani róluk – bár mi (és gondolom sok más webfejlesztő) az összes általunk fejlesztett oldal gazdáját megpróbáljuk lebeszélni az IE6 támogatásáról. Az MSDN Kompetencia Központ weblapján már egy éve nem támogatjuk az IE6-t, az akkori mérésekhez képest nálunk az IE6-t használó látogatók aránya a harmadára esett vissza, de még mindig 4% körül mozog.

Ha van a világon valami, ami komolyan segítheti az IE6 kipusztulását, akkor az, hogy a Google lemond róla, valószínűleg nagyon is ezen események közé tartozik. Persze az is jó kérdés, hogy a Google által ajánlott (támogatott?) böngészők közül miért maradt ki az Opera…

Ti mire teszteltek?

 

Technorati-címkék: Google,IE

Képregény a SmartScreen filterről

Még régebben futottam bele az alábbi oldalba, elég tanulságos volt. Hány embert ismertek, aki azonnal bedőlne neki és nincs olyan szoftver vagy beállítás a gépén, ami megvédené?

Egy kereső találati listában egy ígéretes linkre kattintva ezzel találtam szembe magam:

Hmm, ez a weboldal próbálkozik valamivel, csak éppen nem sikerül neki, talán mert nem vagyok admin a gépen, ezért kap Access is denied hibaüzenetet. Debuggolni épp nem volt kedvem, ezért nyomtam az OK-ra, amitől a weboldal őrült villódzásba kezdett:

Windows Security Alert, hűha, ennek aztán a fele se tréfa! Ugyan ordít róla, hogy ez egy sima weboldal, azért kipróbáltam, hova lehet kattintani. Gyakorlatilag mindegy, hova kattint az áldozat, úton a segítség, csak az OK-ra kell kattintanunk és máris töltődik lefelé az ingyenes vírusirtó.

Mindössze annyi dolgunk van, hogy kattintsunk a RUN vagy OPEN gombokra, amit “nyugodtan” megtehetünk, hiszen a weboldal maga mondja, hogy a fájl digitálisan alá van írva (ez ugye fontos, ma már mindenki hallott róla) és egyébként is 100% (talán több is), hogy vírus, reklám és képprogram mentes. Akár elhisszük, akár nem (ne tegyük), csak az OK gombra lehet kattintani, hiszen modális dialógus ablakról van szó.

Már töltődne is lefelé, a csábítóan hangzó bonuspromooffer szervere villámgyors.

Annyira azért nem voltam kíváncsi, hogy a gépemre engedjem a gonoszt, ezért természetesen Cancelt nyomtam még a letöltés kezdete előtt.

Meg is kaptam a fejmosást, hogy ilyet nem szabad ám tenni, mert zizis marad a gépem. A változatosság kedvéért itt már van OK és Cancel gomb is, meg hozzá egy nagy kérdőjel, amit összességében úgy értelmezhetünk, hogy “Felfogtad ??”. Akár igen, akár nem, azt azért nem árt tudnunk, hogy akár a registry vagy a fájl rendszerünk is tönkremehet, ami persze a világvégét jelentheti.

Na még egyszer, hátha nem értetted:

És hogy tudd, mekkora bajban vagy, a “Windows” máris ordít, hogy fertőzött a géped. Szép lassan végig is szkennel mindent, villognak a mappák, a fájlok, és csak úgy dől a lista a gépünkön tomboló gonosz fenyegetésekről:

Van belőlük összesen 527, méghozzá scrollozható listában! Az nem kevés ám, így aztán megint felajánlja a “jóságos” weboldal, hogy ad nekünk ingyenes csodapapit, amire azonnal szükségünk van, még mielőtt megsérülnének a fájljaink!

Ekkor próbáltam végig, hogy hova lehet kattintani az oldalon. Amikor épp nincs fent egy modális dialógus ablak, akkor lelkesen “szkenneli” a gépet és micsoda meglepetés, tonnányi fertőzött és fertőző fájlt talál. Ilyenkor lehet kattintgatni az oldalon, minden link és menüpont “működik”, vagy közvetlenül a fájl letöltésre vezet, vagy ide.

És ha még itt sem akarjuk letölteni az ingyenes programot, akkor elvisznek a krampuszok:

Ekkor fogyott el az aznapra rendelt játékidőm és kíméletlenül benyomtam a böngésző Smart Screen filterét, ami egy csapásra megoldotta a modális dialógusablakok és lelőhetetlen JavaScript ciklusok problémáját.

Közben végig azon gondolkodtam, hogy vajon az ismerőseim közül hányan dőlnének be ennek az amúgy igen profin elkészített oldalnak miközben rendszergazdai jogosultságokkal szaladgálnak a neten.

Technorati-címkék: Security,Internet Explorer,SmartScreen filter

SEO szerszámosláda

Épp újratelepítem a gépemet – természetesen Windows 7-tel – és megint vadászhatom össze a kedvenc Firefox bővítményeimet.

Firebug

Letöltés. Remélem senkinek nem kell bemutatni, kötelező darab annak ellenére, hogy az IE8 már beépítetten tartalmaz hasonlót (Developer Tools). HTML és CSS környékén hasonló a tudásuk, Firebugban azonban sokkal jobban tudom monitorozni a hálózati forgalmat, az időket és a HTTP fejléceket.

A FF 3.5-ben megjelent Automatically start Firefox in a private browsing session opciót nem szabad bekapcsolni, mert akkor a Firebug minden oldalletöltéskor eltűnik és nem mutatja a forgalmat. Szóval döntsük el, hogy éppen pornót nézünk vagy forgalmat elemzünk

Google Page Speed

Letöltés.  Ez az egyik új kedvencem, a Firebugba épül be és bár kicsit lassú és gyakran kell újrafuttatni, hasznos tanácsokat ad a keresőoptimalizáláshoz. A kliens oldali cache konfigurálásához nagyon hasznos, add tippeket a képek, a CSS és a JavaScript optimalizálásához is, sőt azonnal fel is ajánlja ezeknek az erőforrásoknak az optimalizálását. Jól használható önmagában a doksija is, tömör és lényegre törő.

Tud timeline-t is, amiben a Firebugnál részletesebb bontásban jelenik meg, hogy a böngésző éppen mivel vacakolt.

SenSEO

Letöltés. A változatosság kedvéért ez is a Firebugot bővíti ki méghozzá oly módon, hogy miután letöltöttünk egy oldalt, megmondja, hogy mit lát belőle egy keresőmotor, sőt megadhatunk neki egy kereső kifejezést, amire ő megmondja, hogy az oldal egyes részei (title, meta description stb.) mennyire felel meg neki.

Elemzi az oldal HTML kódját, azon belül nem csak a fejlécet, de a címsorokat is, továbbá a domaint és a path-t, az eredményt pedig egy színes-szagos HTML oldal formájában képes exportálni.

Live HTTP Headers

Letöltés. Firebugtól független Firefox bővítmény, amely megmutatja a teljes HTTP forgalmat. Azt szeretem benne, hogy egy külön ablakban folyamatosan naplóz, így kiválóan látszanak az átirányítások.

Másik kedvencem benne a Replay funkció, amivel újrajátszhatom a kérést, természetesen előtte tetszőlegesen módosítva a HTTP fejléceket.

Tamper Data

Letöltés. Ez a kis addon azt teszi lehetővé, hogy még az előtt belenyúljunk a HTTP kérésbe, hogy a böngésző elküldené azt a szerverre. További hasznos funkciója, hogy beépítetten tartalmaz egy rakás biztonság tesztelő funkciót, SQL injection, cross-site scripting és számok tesztelésére.

IIS 7 Search Engine Optimization Toolkit

Letöltés. Na ez kivételesen nem a Firefoxba, hanem az IIS 7-be beépülő egyik legújabb bővítmény, ami gyakorlatilag ugyanúgy végigjárja a webhelyünket, mint ahogy egy robot tenné, majd egy jelentésben összefoglalja, hogy mit kellene javítanunk: hol vannak törött linkek, hol hiányzik egy title vagy egy meta description, hol nem releváns egy hivatkozás szövege, melyek azok az oldalak, amelyekre több helyről máshogyan hivatkozunk stb.

Egyebek

Visual Round Trip Analyzer (VRTA)

Letöltés. Ez igencsak low-level elemzésre használatos jószág, a Netmonnal együttműködve mondja meg, hogy mi történik a hálózaton, miközben a böngésző előtt csak bambán vár a felhasználó. Kereső optimalizálásra nem jó, de a hálózati bottleneckek kiderítésére igen, ráadásul van benne néhány szabály is, ami alapján osztályozza a webhelyünk teljesítményét.

Fiddler

Letöltés. Ő sem igazán SEO elemző, inkább a nyers hálózati forgalmat célszerű vele nézegetni. Írtunk már róla korábban, Dávid Zoli egy hekkelős bevezető cikket, én pedig a JSON és a localhost használatáról.

FireShot

Letöltés. Ez a ráadás, ami leginkább kilóg a sorból: képernyőfotók készítésére jó, tökéletesen kezeli a képernyőből kilógó nagy méretű oldalakat is. Tavaly írtam egy Webpage Capture nevű programot, ami ugyanezt csinálja IE alatt, akkor kaptam a tippet, hogy érdemes kipróbálni a FireShotot.

 

Ti mit használtok még?

Technorati-címkék: Firefox,Firebug,addon,webfejlesztés,SEO,Google

Gombok kiszürkítése Firefoxban

Azt hiszem jogosan várjuk el egy szoftver felhasználói felületétől, hogy ha egy gombot nem lehet megnyomni, akkor ez messziről ordítson róla. Sajnos ez a Firefoxban megjelenített weboldalakon nem mindig van így.

Legyen két teljesen egyszerű gombunk, ám az egyik legyen disabled:

  <asp:Button runat="server" Text="Meg lehet nyomni" />
  <asp:Button runat="server" Text="Nem lehet megnyomni" Enabled="false" />

Ezek teljesen jól jelennek meg IE8-ban és FF 3.5-ben, a disabled gomb szép szürke:

A bajok akkor kezdődnek, ha elkezdünk virgonckodni és ráakasztunk a gombra valamilyen dizájnt, például ezt a CSS osztályt:

  .button
  {
    background-color: Orange;
    color: #940000; 
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 0.8em;
    border: solid 1px #afafaf;
    cursor: pointer;
    padding: 3px 5px;
    border: solid 1px #d5d5d5;
  }

Innentől kezdve a nyomorult Firefox nem törődik azzal, hogy a gomb enabled vagy disabled, mindegyik úgy fog kinézni, ahogy azt a CSS osztályban megadtuk: Az egyik megoldás nyilván az, hogy miközben szerver oldali kódból vagy JavaScriptből állítgatjuk az enabled állapotot, manuálisan gondoskodunk a gomb megjelenéséről is. Ennél egy nagyságrenddel jobb megoldás egy másik CSS osztály felvétele, ami csak akkor alkalmazódik, ha a gombot letiltottuk. Ehhez tudnunk kell, hogy a szerver oldali Enabled=”false” kliens oldalon disabled=”disabled” lesz:

  .button[disabled="disabled"] /* Firefox workaround */
  {
    background-color: LightGray;
    color: Gray;
  }    

Íme az eredmény:

Kiváló példa arra, hogy egy dizájner mivel tud hónapokig “szöszmötölni” egy projekten, illetve, hogy mennyire nem attól lesz valaki jó dizájner, hogy van grafikai érzéke és ismeri a CSS-t, hanem hogy mennyi tapasztalata van és mennyire figyel a részletekre.

Ráadás (2009.08.25.)

Úgy látszik ez sem tökéletes, ugyanis ha JavaScriptből állítom a disabled tulajdonságot, akkor FF-ban “”, “true” vagy “false” értéket vesz fel, amire persze a fenti disabled=”disabled” nem illeszkedik. Gincsai Gábor barátom szerint a .button:disabled { color: Gray; } osztály felvételével ez is kezelhető.

Technorati-címkék: Firefox,CSS,Button,disable

Az IE 6-nak mennie kell

Biztos sokakhoz már eljutott a hír, megjelent az Internet Explorer 8, ingyenesen letölthető, telepíthető, telepítendő! Én a béta 1 változattól kezdve használom és bevallom semmi problémám nem volt vele. Ha egy webhely nem támogatta, a Compatibility View segítségével akkor is tökéletesen lehetett használni az oldalt. Merem ajánlani. A korábbi verzióknak, különösen az IE 6-nak immár mennie kell!

Az IE 6-tal sok gond van, nem véletlenül szeretne tőle minden webfejlesztő megszabadulni. Az elmúlt hónapokban kampány indult az IE 6 kipusztítására:

• Stop Living in the Past
• IE6: Do NOT Want!
• Dear IE6
• StopIE6.org
• StopIE6.com

Mivel nem csak webfejlesztőként, hanem felhasználóként a személyi adatokat és a biztonságot szem előtt tartva sem szerencsés az IE 6 használata, ezért mától mi is felhívjük erre az ilyen böngészővel honlapunkra látogatók figyelmét:

Persze felmerül a kérdés, hogy ez hány látogatót fog érinteni? Bár az IE 6 2001. augusztus 27-én, több mint 7 éve jelent meg, még mindig meglepően sokan használják. Íme néhány általunk mért webhely statisztikája, az IE 6 arány ijesztően nagy egy ennyire elavult, ráadásul ingyenesen frissíthető termékhez képest:

 

 

Tisztában vagyok vele, hogy néhányan kényszerből (vagy mert ez a policy vagy mert valamilyen alkalmazás csak ezzel megy), de meggyőződésem, hogy nagyon sokaknál csak az akaráson múlik, hogy verziót váltanak-e.

Kedves IE 6!

Jó volt veled, de most már menj.

Üdvözlettel,

Az MSDN Kompetencia Központ csapata

Technorati Tags: Internet Explorer,IE,IE 6