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.

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.

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.

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.

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.

10 Tipográfiai tipp (nem csak) webdizájnhoz

1. Olvasd át a szöveget.Nem elég a Copy/Paste. A szöveg átolvasása során fogalmad lesz arról hogyan integrálható az a website szerkezetébe (vagy bármilyen layout szerkezetébe)
Kerüld el, hogy a szöveg és a dizájn külön életet éljen.

2. Cseréld ki a vakszöveget…
amint lehet. A Lorem ipsum egyszerűen nem működik olyan jól mint egy valódi szöveg.

3. Építs egyértelmű hierarhiát.
Az segíteni fog abban a látogatónak honnan kezdjen olvasni.

4. Ügyelj mind a Makro, mind a Mikro-tipográfiára.
Már ha tudod mifán teremnek :)

5. Színes betüknél ügyelj a kontrasztra.
A kis kontrasztok más beállítású monitorokon egészen egybeolvadhatnak.

6. Polírozd fényesre a CSS-t.
A CSS a weboldalak SyleSheet-je. Ha jól kitalálod nem esel olyan hibába, hogy minden oldalon picit más a tipód. Plusz változtatni is drámaibban egyszerűbb.

7. Éljen a ballrazárt szövegblokk.
Az összes többit sokkal nehezebb olvasni, vagy ügyetlenül megoldott.

8. Ügyelj a speciális karakterekre.
Nem mindet szeretik a böngészők.

9. Tartsd észben, hogy megnőhet a szöveged…
Ha úgy van beállítva valaki böngészője.

10. Válaszd meg jól a kenyérszöveg betűtipusát.
A képernyőn jobban olvashatóak a talpatlan betűk, a verdánát egyenesen arra tervezték.

A Webdesingner Depot nyomán