HALDESIGN

Elsőre úgy tűnik, nagyon jó lett a tegnap megjelent új WordPress (a lényeg magyarul):

Mostanság sok dicsérő észrevétellel lehet találkozni a Google dizájn megújulásával kapcsolatban. Nem alaptalanul – én is írtam már ilyent, most viszont a számomra bosszantó apróságokról ejtek szót (a teljesség igénye nélkül). Határozottan zavar, amikor nincs következetes egységesség egy cég azonos dizájnvonalat követő termékeinek megjelenésében. (Így van ez az Adobe esetében is – egyetlen példa: CS5-ös Ps, Ai, ID ablakkeret fejlécmagasságok: 32, 35, 36 pixel – WTF?)

Az alábbi képen a már új ruhába bújtatott, általam is használt Google szolgáltatások oldalainak képeit helyeztem egymásra (kattintásra megnő):

A halványszürke fejléc magasságok: 71, 57, 71, 57, 60, 60, 70, 72 pixel (Kereső, Gmail, Naptár, Dokumentumok, Olvasó, Google+, Térkép, Fordító). Ráadásul a Readernél halványszürke helyett fehér ez a sáv; a Google+-nál és a Térképnél pedig van még egy 1 pixeles sötétebb szürke csík is a halványszürke sáv felett, melyek árnyalata mindkettőnél más és más; a Fordítónál pedig ugyanez 2 pixeles és fehér! A bal szélen a függőleges piros jelölő sáv a Gmailben 4, az Olvasóban csak 3 pixel széles.

A legutóbb megújult Reader kakukktojás abból a szempontból is, hogy a Google logó mellé került a neve kékkel (képként), nem pedig a logó alá pirossal (szövegként):

A gombokon van ahol felfelé, máshol lefelé vannak elcsúszva az ikonok:

És még sorolhatnám, de inkább már csak a beállító felületek kaotikusságát mutatom meg – na itt aztán semmiféle egységességről nem beszélhetünk:

Szóval az irány nagyon jó, nagy vonalakban minden szép is, de ha elmerülünk a részletekben, akkor azt kell mondjam, hogy kicsit hanyag munka.

És még egy költői kérdés a végére: a két napja indult Google+ Oldalak bevezetésével együtt lecserélték a régi (néhány hónapos), könnyen felismerhető, szerethető ikont erre a jellegtelen valamire. Miért?

Érdekesnek tűnik az Adobe legújabb próbálkozása ezen a téren – bár tartok tőle, hogy a végeredmény a szoftver által automatikusan létrehozott kódot illetően hagy kívánni valót maga után. Nekem nincs időm kipróbálni, ha neked van, idén még ingyenesen tesztelheted.

→ http://muse.adobe.com

Végre! Egyelőre még keveredik a régi, igénytelen az új, finomodó dizájnnal, de bízom benne, hogy a Google végre következetesen végigviszi, amit elkezdett, és a jövőben fokozottabban koncentrál a megjelenésre is. Erre már kimondottan jó ránézni (leszámítva a találati listát és a képen nem látható láblécet):

Akárcsak az új Gmail-re (bár nem értem, hogy a felső sáv miért nem sötét):

És a Calendar is végre megszépült, bár van még mit csiszolni rajta (például az aktuális nap alig különül el a többitől):

A Reader viszont még mindig csúnya, csak a felső sáv váltott sötétre; a Translate-en pedig még ez is a régi. Kíváncsian várom a folytatást, akárcsak a Google+ projekt fejleményeit.

Simple Lightbox →

Egyszerű és nagyszerű: a telepítése után semmi más dolgod nincs, mint élvezni, hogy az összes linkelt képed „lightboxosan” nyílik meg (nincs szükség a rel="lightbox" attribútumra se). Ezek után opcionálisan még jónéhány dolgot állítgathatsz a WordPress admin felületén a Beállítások > Média menüpont alatt.

Lazyest Gallery →

És újra valami egyszerű és nagyszerű – képgalériák létrehozásához. A plugin telepítése után csupán annyi a dolgod, hogy egy adott könyvtárba (alapértelmezetten: wp-content/uploads/lg-gallery/) felmásolod a képeidet, és az alábbiak szerint hivatkozol rájuk:

Slideshow

Loading...

• ahol a folder természetesen a mappa neve, melynek a képeit szeretnéd megjeleníteni (relatív elérési út az alapértelmezett wp-content/uploads/lg-gallery/ mappán belül);
• a display pedig lehet "thumb"=thumbnail-ek, "slide"=slide-ok, "image"=eredeti kép (előbbi kettő mérete tetszőlegesen megadható – a plugin automatikusan legenerálja őket).

Egy mappa képei

• ahol a folder természetesen továbbra is a mappa neve, melynek a képeit szeretnéd megjeleníteni (relatív elérési út az alapértelmezett wp-content/uploads/lg-gallery/ mappán belül);
• a count a képek száma (például a "halak" mappában 8 kép van, de mivel ide 2-t írtam, csak az első két kép jelenik meg;
• a cols a képoszlopok száma.

Egyetlen kép

hal 8

• ahol a folder természetesen továbbra is a mappa neve, melynek a képeit szeretnéd megjeleníteni (relatív elérési út az alapértelmezett wp-content/uploads/lg-gallery/ mappán belül);
• az image a fájl neve a mappán belül;
• a display pedig itt is lehet "thumb"=thumbnail-ek, "slide"=slide-ok, "image"=eredeti kép (előbbi kettő mérete tetszőlegesen megadható – a plugin automatikusan legenerálja őket).

Ennél még sokkal több minden beállítható, én itt csak annak bemutatására szorítkoztam, ahogyan én fogom használni ezt a remek WordPress bővítményt – főleg a havifotó rovatban. Csak még egy jóságot emelnék ki: ha a WordPress admin felületén nem adsz címeket a képeidnek, akkor alapértelmezetten a fájlnevek lesznek azok; de az alulvonást okosan szóközre cserélve, és a kiterjesztést elhagyva (lásd a fenti képekre kattintva).

És még egy jó hír a végére: ahogy a fotókra klikkelve látható is, a két plugin jól kiegészíti egymást.

« előzmény

Jó régen megszakadt a sorozat, gondoltam érdemes összegyűjtenem, mely bővítményeket használom a reactor.hu-n és itt, a saját honlapomon. Az alábbiakban minden általam jelenleg használt bővítmény szerepel ábécé-rendben – függetlenül attól, hogy említettem-e már korábban:

• AddToAny
  Ő rakja ki a kis tartalommegosztó ikonokat itt, a haldesign.hu-n. Az általam használt Facebook, Delicious, Google Reader, iWiW (!), Netvibes, Tumblr, Twitter megosztás lehetőségén kívül – még 135 egyéb szolgáltatást ismer.
• Akismet
  WordPress-t használóknak biztos nem kell bemutatni, csak a rend kedvéért: ezzel a bővítménnyel szűröm a spam-eket.
• All in One SEO Pack
  Ahogy a neve is elárulja, a kereső optimalizálásban segít.
• BBCode
  Lehetővé teszi a BBCode használatát a hozzászólásokban.
• Better Extended Live Archives
  Ilyen remek archívumot lehet létrehozni vele. Kár, hogy az admin felületen állandóan hibát generál a bejegyzés mentésekor.
• Contact Form 7
  Nagyszerű eszköz form-ok létrehozásához (lásd a gyakorlatban pl. itt vagy itt).
• Customizable Comment Listings
  Például ilyen listákat lehet készíteni vele a hozzászólókról.
• Custom Query String Reloaded
  Segítségével különböző mennyiségű bejegyzés jeleníthető meg a főoldalhoz, archívumhoz, kereséshez, egyes kategóriákhoz, stb.
• Edit Comments XT
  Engedélyezhető vele a hozzászóló számára a saját hozzászólásainak szerkesztése – legfeljebb 90 percig.
• eShop for WordPress
  Remek eszköznek tűnik webbolt létrehozásához (ezzel készül a hamarosan megnyíló Halmarket).
• flickrRSS
  Ez a bővítmény jeleníti meg alul az info-blokkban a legfrissebb Flickr-képeimet.
• Get Recent Comments
  Az info-rész legutóbbi hozzászólásainak megjelenítője.
• Google XML Sitemaps
  Idézem: „This plugin will generate a special XML sitemap which will help search engines like Google, Yahoo, Bing and Ask.com to better index your blog.”
• KommentValasz
  E plugin segítségével a hozzászólók válaszolhatnak egymás kommentjeire.
• MobilePress
  A mobil verzió generálója. Leginkább az tetszett meg benne, hogy ugyan úgy van egy téma mappája (themes-mobile), mint a normál témáknak, amin belül az egyes php és css fájlok tetszőlegesen alakíthatóak. frissítve (2010. 12. 03.): A mobil verziót megszüntettem, mivel a MobilePress plugin megbízhatatlanul működött.
• OpenID
  Lehetővé teszi az OpenID azonosítóval történő regisztrációt / belépést.
• Page Tree
  Átláthatóbban (fa szerkezetben) jeleníti meg az oldalak listáját. Ahol sok az oldal, és aloldal (mint például a reactor.hu-n) nagyon jól jön.
• Relevanssi
  Többnyire sokkal inkább releváns találati listát ad, mint az alapértelmezett kereső időrendi listája.
• Revision Control
  Segítségével beállítható a mentendő revíziók száma, ami akár bejegyzésenként változhat (és nulla is lehet).
• Search Everything
  Lehetővé teszi a keresést címkék, hozzászólások, metaadatok, stb. között is.
• Search_Hilite
  Kiemeli a keresett szavakat – kívülről jövő (pl. Google) keresés esetén is.
• Simple Recent Comments
  Általa készül a legutóbbi hozzászólások listája ezen az oldalon.
• Simply Exclude
  Segítségével például elrejthető egy (vagy több) kategória a főoldalról és/vagy az RSS feed-ből.
• Subscribe To Comments
  A hozzászólók e-mail értesítést kérhetnek egy adott bejegyzéshez érkező újabb hozzászólásokról.
• Subscribe to Comments Now!
  Az előbbi kiegészítése azzal, hogy a feliratkozáshoz nem muszáj hozzászólni a bejegyzéshez.
• Theme Test Drive
  Nagyon jól jön egy új dizájn élesítése előtt, amikor csak bizonyos (beállítható) jogosultsági szint feletti felhasználók láthatják a kiválasztott témát.
• vSlider
  A fejlécben futó slider felelőse.
• WordPress Database Backup
  A neve magáért beszél.
• WordPress Importer
  „Import posts, pages, comments, custom fields, categories, and tags from a WordPress export file.” – a Szemetes Blogba (vissza)integrálásakor vettem hasznát.
• WP-FLV
  „This plugin eases insertion of Jeroen Wijerings FLV Video Player” – csak a repülőhalas videó miatt kell(ett).
• WP-PageNavi
  Remek navigációkönnyítő (lásd az oldalszámokat a főoldal, az arcív oldalak és a keresés oldalának alján).
• WPML Multilingual CMS
  A legjobb bővítmény többnyelvűsítéshez.
• Yoast Breadcrumbs
  Vele iratom ki az elérési útvonalakat a reactor.hu belső oldalain.

Csatlakozva Dincsihez én is hangot adok szomorúságomnak, amiért van néhány – egyébként jó – honlap, melyek azt gondolják, hogy attól lesznek sikeresebbek, vagy legalábbis látogatottabbak, hogy csak egy tartalomtöredéket engednek ki az RSS-be, remélve, hogy akit érdekelnek a részletek, majd úgyis kattint. Valaki biztos (például többnyire még én is), de valószínű sokan vannak úgy, mint Dincsi, hogy inkább leiratkoznak az RSS feed-ről.

Szóval kedves spottr.hu, designpirates.hu, szoftver.hu, vastagbor.blog.hu, tudatosvasarlo.hu, matt.org.hu, pixinfo.com és a többi „RSS tartalomirigy” oldal (akik egyébként fukarságotok folytán nem szerepeltek a Pikkely rovatban); meggyőződésem, hogy rossz úton jártok, hiszen ahogy Gábor is írja, az „internetezési szokások megváltoztak, már nem megyek el a kedvenc oldalaimra minden nap, elvárom, hogy ők jöjjenek el hozzám. Aki nem bújt-bújt, aki nem-nem. Aki nem ad feljes feedet, az megy a levesbe és egy hónap múlva már arra sem fogok emlékezni, hogy a világon van...”

frissítve: Éppen publikálás előtt vettem észre, hogy a Spottr feed végre teljes tartalmat ad – hurrá!

frissítve 2: Ez hihetetlen, percekkel a cikk publikálása után a Designpirates feed is „megjavult”. Woody Allent idézve: „bárcsak minden ilyen flottul menne!” :)

frissítve (2010. 10. 15.): http://www.wizardrss.com/ és minden probléma megoldva! :-) – írja kobak a hozzászólások között. És valóban sokat segít a helyzeten, még ha nem is old meg minden problémát. Valamikor tökéletesen működik, de a képeket sokszor nem jeleníti meg, ami a főként vagy kizárólag képekre épülő tartalmak esetében sajnos nem jelent előrelépést.

frissítve (2010. 10. 27.): WizardRSS-t nem ajánlom, 5 napig nem frissítette a feed-eket, ma meg ömlesztve tolta a felgyűlt tartalmakat. Szóval sajnos egyáltalán nem megbízható.

Nagy dilemmában vagyok, hogy mely tartalommegosztási lehetőségekkel érdemes megkínálni a kedves Olvasót a Haldesign új verziójában? Ugyebár rengeteg van belőlük, kérdés, hogy melyeket használják legtöbben hazánkban? Én a Facebook, Twitter, Google Reader, Netvibes, Delicious, iWiW hatosfogatra gondoltam. Szerinted?

„Ez a kép fogadja az összes kormányzati oldalra érkező látogatókat, a Pénzcentrum információi szerint a felirat a kormányzati honlapok közül egyedül a magyarország.hu-n nem jelenik meg.

(forrás: vastagbor.hu)

Szimpatikus, bár az is elég OMG, hogy ezt a szöveget képként rakták föl egy spacer.gif-es táblázatban; és az is OMG, hogy erről a Pénzcentrum az írja: Meghekkelték az ÖSSZES kormányzati honlapot!

Kénytelen vagyok bejegyzésben is felhívni a figyelmet a Web Designer Wall írására, mert annyira hasznos.

clip, min-height, white-space, cursor, display

Én ezek közül a wihite-space-t nem ismertem, és nagyon megürültem neki, hogy ezután nem lesznek ronda sortörések a dátumoknál az oldalsávban, mert a CSS-ben megadtam, hogy:

#sidebar .simplepie .date {white-space:nowrap;}

Csodás! További képekkel illusztrált részletek a Web Designer Wall-on.