sesam.hu

Engineering Manager / Trail Runner / Budapest, Hungary

iPhone wallpapers

Looking to refresh the look on my iPhone I found Poolga. They describe themselves as people who:

… love our iPhones and we love customizing them. But we hate the standard wallpapers and cheesy nature themes available everywhere. That’s why we create our own, and thought it would be nice to share them. So here they are. Enjoy!

The wallpapers reminded me of 80’s adverts and kids drawings or something Einstürzende Neubauten could use for a CD cover. For now my choice is this one:

jameswhite_ilookingglass

The wallpapers are free to download and use on your phones.

Make It Worn beta

It’s been a while I stumbled upon Bart-Jan Verhoef‘s site and his three-part tutorial on how to create a worn look to a site. He was kind enough to share a template page to show how he built up the final design. I liked it instantly and decided to implement it for WordPress.

You may remember I have been dissatisfied with how the journal was designed for a while now. I wanted something cleaner, wider, more serious and less emo. Bart-Jan’s worn look is just like that with the additional perk of keeping the aged papery texture of my old clumsy design. So here’s how SeSam.hu will look from now on.

I was trying to be as faithful to the original template page as possible. However WordPress has some specialities and it needs to integrate a wider array of functions which made it necessary to move a few pixels around. (The IE bug that prevents elements from floating properly in rows is a prime example. That one took hours to fix and caused a significant headache.)

I have to admit, building a template for WordPress is not an easy job. Unlike when I was just designing for myself a proper distributable template needs to be a lot more flexible and adapt to all the different blogs out there. The design must be prepared to handle a plethora of data structures. It remains to be seen how well I did to achieve that.

Not all the features I wanted are included, but I felt the design was ready for a live beta. Please if you encounter any quirks, malfunctions or errors do contact me or comment to this post.

Features or functions missing that I’d like to implement:

  • There’s no indication when you’re browsing the archives of where you actually are. As in “You’re browsing the archives for August 2006.” or so. Search results lack likewise.
  • I’d like a search form on the index page, but not sure yet where to put it.
  • Blockquotes should get a nicer design not just an indent.
  • The 404 page is missing.
  • At least the single post pages should show the categories and tags. I found that there are too many of them to fit in the little “entry details” field and when I tried it broke the grid layout.
  • I should add some more usability enhancements such as indicating required fields when commenting, listing the usable bbcode, links to trackbacks and pingbacks…
  • Code needs cleaning for validity, something I haven’t yet checked.

Features unlikely to be implemented:

  • The design is theoretically a three-column one, nevertheless there’s not enough space for sidebars, so there are none. A possible rework of the entire index page might introduce them…
  • I am not really familiar with the process of making a template open to language packs, therefore that feature is missing.
  • Having too many pages will surely break the header. The template is ill-suited to such sites.

I’m sure as soon as I press publish a dozen more will spring to my mind.

Anyway, if you like it and would like to use it I ask only a little bit of your patience just yet. Before making a downloadable version I’d like to sort a few things out and add the missing features. The reason why I applied it to SeSam.hu is that I’d like to test it live. Naturally since the whole site is licensed under creative commons if you insist on having this beta version email me and I shall send it to you.

webdesign

Avagy kik a magyarországi webdesigner cégek, a Plastik gyűjtésében. Vicces végigolvasni, kommentestül. De nem is ezért, hanem milyen király már a volll oldala:

volll

Google favicon

Nem tetszik a Google új böngészőikonja? Most lehet ellene tenni, a Google ugyanis a felhasználók ikonötleteit gyűjti. Számomra mondjuk a legérdekesebb az oldalon a Terms of Service rész volt.

You grant to Google and its subsidiaries an unrestricted, sublicensable, assignable, irrevocable, perpetual, worldwide, royalty-free, fully paid-up license to your name, voice, image, persona, likeness and performance in any media taken or to be taken of you by or on behalf of Google (“Likeness”).

Érdemes elolvasni.

Készül az új Last.fm

A fiúk (és lányok) Londonban úgy döntöttek, itt az ideje egy kis Last.fm arcfelvarrásnak. A vadonatúj design mögött azonban mélyebb, a rendszert is érintő változások is állnak.

Az ígéretek szerint nem kell majd tovább várni a toplisták heti összesítéseire. Minden valós időben számolódik.  A feltöltött (továbbra sem tudok a scrobble-re magyar megfelelőt) számokat a profil zenei adatbázisában tárolja, mely kereshető, lejátszható, stb. Beépítenek egy Facebook-szerű aktivitásjelzőt is. És a site külseje alapvetően átalakul: hangsúlyosabb lesz a közösségi tényező, egyszerűbben használható a rádió.

Az előfizetéssel rendelkezők már ki is próbálhatják a tesztverziót a http://beta.last.fm címen. Kis ízelítő:

Last.fm beta: sesamsys
Uploaded with plasq‘s Skitch!

Bónusz: így dolgoznak a fejlesztők (flickr képek).

bársonyos reformok

Csak kicsit szembemenve az árral, mondjuk úgy srevizavé, apróbb változásokat foganatosítottam a weboldalon.

Leglátványosabb ugye a kis social networking ikonok megjelenése a címsorban. Gondoltam azt a böszme nagy helyet ki kellene tölteni valamivel. Valamint amúgy is szerettem volna linkeket a twitteremhez, facebookomhoz, last.fmemhez. Eddig nem nagyon emlegettem a technoratit, de oda is regisztráltam már jó ideje. Kár hogy az ismeretségi körömben kevesen használják.

A del.icio.us accountomat nemigen használtam eddig, csak szórványosan. Viszont kezdek ráébredni, mennyire hasznos, főleg hogy sokszor idegen (iskolai) gépekre kell szorítkoznom. A blogba később postolandó források tárolására is kiváló.

A legnagyobb változás pedig a flickr. Ugye volt arról szó, hogy miért nincs galéria. Nos azért, mert a StartLogictól kapott kőkori 1.5-ös verziójú Gallery nekem nagyon nem jött be. Elárasztották például a gyógyszer- és szexspamek. A flickr pedig industry standard, és gyönyörűen integrálható a WordPressbe.

A gond csak az, hogyan mozgassam át a temérdek képet oda. Nos, létezik egy plugin, ami a Gallery2 telepítésből átemeli a képeket flickrbe. Egyetlen bibi a dologban, hogy ez 1.x-el természetesen nem működik. Nosza feltettem hát egy újabbat, ami azért nem zajlott ilyen egyszerűen.

Egy telepítés néhány ezer fálj, amit felftpzni közel lehetetlen. Megszakad, kezdi előről, megszakad, szolid hajtépés. Aztán fel lehet tölteni a teljes tömörített galériát, és az adminisztrációs webfelületen kibontatni, ami szintén csak sokadjára sikerült. Végül rettentő sokat szívtam az engedélyekkel is, mire kiderült, hogy alapból rosszul lesznek beállítva, és ezen hasal el a telepítő script. Long story short, kisebb-nagyobb szünetekkel majd’ az egész héten ezzel szenvedtem. (Ez a bekezdés még mindig nem igazán írja le azt az orbitális kínlódást, amibe ez nekem került…)

Tehát most van egy ideiglenes Gallery2-m, amibe előbb átemelve az eredetiből a képeket exportálni tudom flickrbe. Ennek tesztje volt a tokiói utamon készült pár kép áthelyezése. Sajnos nem pro accountok esetén feltöltési limit is van, amit villámgyorsan el lehet érni. Majd szépen lassan igyekszem átrakni flickrbe is az összes régi képet, kulcsszó a türelem. Vagy valaki megajándékozhat egy pro accounttal némi reklámért cserébe. Volt már rá példa a világtörténelemben, de nincsenek illúzióim.

Aki most találkozik először a képekkel, kis caveat: nem vagyok profi, fél- sőt negyedprofi sem. A képek tehát sokszor rosszul komponáltak, rossz az expozíció, fehér az ég, lens flare, stb. Ha valaki szépet akar látni, nézegesse inkább Adri képeit. Csak azért mondom, mert mostanában mindenki nagyon komolyan fényképez.

Természetesen minden kép cc by-nc-sa.

Az ikonok a Gorvan.com hasonlóan szabadon használható szettjéből vannak.

Aki pedig vállalja, hogy leteker az oldal aljáig – és nem mellesleg elolvasta a bejegyzést egészen végig – kis meglepetésben is részesül a FlickrRSS jóvoltából.

Amúgy…

… tényleg csak én gondolom, hogy az előző sesamhu körülbelül egy tizennégy éves világfájdalmas emokid szintjén állt? Szánalmas idézetekkel tömve a főoldalon.

feedback

Szerintem egyedül nekem tetszett a kékre váltás.

Anyám:

Te kisfiam ez a blog… olyan jó volt a régi, minek kellett változatni? Teljesen követhetetlen, jellegtelen. A régin rögtön lehetett látni, hogy a tiéd. Ez olyan, mint mindenki másé, csak a színe más. Az design, hogy kékre írsz? És hova tűntek a képek?

human:

ez de rossz design

Szak1:

Ez már megint nyomasztó :(
Olyan szép, tiszta volt az a fehér.
De legalább egy szép Japános (vámpíros) háttérképet a sesam.hu bannernek…

Ardin:

A dizájn nem rossz, a fekete-kék párosítás viszont kissé nehézkessé teszi az olvasást, legalábbis nappal. Lehet, hogy az én szememmel van a baj, de a fehér szövegek (bejegyzéscím, főcím, stb.) után nehezen tud átállni a blogbejegyzés kék szövegére.

Illetve engem személy szerint zavar a bal oldalon lévő kék csík, ami pont olyan színű, mint a szöveg.

What happened to the design?

To know more about why styles are disabled on this website visit the Annual CSS Naked Day website for more information.

If you want to have your WordPress blog naked, check out this plugin. Or have a look at Lorelle’s post about the topic.

The idea behind this event is to promote Web Standards. Plain and simple. This includes proper use of (x)html, semantic markup, a good hierarchy structure, and of course, a good ‘ol play on words. It’s time to show off your <body>.

designváltás

Végre találtam olyan kinézet templatet, ami tetszik is. (Design: Wolfgang Bartelme, coding: LEMONed) Úgyhogy violá, kék sesamhu. Egyelőre tesztüzemben, és nem véglegesen. Például tervezek last.fm integrációt, saját kommentek kiemelését, szebb címsort és ikonokat, a blogroll kiegészítését és a láblécbe még pár meglepetés elhelyezését, hátha valaki leteker odáig.

Annyit még tudni érdemes, hogy a design Firefox és Safari alá lett elsősorban írva, tehát Exploreren nem tökéletes. Én szóltam. Az Analytics szerint a látogatók körülbelül egyharmada használ IE-t, közülük is 50% a hatos verziót… Seriously…

Valamint említésre érdemes a Gravatar beépítése. Aki nem ismerné, a Gravatar egy olyan szolgáltatás, amely az email címhez egy kis képet (avatárt) rendel, és a Gravatart integráló oldalakon ezt minden konfiguráció vagy regisztráció nélkül megjeleníti. Tehát aki képecskét szeretne a nevéhez (ami, nem csak a sesamhun működik, hanem értelemszerűen minden Gravatar-képes oldalon ám) iratkozzon fel az emailjével itt.

Végül, de nem utolsósorban: sokadszorra is köszi sLD-nek a kommenteket gusztusosan elvágó PHP függvényért.