Monthly Archive for 2008. június.

A DOM defaultValue trükk

Azt hiszem nem sokan ismerik a beviteli elemek (<input/> és <textarea/>) már 2000-ben DOM által specifikált, és a böngészők által is támogatott egyik lehetőségét, a defaultValue (és defaultChecked) tulajdonságát. Ha beviteli mezőkbe szeretnénk példa vagy súgó szöveget elhelyezni amíg azok nem kerülnek szerkesztésre, akkor ezek a tulajdonságok sokat segíthetnek.

"HTML sorcerer"

Az input és textarea elemek defaultValue tulajdonsága azt az értéket tartalmazza, mely a value segítségével eredetileg be volt állítva (vagy pedig amit korábban beállítottunk – írható érték). Ezt tudjuk kihasználni egy súgószöveg elhelyezésére:

<input id="email" type="text" value="ide írjad az email címed" />

Majd pedig hozzárendelünk JavaScript eseménykezelést:

var iEmail = document.getElementById("email");
iEmail.onfocus = function() {
  if (this.value == this.defaultValue) {
    this.value = "";
  }
}
iEmail.onblur = function() {
  if (this.value == "") {
    this.value = this.defaultValue;
  }
}

Ha az input mező fókuszba kerül, és a súgószöveg az értéke, akkor töröljük azt, ha elveszti a fókuszt, és még nem írt bele a felhasználó semmit, akkor pedig visszaállítjuk az eredeti értéket.

Két dolgot lehet még javítani a kódon. Az egyik, hogy alapból adunk egy class="default" osztályt az elemnek, ami felel a szöveg elszürkítéséért (color: #888; – vagy bármilyen más módon jelzi a felhasználó számára, hogy ezt nem ő írta be. Ezután a fókuszkor nem az egyezőséget, hanem ennek az osztálynak a meglétét kell ellenőrizni (JS kódkönyvtártól függő módon vannak erre függvények, pl. this.hasClass("default")), és ha megvan akkor leszedni, fókusz elvesztésekor pedig ha üres volt a mező értéke, akkor az érték visszaállítása mellett visszaállítani az osztályt is (this.removeClass("default") és this.addClass("default")). Ezzel azt a hibalehetőséget is megoldjuk, ha a felhasználó ugyanazt az értéket írja be, mint ami a súgószövegünk volt.

A másik javítási irány a form elküldésekor a súgószövegek eltüntetése az input mezőből, ez kiegészíthető a mező kitöltésének ellenőrzésével, kliens oldali validációval is persze. A szerver oldali validációt lehet, hogy célszerű kiegészíteni a súgószövegre szűréssel is.

A defaultValue mind input, mint textarea esetében működőképes, sőt, a defaultChecked segítségével rádiógombok, checkboxok esetén is lekérdezhető az alapbeállítás (már kérdés, hogy ott nincs sok értelme a fent leírt módszernek).

Nem mondod!? Ugye?

Még a mai napig is tartja magát pár hülyeség webfejlesztői körökben. Amikor meghallom ezeket a gondolatokat Mr. Webmester tolmácsolásában, az az érzésem támad hogy én vagyok Pókember. Íme a Webakadémia szégyenfala. Tudsz hasonló idézeteket?

Mr. Webmester

(1) “Az Internet Explorer a legszabványkövetőbb böngésző, a többi böngésző is másolni igyekszik, nézd meg például az XMLHttpRequest megvalósítást!” Hát nem. Az Internet Explorer 6 egy modern böngészőnek számított amikor megjelent, de nem volt tökéletes. Több nem szabványos lehetőséget is implementáltak bele a verseny hevében, így adatlekérdezést is oldalfrissítés nélkül. Ezek a megoldások azonban nem voltak szabványosak, és nem is lettek azok csak azért, mert az IE6 támogatta azokat. A szabványok nem feltétlenül változtak, de az Internet Explorer bizony elavultnak számít ma már. Az új Internet Explorer 7 egy nagyon kicsit jobb, de szabványközelíségről majd csak az 8-as változat esetén beszélhetünk majd. A többi böngésző folyamatos fejlesztéssel, új verziók gyakori megjelenésével bizony hatalmas előnyre tett szert a szabványok követését illetően.

(2) “Ne használjunk az oldalon PNG-t, mert az IE6 nem támogatja az átlátszóságot!” Használjunk nyugodtan PNG-t, az IE6 is támogatja. Az átlátszóságát is. Amit nem támogat, az az áttetszőség. Az áttetsző PNG-knek tényleg vannak az IE6 miatt korlátai, de attól még a PNG simán használható, és sokszor tömörebb képet eredményez a GIF-nél.

(3) “A JavaScript egy nagyon lassú, buta és ronda nyelv, kínszenvedés benne a fejlesztés.” A JavaScript szabványosított változata, az EcmaScript egy nagyon modern nyelv. Ehhez egy IE6 implementáció is közel áll. Funkcionális, objektum alapú programozást, moduláris fejlesztést tesz lehetővé, egyáltalán nem nevezhető buta nyelvnek. Egyes megvalósításai lehet hogy lassúak, de ez az adott implementáció miatt van így, nem a nyelv miatt. A fejlesztés pedig egyáltalán nem kínszenvedés JavaScript-ben, szintén csak az egyes implementációkkal van, lehet gond. Ha az elterjedtebb böngészők alatt működő és jól működő kódot szeretnénk írni, akkor ne a JavaScriptben keressük a hibát, hanem nézzünk körül pl. a DOM (és egyéb) szabványokat illetően.

(4) “A JavaScript a Java nyelv script változata.” Nem, a két nyelvnek a nevükön kívül gyakorlatilag semmi közül egymáshoz (ez sem igaz így, de hát Leonardo DiCaprio és a dobókocka hasonlóságáról sem szoktunk beszélni csak azért, mert mindkettő atomokból épül fel a tudomány mai állása szerint). A konkrét történet fellelhető például a Wikipédián.

(5) “Az IE és a Firefox nem egyformán értelmezi a margint.Egy oldal készítésekor első lépés a DOCTYPE beállítása. Utána bizonyos hibáktól eltekintve (pl. IE6 féle double-margin) alapvetően ugyanazt a szabványos dobozmodellt használja a fellelhető böngészők 99.999%-a.

(6) “A jobb egérgomb letiltásával hacker biztossá tettem az oldalt!” Ezzel maximum egy naív ügyfelet lehet jól átverni. Egyrészt a legtöbb böngészőben elég egyszerűen letiltható a JavaScript és így az egérgomb letiltása is megszűnik, másrészt az oldal használhatósága rendkívül romlik. JavaScript letiltása nélkül is könnyen kinyerhető az oldal tartalma, ha más nem a képernyő mentésével…

(7) “Java Script-ben hogy lehet meghívni mysql adatbázist?” Rossz a kérdés, legalábbis ha egy böngészőben futó JavaScript (egybeírandó, S nagybetűs) segítségével szeretnénk elérni a szerveren levő MySQL-t (ezt meg így kell írni). Konkrétan a válasz így az, hogy sehogy, a részletesebb válasz pedig az, hogy közbe kell iktatni egy szerver oldali PHP kódot, amivel már el lehet érni az adatbázist.

(8) “PHP-ből hogyan tudok alert() ablakot nyitni?” Ugyanaz a probléma, mint az előbb, összemosásra kerül a kliens oldal és a szerver oldal az illető fejében. Tanulmányozni kellene azt, hogy mitől, milyen folyamat során kerül megjelenítésre a böngészőben egy weblap. PHP-ből “sehogy” sem lehet alert() ablakot nyitni a böngészőben, de össze lehet rakni egy olyan weboldalt, aminek része egy JavaScript kód, ami lefut az oldal megjelenítésekor.

(9) “Táblázatokkal olcsóbb és hatékonyabb a layout elkészítése.” Nem az, ma már semmiképp sem az. A sitebuilder szakmának nem volt könnyű az átállás a beidegződések miatt, de CSS-t használni layout készítésére kevesebb HTML kódot, kevesebb képet, kliens oldalon nagyobb arányban cache-elhető kódrészeket, gyakorlatilag gyorsabb oldalt eredményez. A legtöbb igény megvalósítható CSS alapú layouttal, s míg vannak kivételek, ezeknél sem árt elgondolkodni, hogy tényleg úgy akarjuk-e. Sajnos a jelenlegi CSS szabványok sem a layoutra termettek, és bizony hasonló hackelésnek számítanak mint a táblázatok anno, de így is jóval több előnyös oldala van ennek a megoldásnak, mint a táblázatosnak volt.

Figyelem, pár idézet majdnem szó szerint lett átvéve innen-onnan, 2008-as fórumbejegyzésből! A szomorú amúgy nem az, hogy ilyenek előfordulnak (de, az is az), hanem hogy nem ismerek olyan magyar nyelvű oldalt amelyre át lehetne irányítani az abszolút kezdőket, és ahol átfogóan, korrektül össze lenne foglalva a webfejlesztés filozófiája, története, és hogy merre lehet tovább olvasgatni.

Ezzel a bejegyzéssel nem a kezdők pellengérre állítása a cél. Ha végképp nincs egy jó szavunk se valakire, akkor sokkal okosabb inkább egyedül hagyni, mint felesleges flame-t kiváltva válaszolni neki. Ha van időnk rá, akkor próbáljuk meg így vagy úgy a jó irányba terelgetni a kezdőket, ha válaszolunk nekik, akkor gondolkodjunk el hogy mit terjesztünk, ne írjunk le féligazságokat félinformációk alapján, és nézzünk utána a dolgoknak! Persze kezdőként sem árt, ha néha rákeresünk bizonyos témákra, mielőtt kérdeznénk valamit. És bár szép életcél, de ne akarjunk egy hétvége alatt összedobni olyan dolgokat, melyek kifejlesztése előzetes kutatások garmadáját, és több hónapos fejlesztési időt igényel. És tudást.

Közösségi design patternek

Míg a szoftver fejlesztők körében ismert módszernek számít a design patternek alkalmazása (mondjuk úgy, hogy bevállt módszerek mintaként való leírása és alkalmazása), furamód kevés szó esik hasonló megoldásokról olyan egyéb területeken, mint például a marketing vagy a közösségek kialakítása. Az éppen kihalófélben levő Yahoo! lendülete még tart, és nemrégiben tették közzé a közösségi oldalak, szolgáltatások során használható elismertséggel, hírnévvel kapcsolatos tervezési mintáikat.

A Yahoo! eddig is egy elég jól használható, főként designnal, felhasználói felületekkel kapcsolatos design pattern gyűjteményt szedett össze, ehhez adta hozzá most a hírnévvel kapcsolatos praktikákat.

Egy igazi design pattern problémák megoldásáról szól. A hírnévvel kapcsolatos sémák egy felhasználó közösségben való részvételét, és az ennek kapcsán használatos elismertséget, hírnevet hozó megoldásokat foglalja össze, s teszi láthatóvá, hogy önmagában véve egyik módszer sem az igazi, egy egyensúly megtalálása jelentheti azt, hogy az oldalunk igazán jól tud működni.

A különböző patternek a felhasználó nevesített, számozott, kategorizált, pontozott elismertségi szintjeit, gyűjthető “plecsniket”, a rendszerben vezető top felhasználók kiemelését, az elfoglalt hely megjelenítését mutatják be mint lehetőségeket. Ha egy közösségi oldalt készítünk, és szeretnénk hogy az jól működjön, célszerű ezekről a mintákról elgondolkodni, és lehetőség szerint mértékkel, de bevetni ezeket a közösség kialakítása során – persze figyeljünk oda arra is, hogy el elhibázott rendszer lehet oldalunk totális megbuktatója is ahelyett, hogy segítené bármiben is a fejlődését (lásd például a Plurk karma rendszere, mely bár motivája a részvételt, rengeteg felesleges üzenetet termel, a tartalom pedig felhígul sok felhasználó számára nem elfogadható módon).

A végére pedig egy interjút hagytam a Bryce Glass-szal, aki a Yahoo! interakció tervezője: Social Design Patterns for Reputation Systems: An Interview with Yahoo’s Bryce Glass (Part I).

Firefox 3 újdonságok – felhasználói szemszögből

Itt a Firefox 3, és ahogy az várható volt, rekordot is döntött a letöltések számával. Jópáran örvendeznek, jópáran szidják, jellemzően csípőből mind a két megközelítésből. Nekem vegyesek az érzelmeim, de a végeredmény az, hogy nagyon jó a Firefox 3.

Ami a memóriahasználatot illeti, a Firefox 3-mat alaposan rendbeszedték. Míg a Firefox 2-vel (extrém felhasználó vagyok, 100 füllel) szinte használhatatlan lett a gépem a memóriafogyasztás miatt (2 GB), addig az új verzió egész kellemesen használhatóvá tette a böngészést. Az újdonságokat illetően nekem bejön a bazinagy visszafele gomb (kikapcsolható: eszköztáron jobb egérgomb, testreszabás, kis ikonok checkbox beikszelése), mind a MacOSX-es, mind a Windowsos téma, a wunderbar (akarom mondani awesomebar – szintén kikapcsolható: OldBar kiterjesztés és bütykölés), és az egyebek, amikről mindjárt írok. A címsorban látható faviconra kattintva bejövő oldal információ látványos, de szerintem nem változtat semmit.

Ami a kiterjesztéseket illeti, az utolsó hetekben is sokat javult a helyzet. Ennek ellenére vannak memóriazabáló, és nem igazán jó állapotúak, tehát mindenképpen csak mértékkel pakoljunk fel, ezekből, megnézve hogy mennyit tesznek hozzá a memóriahasználathoz. Ez volt a helyzet a Firefox 2 megjelenésekor is, ezt illetően sajnos nem változott a szituáció. A memóriahasználatot illetően a nem túl jó kiterjesztések körébe tartozik a Firebug béta változata (bár talán már egészen használható), a Google Gears, Greasemonkey, Stylish kiterjesztésekkel nem volt gondom.

Elsőre nem tűnik fel, de a címsor egyik újdonsága a csillagozás lehetősége. Ezzel gyorsan, egy kattintással tudunk könyvjelzőzni oldalakat, második kattintásra pedig címkéket rendelhetünk hozzá, megváltoztathatjuk a leírást, illetve a könyvjelző könyvtárat, ahova kerül. Az új címsorba ezután beírva a címkéket, elő fog jönni a könyvjelző. Ezt megspékelhetjük még a Delicious kiterjesztéssel is (Firefox 2-vel használtam, most még nem próbáltam).

A letöltések ablaka végre úgy működik, ahogy kell. Apró, de hasznos újdonság, hogy megnyitható az az oldal, ahonnan letöltöttük az adott fájlt, és hosszas fejlesztések után valóban leállítható és újra elindítható egy letöltés is. A kereshetőség hab a tortán, valószínűleg én sohasem fogom használni.

Az új címsorban, ha nem tetszik valami ajánlott tartalom, illetve egy weblapon, ha egy input mezőnél a megjegyzett értékek (auto complete) nem tetszenek, akkor delete (Mac-en shift+delete) gombbal ki lehet ezeket törölni. Input mezőknél szerintem már Firefox alatt is működött a dolog, bár nem volt túl ismert.

A magyar helyesírásellenőrzés (azt hiszem egyelőre csak akkor érhető el, ha a magyar Firefoxot töltöttük le) nálam nagyon szépen működik. Ha nem csak a textarea-knál, hanem input mezőkben is engedélyezni szeretnénk, akkor arra is lehetőségünk van az about:config oldal meglátogatásával, majd a layout.spellcheckDefault értékének 2-re állításával.

Érdekes újdonság, hogy több részt is kijelölhetünk egy oldalon. Ehhez Mac alatt a Command (Mac) gombot kell lenyomva tartanunk, Windows alatt pedig a Ctrl-t. Így a vágólapra másolhatunk egy kivonatolt szöveget könnyedén.

Van még az új viselkedésű Zoom (Nézet -> Nagyítás), mely a szöveget, képet és egyéb tulajdonságokat arányosan képet kinagyítani (nem hoz lázba), az egyes protkollokhoz rendelhető link (pl. könnyen beállíthatjuk a levelezés GMail által történő lekezelését), és a különböző biztonsági figyelmeztetések, melyekkel találkozhatunk. Tetszik, hogy jelszó mentés lehetőségekor nem dialógus ablakot nyit, hanem az oldal tetején levő felső sávban figyelmeztet a böngésző.

Nagyjából a végére értem a bemutatómnak, szívesen veszek az egyéb ötleteket, tapasztalatokat. További tippek a LifeHackeren (is) olvashatóak.

Mennyibe kerül egy honlap?

Bár nyilvánvalóan politikai ügy, és bár nyilvánvalóan nem kerülhet 200 millióba egy olyan honlap, mint a kormányszóvívő.hu, és már a csapból is ez a téma folyik, sokaknak azért jópár hülyeséget sikerült leírniuk a témában, ezért gondoltam hozzáteszem az én hülyeségeimet is. Ennél jobban már nem folyhat a csapból, ugye.

A kérdés kapcsán fontos látnunk azt a tényt, hogy nem a versenyszférában, hanem állami megrendelésre készült el a honlap. A közbeszerzés adottságai, a “nagy pénzek” miatt errefelé alapból drágább a honlapok készítése, mint amúgy azt általában gondolná az ember. De még ha a versenyszférában is vagyunk, sohasem fog egy hasonló minőségi weblap 100.000 Ft-ból elkészülni. Köszönöm, de 4 óra alatt készült gagyi honlapból (készülhet tőlem 1 hétig is) nem kérek. Hogy a jelenlegi honlap minőséginek mondható-e, azon persze lehet vitatkozni, de azért akárki akármit mond, legalább van egy összeszedett megjelenése. Sajnos profinak nem nevezhető sem a (látható HTML) kódja, sem a kialakítása, sem más okok miatt.

Az oldal nagy valószínűséggel Ruby on Rails-ben készült, erre lehet következtetni abból, hogy milyen JavaScript könyvtárat (Prototype), és hogy milyen kiszolgálót (Mongrel) használnak. Van más, Mongrelt használó, Ruby alapú megoldás is, de a RoR a legvalószínűbb. Ennek a környezetnek a használata Magyarországon mondhatni újdonságnak számít, nagyon kevés honlap mögött van ez a technológia, mivel a Ruby megjelenése a webfejlesztésben viszonylag új, és mivel normális üzemeltetéshez speciális kiszolgálót (Mongrel) igényel.

De lássuk, hogy mennyibe kerül egy ilyen honlap. Nagyságrendileg 1-1 cégvezetői, üzletkötői, rendszergazdai, designer+sitebuilderi és programozói hónap lehet mögötte, beleszámolva az olyan extra köröket is, hogy a döntéshozó politikus azt mondta, hogy a designt újra kellene csinálni, mert az a zöld árnyalat nem tetszett, vagy mert a dark egyelőre még nem divat az állami honlapokon. A rendszergazdának is meg kellett ismerkednie a Mongrellel, utánanéznie, hogy milyen módon lehet jól üzemeltetni, hogyan lehet védeni, stb. A hónapnyi munka lehet hogy nem hangzik reálisan, de már csak a bürokrácia miatt is az.

A cégvezető havi juttatását illetően ebben a közegben számolhatunk 1.5 millió Ft-os (járulékokkal, mindennel) fizetéssel, a többi résztvevőnél lőjük be ezt az összeget 800.000 Ft-ra (mégegyszer, nem ennyit kap kézhez). Ezek reális árak, el tudom képzelni, hogy akár még alul is becsültem az összegeket. Osztás és szorzás után így 4.7 millió Ft összeg jött ki az emberi költségekre. Ami a hardvert illeti, egy jódrága szerver 1.5 millió Ft-ra is rúghat. Licencdíjakról is szó volt, mondjuk hogy Oracle adatbázist tettek teljesen indokolatlanul az oldal mögé, ami legyen 1 millió Ft (fogalmam sincs az Oracle áráról, valószínűleg olcsóbb). Ez eddig 6.7 millió Ft.

A fenntartásért, üzemeltetésért, adattöltésért is előre fizettek 1 évnyi költséget, itt mondjuk van 6 hónapnyi cégvezetői, 12 hónapnyi rendszergazdai, és 12 hónapnyi adatfeltöltői díj. Az adatfeltöltő nincsen jól megfizetve, legyen az ő díja havi 400.000 Ft. Így erre 23.4 millió Ft összeg jön ki. Az ez idő alatt fellépú fejlesztői, designeri költségek mondjuk benne vannak már ebben az árban.

Összességében 30.1 millió Ft-nál járunk, ami akármennyire is felháborító egy ilyen honlapért, és bőven felette van annak a díjnak, amennyit elkérne a honlapért egy versenyszférában dolgozó nagyobb cég (mondjuk 5 millió), de nagyságrendileg sajnos reális összeg. A különbség azonban még így is 170 millió Ft, amit egyszerűen fogalmam sincsen hogy mire költöttek.

És azt is nehéz megérteni, hogy miért készült el a honlap egyáltalán, amikor már létezik egy gyakorlatilag ezt a funkciót is ellátó honlap, a meh.hu (ennek történetesen én csináltam a HTML+CSS kódját jópár évvel ezelőtt, de ez egy másik történet).

Mivel a kérdés politikai és nem szakmai, ezért teljesen feleslegesen született meg ez a blogbejegyzés. Politikai töltetű mondatot tartalmazó hozzászólások egy az egyben ki lesznek moderálva, mert nem érdekelnek még a józan szidalmazások, kesergések sem.

Firefox 3 újdonságok – webfejlesztői szemszögből

Kedden megjelenik a Firefox 3, ennek kapcsán átnéztem, hogy milyen újdonságokat kínál webfejlesztői szemszögből. Ezt mondjuk nem nehéz, végigolvastam ezt a listát: Firefox 3 for developers. Ebben a bejegyzésben innen szemezgettem: pár érdekesebb újdonságot sorolok fel.

A kép egyébként egy poén a Firefoxban (illetve a béták információs oldalán voltak robotos grafikák), ha megnézzük (FF3 alól) az about:robots oldalt, akkor olvashatjuk a szöveget.

Online/offline állapotváltás események

A WHATWG felől érkező szabvány vezette be az online/offline állapot lekérdezhetőségét, illetve a váltáskor lefutó eseményeket. A “navigator.onLine” értéke igaz vagy hamis lesz attól függően, hogy éppen van-e a böngészőnek internet kapcsolata, illetve két új esemény is van (az onclickhez hasonlóan), például:

<body ononline="alert('online lettünk!'" onoffline="alert('offline lettünk!'">

Bővebben az erről szóló Firefox doksiban. Ezeknek nyilván akkor vesszük hasznát, ha egy offline is működni képes alkalmazás megvalósításába fogunk bele.

Protokoll kezelők

Például webmail szolgáltatóknak lehet érdekes az a lehetőség, mely lehetővé teszi JavaScriptből adott protokollhoz (itt most a mailto:) URL hozzárendelését. A JavaScript függvény meghívásakor a böngésző rákérdez, hogy valóban regisztrálni akarjuk-e ezt a szolgáltatást, és ezentúl ide lesznek irányítva ezek a kérések.

CSS újdonságok

Olyan CSS újdonságok nincsenek, melyek a napi lehetőségeinkre hatással lennének, az inline-block, inline-table, font-size-adjust, a negatív z-index helyes kezelése, a keretek lekerekítésének javítása (háttér rondán nézett ki nagy radius beállításakor) voltak érdekesek számomra.

DOM újdonságok

A DOM adta lehetőségek között vannak olyanok, melyek érinthetik a napi feladatainkat is, persze csak óvatosan használjuk ezeket (nem minden másik böngészőben vannak jelen!). Ilyenek az Internet Explorerrel való kompatibilitást javító, annak nem szabványos lehetőségeit megvalósító clientTop, clientLeft, elementFromPoint, oncut, oncopy, onpaste lehetőségek. Értelmezésem szerint ezek nem azért kerültek megvalósításra, mert a Firefox olyannyira közelíteni szeretne az Internet Explorerhez, hanem mert ezek a lehetőségek egyszerűen hasznosak.

A JavaScript függvénykönyvtárak által behozott, a HTML 5 által szabványosított megoldás, a getElementsByClassName() is hasznos lehet, nem az újdonsága, hanem a sebessége miatt.

A window.postMessage lehetőségét is a HTML 5 által szabványosította, ez a metódus különböző domainek között üzenetek küldését teszi lehetővé, viszonylag biztonságos módon.

JavaScript 1.8

Bár hatalmas jelentősége valószínűleg nem lesz a webfejlesztő életében (a kiterjesztés fejlesztők minden további nélkül tudják használni), de jó, hogy a JavaScript nyelvet is folyamatosan fejlesztik, és most a JavaScript 1.8 be is kerül a böngészőbe. Az nem túl tiszta, hogy az oldal végén emlegetett JSON kódolás, dekódolás végül bekerül-e a Firefox 3-ba, az egy jó lehetőség lenne biztonságos és gyors JSON kommunikációra.

Egyebek

Azért persze egy halom más újdonság is van Firefox 3-ban, a canvas-ra szöveg írásának lehetőségétől a hasFocus támogatásig, a fenti oldal szépen fel is sorolja ezeket. A felhasználó számára a legfontosabb újdonság persze nem ezek, hanem a helyrerakott memóriahasználat lesz, ami a tapasztalataim szerint egész jól sikerült.

Prémium blogszolgáltatás

Rövidesen (pár héten belül, amikorra letisztázódnak a részletek), WordPress-re építő “prémium” blogszolgáltatást tervezek a cégemmel indítani, ennek itt lehet olvasni a beharangozóját: WPress.hu – a prémium blogszolgáltató. Hogy mit is takar ez a prémium blogszolgáltatás, és hogy mi van a döntés mögött, arról úgy gondoltam, hogy érdemes egy kicsit írni.

WordPress alapú blogszolgáltatás

Miért?

A cégem más szolgáltatásához hasonlóan azért indul el most egy ilyen is, mert saját magunk is igénylünk egy ilyen szolgáltatást, s ha már megcsináljuk magunknak, akkor szeretnénk ezt másoknak is nyújtani. Ez nekünk is jó, neked is jó – elvileg jó mindenkinek.

Miért WordPress?

Itt és most nem kívánok lelkendezni a WordPress kínálta előnyökről, erről már írtam a Miért WordPress? bejegyzésemben.

Miért “prémium” a szolgáltatás?

Mert többet kínál, mint a hazai blogszolgáltatók. Eleve hogy WordPress alapú blogszolgáltatást fogunk indítani, számos olyan lehetőség bejön ami nem áll máshol rendelkezésre (hozzátenném, vannak kisebb, WordPress MU alapú szolgáltatók): például a rengeteg változatos téma (smink/sablon – ki hogy hívja), szuper pluginek. Ezt tetézzük meg majd azzal, hogy egy blog tetszőleges domainen futhat, s hogy folyamatosan frissítve és bővítve lesz a szolgáltatás.

Kicsit konkrétabban a szolgáltatásról

A WPress.hu átmenetet fog képezni egy ingyenes blogszolgáltatás, és egy fizetős tárhely szolgáltatás között. Ez azt jelenti, hogy innen is, onnan is kölcsönzi tulajdonságait:

  • bármikor elmehetsz veszteség nélkül – biztosítunk számodra egy megfelelően bekonfigurált WordPresst, amit más tárhely szolgáltatóhoz be tudsz rakni – ha saját domained van, akkor csak átállítod, ha wpress.hu-s domaint használnál, akkor pedig átirányítjuk.
  • fizetős lesz, de az árat szeretnénk egy minőségi tárhely szolgáltatás ára alatt tartani (de nem cél a havi 500 Ft-ért “gagyi” tárhelyet kínálókkal versenyezni).
  • tárhely szolgáltatáshoz hasonlóan adunk FTP hozzáférést, s bár a konkrét blog rendszerbe várhatóan nem lehet majd belenyúlni, lehetőség lesz például képeket és egyéb anyagokat feltölteni, letölteni.
  • folyamatosan frissítjük a szolgáltatást (ezt sajnos nem teszi meg a legtöbb hazai blogszolgáltató), frissítjük a plugineket, újakat teszünk be a rendszerbe, stb.
  • meghallgatjuk mit kérsz, s gyorsan, nem hónapok múlva megoldjuk, ha tudjuk.

Pár példa pluginekre?

  • Akismet támogatás – a piac egyik legjobb spam szűrője (de más spam szűrőt is lehet majd használni)
  • FeedBurner támogatás – egy kipróbált rendszerrel tudhatsz meg statisztikákat az olvasóidról, ha sok az olvasód, akár reklámot is tehetsz a feed-be
  • Google XML sitemap támogatás – hogy SEO szempontból is meg legyen egy kicsit támogatva a blogod az alapokon felül
  • Subscribe To Comments – olvasóid egyes bejegyzéseidhez tartozó hozzászólásokról e-mailt kaphatnak
  • WP-Syntax – programkódok egyszerű elhelyezésére
  • iPhone/iPod Touch téma – ezekkel a kütyükkel a blogodra látogatóknak specializált, jól átlátható megjelenésű téma

Persze ezek csak példák, mert kezdetnek 20-30 pluginnel indulunk, melyet folyamatosan bővíteni fogunk majd.

Ki a célcsoport?

A célcsoport azok az érdeklődő bloggerek, akik:

  • elégedetlenek a hazai blogszolgáltatók szolgáltatásaival, és szeretnék a “legjobb” szolgáltatást kapni.
  • szeretnének függetlenek maradni, és/vagy presztízsértékűnek tartják saját domainen blogot üzemeltetni (a blog akár blog.cégedneve.hu címen is futhat!).
  • szeretnének reklámot megjeleníteni blogjukon (hazai blogszolgáltatók korlátozzák, vagy teljesen tiltják ezt a lehetőséget).
  • nem szeretnének technikai dolgokkal szórakozni, időt szánni a blogmotor telepítésére egy szolgáltatóhoz, pluginek összevadászására, frissítésére, a biztonsági frissítések lekövetésére.
  • többen szeretnének közösen blogolni.
  • lehetnek céges és “magán” bloggerek, lehet szó egy kampány támogatásáról, a cég saját kommunikációjának kiegészítéséről, szakmai vagy énblogról.

Visszajelzéseket szeretnénk!

Amennyiben érdekel egy olyan szolgáltatás mely a fentieket kínálja, kérjük add meg e-mail címed a beharangozó oldalunkon:

WPress.hu – a prémium blogszolgáltató

A szolgáltatás végleges formáját az így jelentkezőkkel fogjuk közösen kialakítani, és kedvezményt is kínálunk az elsőknek! Ezen kívül, ha Te éppen nem kívánsz élni a lehetőséggel, akkor is szívesen vennénk ha írnál induló szolgáltatásunkról, s ajánlanád mások figyelmébe.

Minden kérdésre igyekszünk válaszolni, hiszen tudom jól hogy nem adtam meg minden lehetséges választ. Amíg nem indul viszont be a szolgáltatás, addig szeretnénk ezt részben zárt körben megtenni, megelőzve az esetleges félreértéseket – emiatt is kérjük, hogy add meg az e-mail címed egy feliratkozás kapcsán. Amennyiben újságíró vagy és szeretnél írni szolgáltatásunkról, vagy olyan kérdéseid lennének melyeket ezen a módon sem válaszolunk meg, írhatsz e-mailt is a wpress kukac wish pont hu e-mail címünkre.

Webakadémia vs. iPhone

Az Apple (indirekt) bejelentette, hogy érkezik az iPhone Magyarországra is, ennek örömére bejelentjük a Webakadémia iPhone Editiont, avagy a blog iPhone-ra optimalizált változatát. A megtekintéshez nem kell semmi különöset tennünk, csak meglátogatni az oldalt iPhone vagy iTouch segítségével.

Webakadémia iPhone változat

Persze hatalmas fejlesztéseket nem hajtottam végre, egyszerűen felpakoltam WPTouch nevű kiterjesztést az oldal mögött levő WordPressre, és már működik is a dolog. A mondanivaló azonban nem ez, hanem az, hogy ha valóban jön hamarosan Magyarországra az iPhone, és valóban jó áron (akár tényleg 199 dollárért, akár bárhol 100.000 Ft alatt, ez azt jelenti, hogy itt az ideje elkezdenünk weblapjainkat erre az eszközre is optimalizálni, mert divattelefon lesz az iPhone-ból. És még ha nem is lesz hatalmas arányban az iPhone-t használó közönség az oldalunkon, egy jó marketing eszköz lehet annak reklámozása, hogy támogatjuk ezt az eszközt.

Nitobibug – keresztböngészős debugolás

Bár a Firebug utolérhetetlennek látszik ha webfejlesztésről van szó – azok a próbálkozások, melyek más böngészőkön próbálták megvalósítani a funckióit eléggé gyengére sikerültek (persze a fejlesztésük nem állt meg) -, most itt egy ígéretes, a főbb böngészőkön működő megoldás, a Nitobibug.

Nitobibug

A Nitobibug nem kínál semmi extrát, “csak” egy a Firebug konzoléhoz hasonló dives popup ablakot, ahova az oldal kódjából üzeneteket küldhetünk, és ahonnan lekérdezhetünk különböző változó értékeket. Még mindig elég távol van a Firebugtól a dolog, de ez már egy használható megvalósításnak látszik, például képes összetett objektumok értékének megmutatására is (szemben a Firebug Lite-tal, mely hasonló, de ezt nem tudja) – elérte azt a szintet, hogy elő fogom venni, ha Explorer alatt kell hibakeresnem.

A nem böngészőbe épített megoldás előnye, hogy egy ügyes kis bookmarkletet összedobva bármely weboldalba be tudjuk tölteni, így akár egy éles rendszert is tudunk a segítségével debuggolni különböző böngészők alatt.

Innen üzenem a Firebug fejlesztőinek, hogy nagyon várom már a Firefox 3 alatt is használható megoldást, a jelenlegi béták bár javulnak, de nagyon sok memóriát zabálnak.

Webadmin rövidhírek #4

Összejött megint pár érdekes webes adminokat érintő hír, a MySQL mellett most a WordPress a mellékszereplő.

dbRecorder

Az alkalmazásfejlesztésnél, főként ha többen fejlesztenek egy szolgáltatást, örök gond az, hogy hogyan tartsuk nyilván az adatbázis változtatásokat. Erre kínál egyfajta megoldást a dbRecorder nevű Java alkalmazás.

WordPress parancssor

A WordPress kód és adatbázis manipulálásra immár parancssorból is van lehetőség a WordPress scriptek segítségével. Nem mondom hogy hatalmas funkciókról van szó, mindenesetre inspirálóak a scriptek.

MS SQL Server, MySQL és PostgreSQL összehasonlítás

Adatbázisszerverek összeshasonlítása egy PostgreSQL-es tollából. Egész korrekt, de nehéz ilyen összehasonlításokat objektíven végezni.

Materializált nézetek MySQL-ben

Ilyenek elvileg nincsenek MySQL-ben, de a FlexViews segítségével ez is megoldható. A megoldás tárolt eljárásokra épít.