Bôvebben az MPG-ről.

Az Ars Technica cikke jól rávilágít, hogy a mai multimédiában gazdag internetünkhöz a hardver fejlôdése mellett nélkülözhetetlen volt a videotömörítési eljárások forradalma.

Kreatív youtube

Miért is ne lehetne egyszerre több videót játszani, amik együtt adnak ki valamit.

Get a Mac Banner

Nem csak a TV-reklámok terén remekel az Apple. Nézzétek meg milyen videóbannereket készítenek.

Ez pedig egy szenzációs site-takeover az iPodnak:

Ezt hívják site takeovernek

A javából.

Blog marketing

A vírus marketing gyakran alklamaz fizetett bloggereket, fórumtagokat egy-egy kampány során. Úgy néz ki az USÁ-ban már nem sokáig.
A hwsw cikke.

Fekete oldalak

Az Inspire Magazine összeszedett 40 fekete-fehér weboldalt.
Top10:

A kardoayoub úgy mûködik mint egy slideshow. Kattintásra az egész oldal kilendül a képrôl, és jön helyette az újab. Semmi extra nincs benne, mégis ettôl a váltástól sokkal vizuálisabb az egyszerû navigáció is. Az Ajax technika miatt nem működik a böngésző vissza gombja, és az egyes aloldalaknak nincs saját linkje.
Az about oldalon ott vannak a tulaj éppen aktuális tweetjei a twitterről.

A JJJ-t szinte alig lehet weboldalnak nevezni, de az a kevés olyan igényes, hogy mégiscsak belinkeltem.

Az Estabilished oldalán nagyon érdekes a navigáció. Ha a második, harmadik és nagyedik menüpontok mellett lévő nyílra kattintotok, akkor a tartalom kiszorítja a menüpontot, mintha egy futószalag lenne. Á, nem tudom jól leírni, próbáljátok ki!

Az Another Company art-direkciójában érdekes. Az oldalon lévő képek kontrasztját és színeit letekerte a tervező, csak akkor látszanak ha fölé viszed a kurzort.

A Legworkstudio amellet hogy tök jól néz ki, halálosan vicces az about oldalán lévő video.

A Kramgo kicsit emlékeztet a saját weboldalunkra, csak loopolt videója kicsit betegebb. A leírás szerint fullszerviz ügynökség, hát... nem tudom mire gondoljak :)

A Madebysofa egy szellemes megoldással csinál a nyitólapból menüsort.

Hű, ez nagyon tetszik. Olyan mintha nem Flash lenne, de az. Nagyon játékos!

A jbradforddillon semmi extrát nem tud, csak gyönyörűen tipografált, mint egy régi napilap.

Hát remélem mindez meghozta a kedveteket a feketéhez, és megnézitek a többi 30 feketefehér weboldalt is :)

Szuperkesztyű

A Hellomonday egy olyan portfolió, ahol nincsenek klasszikus linkek. A kurzor egy tologatókézzé változik, és a rétegelt tartalmak közt azzal mozoghatunk. Kattintásra a választott réteg megvastagszik, így közelebbről – színesben látható.

Videobox (x)

A héten nagyon sok reklámfilmet kellett leszedjek a YouTube-ról, és a régi jó Visualhub már nem igazán tudja mindig dekódolni az FLV videókat.

Az új megoldás a Videobox! Igaz hogy 15 USD, de ez pici ár egy ilyen kényelmes megoldásért. 15 napos próbaverzió is van.

Érdemes a preferences-ben átállítani, hogy maximum minőséggel dolgozzon, mert alapból inkább közepes.
Itt kérheted azt is, hogy rögtön pakolja be az iTunes-ba, és a maradék desktop file-t meg kukázza.

Játék és muzsika tíz percben

Próbáljátok ki a Tonematrix szintetizátort.

UPDATE: Benedek további eszement zenegépeket talált itt.
Plusz mostantól lehet kommentelni ha valakinek eszébe jut valamiről valami.

Szűk esztendők jönnek

Az internet lesz az egyedüli médium, ahol növekednek a hirdetési kiadások

QWE

QWE

Litván portfolió

Ennek a webdizájnernek az oldala a korábbi vizszintes navigációhoz hasonlóan szkrollozó, csak éppen vertikális navigáció. Persze nem működne, ha bonyolultabb volna az oldal, de így nagyon vicces. + szuper az art direkció.

Érdekes hogy a nyitóoldal szövegének kiemelései megfelelnek a felső menüpontoknak is.

Éjjel az irodában…

Biztos ez megy ha bekapcsolva maradnak a kompjuterek.
Vicces zene hibaüzenet-hangokból.

Öregedő internet-uttörők

A comScore felmérése alapján a Twittert meglepő módon nem elsősorban az erre nyiitott 18-24 évesek használják. A tavalyihoz képest 700%-os forgalomnövekedést produkáló közösségi-oldal leggyakoribb felhasználói a 45-54 évesek.

Az okok között azt látják, hogy ez a társaság már az interneten nőtt fel, és bizony ők éppannyira nyitottak az új technológiákra mint a hagyományosan nyitott fiatalok. Ráadásul többen is vannak.

Nagyon érdekes, hogy a látogatók 10%-a 55-64 éves, csaknem annyi, mint a 18-24 évesek. Talán ezen az arányon igyekszik javítani az a britt tanterv-tervezet, ami a Guardian kezébe került. Eszerint a 11 alatti gyerekekkel nem törit magoltatnának, lazítanának a tanterven és inkább azt kellene bevágniuk, hogyan juthatnak olyan infóhoz a neten, ami számukra fontos. Éretségi bloggolásból? További érdekes számok itt.

Szakítópróba

Az Addicton újabb példa a YouTube interaktív használatára.

Kifutó

Nézzétek meg John Galliano oldalát. Egyrészt nagyon jól megoldott egészoldalas-videóval szórakoztat, pimaszul, a közepén elhelyezett menüvel, másrészt ha a menüben kiválasztjátok valamelyik almenűt, pl. a Men-t, az ott futó videóban keresni lehet. Nem is akárhogy: a filmet kulcsképekre osztja fel, és ezekkel tölti meg a képernyőt, épp úgy mint az iMovie legutóbbi verziói.
Nagyon jó a képnézegetője is, bár ott a keresés kevésbé intuitív.

Horst magányos

Ebben a Prezi-ben a DDB Berlin elmeséli hogyan építették fel a gerilla kampányukat a Volkswagennek.

Érdemes végignézni, ők nem egy filmben gondolkoznak, hanem egy folyamatban, aminek csak a végére derül ki mi van a háttérben.

Népszavazást minden nap!

Hasonlóan az Is it normal-hoz a Good Baad is a véleményedre kíváncsi. Itt tényleg Fekete-fehér minden, nagyon kifinomult az art-direkció. Villámgyors kérdésekre villámgyors válaszok, a fejlécben Newsflashként vonuló témák szinte reflexjátékok, Ajaxban készültek.

Joost TV

A Joost pár évvel ezelőtt indult internet-televíziós vállalkozás. Egy olyan kliens-programot fejlesztettek, ami az interneten keresztül stream-elte, azaz sugározta, nem pedig letöltötte-lejátszotta a műsorokat. Sajnos nem igazán sikerült elegendő tartalmat összeszedniük, és valahogy nem kapott szárnyra az egész. Az utóbbi időben felhagytak a kliens-program terjesztésével, és a YouTube-hoz hasonlóan böngészőn keresztül terjesztenek. Nagy különbség persze, hogy ez nem klasszik web kettő, mint a YouTube: a Joost szerkesztett, kontrolált „À la care TV-műsort kínál”
Hírlevelük végén érdemes megfigyelni a Forward to a friend gombot, a twitter és a facebook linket.

A twittert új tartalmak népszerűsítésére, a facebook-ot pedig egyes tartalmak népszerűsítésére. Például megnézek egy videoklippet a Yooston, amit két kattintással publikálhatok a facebook profilomon.

Twitter

Kb. két éve amikor először botlottam bele, regisztráltam, de azt gondoltam erre nekem biztos nincs szükségem. Persze eredetileg ezt gondoltam a Facebookról is, és nem mondom, hogy rá vagyok cuppanva, de nagyonis használgatom.

Szóval elhatároztam, hogy vetek egy második pillatást is Twitterre.

A Twitter egy olyan szociális oldal, amin az emberek SMS rövidségű üzenetekben rögzítik mit csinálnak épp. Saját meglátásuk szerint a micro-blogoknak nagyon is van létjogosultságuk: Levest eszel? A kutatások szerint mamádat még ez is érdekli. Partizol valahol? Lehet hogy egy haverod csatlakozna. Ezek a bejegyzések válaszok az oly gyakori „what are you doing?” kérdésre. Azért írom angolul, mert magyar „mit csinálsz” nem fejezi ki ezt ilyen tömören.

Szubjektív ez úgy néz ki, hogy nyitok egy Twitter blogot, ahová elkezdem önteni magamról a többé vagy kevésbé érdekes információkat. A hozzámtartozók, ha érdeklődnek, elkezdhetik követni a Twitteremet, és így teljesen képbe kerülnek arról mi van velem.

Kicsit utánaolvasgatva most úgy látom egy ilyen mikroblog semmit nem ér, de ha feltételezem hogy minden barátom, családtagom, kollégám twitterezik, akkor hirtelen elkezd az egész úgy működni mintha egy telepatikus hálózaton keresztül mindenki tudna mindenkiről, és mindenről ami vele történik. Kicsit mintha egy méhcsalád tagjai lennénk.

Van tovább is. Nem csak az ismerőseiddel lehet ilyen „közös tudatod”, hanem azokkal az ismeretlenekkel is, akikkel közös az érdeklődési köröd. A Hashtag olyan #cimke, amivel egy a miniposztodat egy témához sorolhatod.

Például észreveszed, hogy a Louis Vuittonban éppen ragasztják ki 99%-os árleszállítás matricát. Írsz egy posztot erről, és kiegészíted egy hashtag-el: #szabadrablas.
Zsóka, aki soha nem találkozott veled, viszont követi a #szabadrablas témájú twitter bejegyzéseket, azonnal leint egy taxit és máris indul az Andrássy útra.

Ez pedig már kicsit olyan, mintha egy olyan rádió betelefonálós műsorát hallgatnád, ami kizárólag abban a témában készít műsorokat ami téged érdekel. A világ legérdekesebb rádiójáét, amit egy virtuális törzs halgat, a te törzsed.

Ahoz hogy tudd, ez a „rádió” milyen hashtag alatt sugároz van a We Follow. De azt is rebesgetik a Google következő bevásárlása éppen a Twitter lesz, hiszen ez pontosan olyan kereshető tartalom, amiből a Google építkezik.

Hasznos linkek:
Népszerű hashtag-ek itt, vagy mégtöbb itt.
Ha nem találtad meg amit szeretnél, itt tudsz létrehozni.

Webkettő

Nagyon leegyszerűsítve a web 2.0 olyan webfejlesztésekre utal, ami felhasználócentrikus: vagy a felhasználót szolgálja ki különböző Cloud-Computing alkalmazásokkal, vagy a felhasználók alapján generált tartalmakat gyűjti. Előbbire példa a Google Mail, utóbbira a YouTube.

A Cloud Computing azt jelenti, hogy egy adott program, – például a szövegszerkesztőd – nem a te gépeden lokálisan fut, hanem internet szervereken, akár a föld másik felén. Ez ma már nem Sci-Fi, sőt a Google annyira komolyan veszi a CC-t, hogy hajszálpontosan emiatt kezdett saját böngésző fejlesztésébe, és a Chrome-ot erre hegyezi ki. Terveik szerint egy lokális programra lesz csak szükség, – a böngészőre – abban fut az összes többi.

Minket annyira a CC fejlesztés még nem érint, viszont a felhasználók által generált tartalom nagyon is érdekes lehet.

A tendencia ugyanis nem az, hogy a brandoldalakat lerohanják a reklámzabálók, sokkal inkább az, hogy ha sikerül népszerű érdekes weboldalt fejleszteni, amibe szinte észrevétlen integrálsz egy brandet, akkor célhoz érsz.

Márpedig érdekes oldalt, ami elég gyakran frissül ahoz, hogy visszajárjon rá a célcsoportunk, irtó energiaigényes csinálni. Sokkal egyszerűbb a tartalom generálását a látogatókra bízni. Persze ehez ki is kell találni mi izgatja őket annyira hogy írjanak, feltöltsenek ezzel kapcsolatban.

A jövőben webkettő cimkével olyan oldalakat fogok postolni, amik ilyesmihez adhatnak ötleteket, mutatnak példát.

Az "Is it normal?" egy olyan oldal, ahol a fura sztoriaidat ítéltetheted meg a többiekkel. A szuperegyszerű design nem csak random lídeket kínál a témákhoz, de az alattuk lévő grafikon jelzi, mennyire találják a többiek ezt normálisnak.

A téged megérintő témára kattintva a szavazáson kívül megvitathatod az ügyet a fórumban, illetve megoszthatod mindenféle közösségi oldalon, pl. facebook.

Camper hírlevél

Ma jött, nagyon szép, de kicsit nagy nagy...
Egyetlen nagy kép egyébként, de mentségükre szolgáljon hogy szinte nincs is szöveg. Egyedül a "Can't read this e-mail? Click here." html.

eDM

Az eDM ha tartalmában nem is, technikailag sokban más mint a nyomtatot, postázott társa. Tekintsetek rá úgy mint egy pici weboldalra, amit az e-mail kliens jelenít meg.

• Elektronikus felhasználásra készül, ezért ne CMYK-ban, ne inDesignban tervezzétek, hanem Photoshopban, RGB-ben, és legyen bekapcsolva a View/Proof setup/Monitor RGB, illetve bekapcsolva a Proof Colors opció.
• Csak a weben használatos betűkkel dolgozzatok mert minden más betüblokkot képpé kell alakítani. A képekkel az a baj hogy a levelezők gyakran csak akkor töltik be a képeket ha ezt a felhasználó külön engedélyezi, azaz ha egy eDM-et csak képpekel oldasz meg, jó esély van rá, hogy a címzett egy üres e-mailt fog látni, amit rögtön kukázik.
  
• A betűk csak egész pixelszámúak lehetnek, azaz 10, 11, 16 stb, törtpixelek nincsenek.

• Figyelj a levél méretére. A levelező ablaka jóval kissebb mint egy böngészőé. Ebbe kell beleférnie a kulcsképnek és a headline-nak, ezért a levél ne legyen szélesebb mint 700 pixel és tartsd észben, hogy ami 450 pixel alá esik, ahoz görgetni kell majd.
• Ahogy a weboldalakon, az eDM-en is lehetnek linkek. Ez nagy előny a nyomtatott verzióval szemben, de ha elmulasztod jelölni a linkeket, akkor a címzet elmulasztja használni őket.
• Kötelező szövegek . Az eDM könnyen bosszantó műfaj tud lenni. Meg kell adni a lehetőséget a címzettnek a hirlevélről / eDM listáról való leiratkozásra. Emellett az eDM elején is szokott lenni egy rövid szöveg linkkel, arra az esetre hogy ha a levelező nem tudná megjeleníteni a levelet.
• Mivel a levelező ablak mérete változhat, ezért necsak az oldalt tervezzétek meg, azt is ki kell találni mit lát mellette a címzett, ha szélesebbre húzza az ablakot. Szín? Minta? Középre van zárva az oldal, vagy balra?
• Ne tervezzetek semmi spéci technológiát (flash/rollover) mert a levelezők ezeket nem támogatják.
  

Berajzoltam egy eDM-re, az Apple hogyan készítette el a layoutot. Minden kép link a témába vágó weboldalhoz, és a szövegen belül is sok linket használnak. A szürke boxok az alján nem képek, hanem html elemek.

Érdemes megfigyelni azt is, hogy maga a levél lekerekített, egy szürke háttéren fekszik, ha nagyobbra húzom az ablakot, a szürke háttér tölti ki a helyet. Végül pár példa a postaládámból: EasyJet, Luxology, Starking, ToonBoom. Csináltam egy ilyen tag-et, mutatok jókat ha látok, meg persze küldjetek is.

⌘N

Azt hogy mekkorára tervezhetsz egy weboldalt, az szabja meg mekkora monitoron nézi a célközönséged. Félrevezető ha a saját monitorodra tervezel, mert ami kényelmesen elfér a te nagyfelbontású monitorodon, jobbra-ballra, fel-le szkrollozásra kényszerít másokat.

Az idő multával ahogy a képernyők fejlődtek, úgy nőtt a felbontásuk is. A kezdeti VGA (640x480) szabványt váltotta az SVGA (800x600), és most a leggyakoribb az XGA (1024x768). A legtöbb weboldalt ma ilyen felbontásra optimalizálják. Többnyire kevesebb mint 1000 pixel szélesek, és a leglényegesebb tartalmak beleférnek 590 pixel magasságba, hogy görgetés nélkül is látszanak. Hová lett az 1024x768 többi része? Elfoglalja a Browser kerete, a menü, a tabok, az URL mező. Ez persze Browser függő, a Safari helytakarékosabb mint az Internet Explorer.

Az utóbbi évek az okostelefonoknak és az ultrakompakt netbookoknak köszönhetően viszont „visszalépést” hoztak a felbontás tekintetében.
Érdemes utánnanézni hogy fest az oldal egy eee PC WSVGA (1024x600) képernyőjén, sőt lehet optimalizálni iPhone-ra is (480x320), ahogy a Google vagy a iwiw is teszi.

Időrendi portfolió

Ezen a referencia oldalon időrendi sorrendben rendezte el a munkáit az szuperminimalista alkotó. A munkáknak csak az a része látszik, amire a kurzort mozhatod. Az is okos, hogy ha a menü keresőjéből kiválasztasz egy témát, az abba tartozó holnik láthatóvá válnak.

Érdemes körülnézni: ez a lemezborító gyártási koncept, a dalokról készült „ujjlenyomatkokkal” dekorálja a bookletet.

Egyébként meg kell egyáltalán portfólió ilyen referenciákkal?

Érdemes megfigyelni, hogy a popupok ellenére minden popup-nak más az url-je, ezért jól linkelhető bármi az oldalon.

Ikeáéknak elmentek hazurról

Teljesen zizi, zenével kontrolálható weboldaluk itt. Jó nagy sávszélesség kell hozzá a sok video miatt. Legjobb szám: A Place of our Own. Na megyek is, veszek kanapét :)

Tévét a nyájnak

Nehéz jó vírusfilmet csinálni, valahogy nagyon másképp kell hozzáállni. A Samsung nem félt kispórolni a LED LCD tévéket ebből a filmből, lemerem fogadni, működik is.

Ajax navigáció

A MacHeist oldala sajnos elég csiricsáré, de nagyon jó demonstrálja hogy Ajaxal milyen egyszerű, de látványos navigációt lehet tervezni.

A oldal felső részben invitáló nagy ikonok jelölik a cikkeket, végülis ez egy színes szagos menü. Az alsó felében a cikkek vannak egyetlen hosszú csíkra felszerelve, ami a választásunktól függően szalad jobbra-ballra.

Ajax animációk:

• Az ikonok rolloverre megnőnek, hasonlóan a Mac OS X dockjához.
  
• A tartalmi rész jobbra-balra csúszik. Az adott tartalomnak megfelelően az url is változik, tehát az egyes tartalmak linkelhetőek.
  
• A tartalmi részen a kisképkre kattintva az előtérbe fölugrik a teljes verzió. Ebben képek, de akár videók is lehetnek.
  

Az oldal felett van egy fix layer is. A készítők erre olyan elemeket helyeztek el, amik böngésző scrollbarjától függetlenül mindig ugyanott maradnak, alattuk görög az oldal fel és le.

1. A navigációra alternatívát kínálnak az oldal szélein elhelyezett fülek, a szomszédos oldal ikonjával.
2. Ugyanígy viselkedik a fej és lábléc is.
   
3. Van egy kis buborék is az oldal közepén, ennek nem sok funkciója van, a promóval kapcsolatos infó jelenik meg benne.
   
4. Jobb felső sarokban Digg számláló. Erről később írok.
   

Ezzel a lehetőséggel nem igazán számolunk, pedig bizonyos dolgokat nagyon praktikus ha kéznél tartunk.

Online TCR

Adakozni egy szimpla átutalással is jó érzés, hátmég így. Nagyon szellemes ahogy a gyerekek sorbaállnak hozzád, és technikailag sem őrületes kihívás. Mi is hasonlóan csináltuk a saját weboldalunkat.

Ha kidobnak az ajtón…

Mássz vissza az ablakon. Sok híroldal kelletlen adoptálta az RSS-t, mert ugye így anélkül beleolvashatsz a cikkekbe hogy látnád a sok bannert az oldalon. Na erre a HWSW tech portál az RSS feedjébe egy fizetett cikket rakott be, mégpedig jövőbeli keltezéssel. Mivel az RSS olvasó időrendi sorrendben listázza a cikkeket, ez a hirdetés napokon keresztül az első dolog amit olvasok. Ez nem is változik egészen Március 30-ig, amikor a többi cikk „utoléri” a hirdetést.

Falrahányt borsó

Ezen a drogellenes websiteon üzeneteket hagyhatsz a gyermekednek, pont mitha egy üzenetrögzítőre beszélnél. A hang rezgési mintájából készült karkötőt postázzák neki.

Infó grafika

Nem forradalmi, de ettől még szórakoztató adaptációja a régi mesének.

Rockband

A népszerű Rockband konzol-játék egyszerűsített verziója mint karácsonyi üdvözlő.

Vízszintes navigáció

A legtöbb weboldalt úgy olvassunk mint egy hosszú faxot, felülről lefelé, ameddig az oldal tart. Pedig a könyvhöz jobban hasonlít a leporelló-szerű vizszintes olvasás is. Ilyen navigációra kínál jó példát a Sursly. Az oldalon lévő jobbra nyilak a következő oldalra repítenek, de szellemes, hogy a szövegben lévő linkek gyakran átrepítenek egy távolabbi oldalra, úgy hogy a szomszédos felett átsuhanunk.

A Dunbar kör, és azon túl

Sarolta érdekes cikket talált: az Economist tanulmánya a social networking oldalakkal foglalkozik, mint amilyen az iwiw vagy a Facebook. Érdekes olvasmány egészében, álljon itt csak annyi, hogy nem feltétlenül kapcsolattartásra használjuk ezeket az oldalakat.

Krétapor

Egyszerű, de ötletes animáció, szép rajzok. Hangulatos kávé-ismertető a Starbucks oldalán. Nagyon jó hangefektek a tábla-rajzhoz, és az is vicces hogy a letörölt képek nem tűnnek el egészen.

Betöltés

Sokat kell várni amíg betölt egy Flash-oldal? Szórakoztató loader kell hozzá! Szenzációs példák itt.

5 oldal Reváról

Ennek a francia villanyautónak mindőssze öt oldalas weblapot készítettek, és a minimális infó mellett, akár mind az öt oldalon átszínezheted az autót. Szuper art, és hang design.

Mi képes erre?

A Tea. Ez a brandsite annyiban érdekes, hogy a nagyon egyszerű üzenetüket sulykolja türelmesen. Alig több mint egy reklámfilm. Ide biztos senki nem tér vissza, de egyszer oké.

Felülnézetből

Könnyen lehet arra építeni layoutot, hogy felülről ábrázoljuk a szöveg környezetét egy képzeletbeli íróasztalon. Ez működik printben (pl Erste diákszámla 2008), de működik online is.

A Nuevo kifőzdének az étlapja egy terített asztal. Végtelen egyszerű, mégis összefut a nyál a számban. Sajnos nagyon rossz az aránya a hangulati elemeknek és hasznos tartalomnak. Egy átlagos monitoron semmi nem látszik az illusztráción kívül, ami ráadásul sosem változik, előbb-utóbb unalmassá válik.

Az RX Monsters úgy szép, hogy nincs ilyen problémája. Egyszerű oldaltérképén ballról jobbra átlapozhatunk.

A Simple Art pár lépést hátrébb lépett, vagy ha úgy tetszik feljebb. Itt sincs szuperül kihasználva a képernyő.

A No Copycat oldalon vicces hogy interaktív a macska éppen csak belógó lába. Pont min egy igazi :)

Nézegessetek még íróasztalokat felülről itt.

Demonstráció

Nem csinál semmit, csak nagyon szép.
Ahogy mozgatod az egered, fordul a tér.
Sörös weboldalnak szinte kész :)

Átlagosnak tűnik…

De nem az. Amikor már azt hinnéd egy egyszerű portfolió oldalon vagy, bumm, jön a meglepetés. A forráskódbol az is kiderül, ez nem Flash!

Cseles Ajax menü-animáció a Parfois.com oldalon.

Orosz mese

A Melnitsa animációs stúdió filmjének projektoldala nagyon keveset csinál, de azt nagyon jól. Tényleg csak az unásig ismert wallpaper letöltés, előzetes, stb. van rajta, de az egy nagyon szépen megrajzolt, itgalmas animációkkal összekötött módon.
Még a hímzett gyorsmenüt is nagyon szépen oldották meg az oldal alján. Érdemes ellátogatni az erdőbe is, ott van a filmelőzetes.

Adidas website

Fullscreen, fullvideo. Igazán élmény barangolni rajta.
Kinehagyd az ÜBERCOOL extended house party videót.
Némi animáció és előzetes után az az eső dolog ami kattintható a kék Adidas logó mellett.

Anti website

Kíváncsi vagyok mekkora volt ennek az oldalnak a büdzséje

Interaktív YouTube

A YouTube több is lehet mint internet-TV.
A That's not Cool oldalon interaktív sztorikat lehet végigjátszani.

Egyébként a site is érdekes, látszólag laza, de iszonyú nehéz összehozni és kézben tartani egy ilyet.

BTW, Réka, szerintem ilyesmi oldalt várnak tőlünk a tudodkik :)

Cowshed

Nagyon helyes ügynökségi weboldal itt

• Szellemes loader
  
• Nagyon jól megoldott perspektíva (a táj layerei különböző sebességgel mozognak)
  
• Kicsit inkonzisztens back linkek
  
• Vicces hűtőszekrény link
  
• Nagyon jól működő QuickNav az oldal alján
  
• Valahogy nehezen derül ki mit csinálnak

RSS feed

Az RSS vagy teljes nevén Really Simple Syndication egy hasznos ezköz ahoz, hogy szemmel tarthasd a kedvenc weboldalaidat. Rendszerint híroldalak, blogok alkalmazzák, ahol gyakran jelenik meg új tartalom. Konkrét példával:

Az index.hu-hoz rendelt RSS tájékoztatja a feliratkozott index-olvasókat, ha új tartalom kerül fel az híroldalra.

Ha sok oldalt látogatsz, nem kell egymás után betölteni az indexet, homárt, addictot stb. hogy képben legyél hol van új cikk, elég ha mindre feliratkozol, és csak akkor mész oda, ha az RSS értesít egy új cikkről.

Az RSS nem csak jelzi hol van olvasnivaló: megjeleníti a cikk címét, és többé-kevésbé a tartalmát is. A Safari böngészőben így fest az index.hu RSS-e.

Oké. Hogy tudsz feliratkozni egyre?

Safari böngésző mellett pofonegyszerű:
1. Az URL mező jobb szélén kék RSS logó jelenik meg, ha elérhető RSS tartalom.

2. Rákattintva meglekenik az RSS feed, ezt kell bookmarkolni.
Legegyszerűbb ha behúzod a Bookmarkbar sávjába.

Internet Explorer 7. (vagy jobb) böngészővel sem lehet sokkal bonyolultabb:
1. Keresd meg az adott oldalon az RSS logóját. Vagy a fej, vagy a láblécben szokott lenni és így néz ki:

Vagy a Weboszaurusz esetében a láblécben így:

2. Kattints rá, és kövesd a böngésző utasításait

Ha már elég sok RSS feedre vagy feliratkozva, érdemes lehet használni az iGoogle szolgáltatást, amiről itt ír Laci.

Dvein

Izgalmas Flash navigációt próbálhattok ki a dvein.com-on. A betöltés is érdekes, a várakozás alatt megtanít hogyan használjuk a tárcsát.

Adforum film letöltés 7 lépésben

A Safari böngészőnek nagy előnye, hogy szinte mindent le lehet vele szedni a netről, még azt is, amit nem annyira akarnak leszedhetővé tenni.

Az AdForum Top5 oldalt nyilván ismeritek, leírom hogy lehet viszonylag egyszerűen kinyerni a tartalmát.

A művelethez szükséges, hogy a Safari mellett Quicktime PRO is legyen a gépeden.

1. Nyisd meg az oldalt:

2. Vedd elő az Activity ablakot

A Safari menüsorában találod, a Window menüpont alatt.

3. Nyisd meg az iFrame-et

Az AdForum egy iFrame layeren futtatja a mozit, ezt a layert tudod külön ablakban megnyitni, ha a a megkeresed az ad_iframe.asp sort és kettőt kattintasz rá.
Cserébe megjelenik az iFrame tartalma:

4. Vedd elő az Source Code ablakot

A View menüpont alatt találod.

5. Keresd ki a Mozi URL-jét

http:-al kezdődik és MPG-vel végződik. Kopizd le.

6. Nyiss egy új böngészőablakot

És másold be az URL-t. A Quicktime mozi jobb alsó sarkában ki tudod választani az elmentést.

A Blogozás rejtelmei

Blogot írni nem egyszerű dolog. Fenntartani végképp nem. Az ember elhatározza hogy blogot ír, megszületik 2-3 bejegyzés, a lelkesedés a kezdeti időben töretlen. Aztán rájön lassan, hogy kezd kifutni témákból, generálni kell folyamatosan újakat ahhoz, hogy az érdeklődés fennmaradjon. Mint tapasztalt blogozó és a híres neves foodpolice szerzője én is gazdagítani fogom a tartalmat saját kis színeseimmel az internet világából.


Ime egy első ötlet egy bizonyos téma fanatikusainak. Nomármost ugye mindenki tudja hogy szeretek kajákat nézegetni és kaja-blogokat olvasgatni. De van odakünn kb 600 ezer blog ami érdekel engem és ezeket nap mint nap végigkattingatni rettentő fárasztó, még akkor is, ha a favourites közt szerepel. Épp ezért használom az igoogle bejelentkezést, hogy összegyújtse nekem az RSS feed-ek segítségével az összes olyan site-ot ami érdekelhet engem. Jelenleg 18 site-ot követek folyamatosan és mindig látom ha új bejegyzés van. Időhatékony és praktikus.

Szoba-navigáció

Ritkán sikerül megoldani, hogy beszippantson egy „Flash szoba”, de jó példavál szolgál a Patagonia.

• Gyors loadingpage;
  
• Izgalmas váltás az egyes nézőpontok közt, ami jól elkendőzi a fordulással járó kivitelezési nehézségeket;
  
• lendületes link-animációk az egyes oldalakon;
  
• Ötletes, kommentárral ellátott slide-show-k;
  
• Következetes loading-kukacok;
• Szépen megoldott oldaltérkép a „view all stories” alatt.

Sajnos nem sikerült ilyen jól a Futurama weboldala, habár kétségkívül itt is megoldottak mindent.

• Nehézkesek a nézetek közti váltások;
  
• Nem nyilvánvalóak a linkek;
  
• Túl statikus az egész.

Ajax the Great

Nem minden Flash ami mozog.

Az Ajax egy olyan webfejlesztő ezköz, amivel interaktív oldalakat, programokat lehet készíteni.

Nagy előnye, hogy

• A Flash-el szemben nem szükséges hozzá böngésző plug-in, azaz még a legszigorúbb IT policy mellett is működik, és nem igényel nagyteljesítményű számítógépet sem,
• minden kütyün működik ami amúgy támogatja a JavaScriptet,
  
• Az első töltésre betölti az összes tartalmat, nincs szükség újabb szerver-kapcsolatra.

Remek példa az Ajax alkalmazására a

Howarts.nl

Érdemes kipróbálni a jobb oldalról kicsúsztatható oldalakat.