Tovább folytatódik a Plastik média felületének finomítása. Először is: kidobtuk a három hasábos elrendezést és visszatértünk a két hasábra (aki szemfüles, már tegnap óta láthatja a változást). Az új, 1024-re való fejléc viszont megköveteli a növelt hasábot, így a korábbi 490 helyett immáron 620 pixelen terpeszkedünk. Ennek hatására sokkal nagyobb képekkel dolgozhatunk, illetve a korai K2 “kenyérbetűjét” és sorkizárt szedését is lecseréltük.
update: ez egy komplexebb folyamat, valami végeredmény lesz. Sajnos a “Helvetica Neue” nem biztosít megnyugtatóan CE betűket, így kenyérbetűnek a “Helveticát” vagyunk kénytelenek használni. A konkrét definíció: font-family: Helvetica, Arial, sans-serif; E mellett a címbetűket is lecseréltük a modern kor igényeinek megfelelően. Immáron @font-face definícióból jön a címbetű, ami “Graublau Sans Pro” és a licence explicit módon megengedi a webes felhasználását. (Csak Firefox 3.5+ és Safari 3.1+ fölött látható, a többiek Helveticát vagy Arialt kapnak.) E mellett persze nem bírtam ki és beleraktam még egy -webkit-transition definíciót is, így webkitesek krémes-hovert kapnak pirosba.
Jobb oldalról lekerültek a vimeós képek (akit érdekel, a vimeó lapon majd nézelődik), Flickr maradt (különösen a SZUPER iPhone alkalmazás után!), tagfelhő lejjebb került és balra záródik — minden csitti-fitti.
Megvalósítottunk még egy nagyon régi álmot is: a korábban már kézzel kezelt “Plastik media Best of Show”, más néven aranykommentnek hívott megjelenítés immáron automatán szerkesztődik, AJAX-os felületen lehet kapcsolgatni. Ami viszont még ennél is fontosabb: lehetőség van listázni az aranykommenteket, illetve azt is nézni, hogy ki gyűjtötte össze a legtöbbet. Azért azt elmondanám, hogy ezek kiosztása teljesen szubjektív mércével történik. Mindenesetre szeretnénk ezzel a kis figyelmességgel támogatni a minőségi és lényeget érintő, ún. “ontopic” hozzászólásokat.
Akkor megpróbálom az első kommentben jutalmazni saját magam:
Ami láthatóan nem sikerült.
Úgy működik, hogy írsz egy kurva jó kommentet, aztán majd a szerkesztő (úr!) elvégzi.
háát, ha ipod nanót nem lehet nyerni, akkor nem kell a plecsnyi
nah látod ez az.
)
(már csak a főoldalon lévő bejegyzések számát kéne lecsökkenteni 3-ra és mosolyogva aludnák el minden este.
Semmit se lehet nyerni, csak egy rohadt PNG-t.
hát úgy már nem érdekes :]
Nice update
Szerintem a http://plastik.hu/bos/ oldalon minden neven legyen link és az az ő bos hozzászólásait listázza.
igazából azt nem értem, hogy Magyarországon a híresebb blogok miért sajnálnak néhány ezer forintos, fizikálisan is megfogható ajándékokat adni, cigire többet költeni, de bármi megfoghatót adni eszükbe sem jut soha, ez most csakúgy mellékesen jutott eszembe
Fudge, ezekről tudunk, sajnos mai napba nem fért több, de hétvégén fixáljuk.
Barát Csaba, ne légy telhetetlen.
@barat csaba az elozo poszt hozzaszolasaihoz akartam irni, de jo lesz ide is: te olyan hulye vagy bazdmeg! angelday bocs a meltatlan hozzaszolasert.
http://noob.hu/2009/09/11/PIXEljozsi.jpg WAT MIAZ OTT?????,?,,???!!!?!?!?!
A bos oldalon remekul megjelenik, hogy melyik blog bejegyzeshez kommentelt a best of show tulajdonosa – 3 utolso. Azonban a kommentekre kattintva nem tortenik semmi, mert nem jo a link, ellentetben a cikkel. Amugy remek otlet, szurheto az okos komment (meg ha csak szerinted okos, akkor is).
Lesz erre valami link is valahol ? Esetleg van is, csak nem latom ?
Meg mindig iszonyu lassan jon be az oldal. Nem lehetne valami optimalizalt oldalt nezni ?
azt lehetne végre hogy fehér alapon FEKETE betűkkel írj?
Eddig még nem volt aranyköpésem? Bakker…felhívom a Nyírő Pétert azonnal!
Szerintem ez most így jó, a három hasábos nem tetszett. Thumbs up! (A betűméret egyébként nem lett egy picikét nagyobb?)
Baggio, a BoS usability-jén javítani fogunk remélhetően nagyon hamarosan.
Péter, a betűméret nagyobb lett, igen.
PIXEL WAT, jó megfigyelés de bilinear filterrel zoomolni pixelrajzot mennyire LOSER már, b+!!
Linuxon is van Arial. Szinte mindegyiken. És Helvetica is.
persze ha nem csak sírnál mindig az ariálról, hanem AKARNÁL nekünk helvéticát adni, akkor megtennéd CSS @font-face használatával, amihez csak annyi kell, hogy feltoszd a truetype ttf-et a szerverre. safari 3.1, firefox 3.5 és opera 10 simán eszi.
@font-face {
font-family: “Kimberley”;
src: url(http://www.princexml.com/fonts/larabie/kimberle.ttf) format(“truetype”);
}
h1 { font-family: “Kimberley”, sans-serif }
bővebben:
http://www.alistapart.com/articles/cssatten
akkó’ most már csak a fejléc szakkksz.
…meg ez a comment box hangya betü…
hát én csk elmondtam ogy szokott lenni a világ más részein, ha most emiatt hülye vagyok hogy ilyeneket merek írni és nem csak nyalok, hát akkor igen, hülye vagyok
Barátom! Csaba!
(Persze ez csak szóvicc)
Nem hogy örülnél neki te kis elkényeztetett k***** hogy egy blogger az ő idejét arra áldozza hogy neked, nekem és nem kivételesen !nekünk! mindnyájunknak minőségi posztokat írjon. (egyébként ezt a szót S-el /postok/ vagy SZ-el /posztok/ írják?) Ehelyett te azon rinyálsz, hogy Józsi, amellett hogy a blog olvashatósága érdekében, némi idejét webdizájnolásra (design vagy dizájn?
) áldozta nem dugott fel egy ingyen Ipod Nanót a fényesre nyalt s*******!
Szóval enteomitiok szavaival élve: “te olyan hulye vagy bazdmeg!”
Én nem kérek bocsánatot mert idéztem.
Egy ötlet: Lehetne a bos link a fejlécben lévő csillagocskán.
karon,
kar, hogy jozsfnek 99,9999%. ,hogy nincs licensze tovabbadni (distribution licence) a snowleopard barmely fontjat, marpedig a font-face hasznalatahoz ez nem artana.
Barát úr,
Láthatod, hogy a jó és népszerű blog felé vezető hosszú út jó kontenttel és jó megjelenéssel kezdődik. Láthatod, Józsi most éppen utóbbira (vagy utóbbinak a faceliftjére) veri el a cigire szánt pénzt, és ezen nyugodtan (vagy akár izgatottan) elgondolhatnál te is, mert úgy látom ez még nem történt meg.
Éljen, éljen! Szerény véleményem szerint is sokkal jobb a kéthasábos megoldás, egyszerűen sikkesebb egy bloghoz, mint egy agyonzsúfolt háromhasábos.
Csak egy kérdés: a BoS Ajax-os dolog komplikált volt megoldani? (ezt most véletlenül se értsd félre, de te csináltad, vagy valaki segített benne?)
klafa lett, sőt maszek! Gromek!
betűt nem tudom, mert nincs snowleom, két hasáb jó, a szélesítés meg sőtpláne jó (azt én is tervezem a sajátomban)
szerintem látszik a melód, érdemes volt.
Barát Cs,
nálam volt sorsolás, volt nyeremény is (volt játék). nem, nem nano. Pedig nekem töredék olvasóm sincs, mint a plastik médiának.
És? mind szórakoztunk jól, és nyertek valami apróságot, bocsánatot kéne kérnem, hogy nem adtam fel postán a sony tévém?
Ráadásul nekem nincs hirdető, zsebből költök a hobbimra, (domény, tárhely). Nem értem mit hiányolsz!
dobisan: poszt és dizájn.
[off]Köszi Zeusz.
Ezzel én mindig is gondban voltam.[/off]
Barát Csaba!
Ajánlom figyelmedbe az alábbi oldalt: http://plastik.hu/sponsorship/
A válasz tehát a kérdésedre: csinált már olyat híresebb blog (ez), hogy ajándékot adott olvasónak.
Itt pedig megtekintheted a szerencsés nyertest is: http://plastik.hu/2008/10/06/plastiknation/
Az új fiút látom lefinomítottátok, így csak annyit mondok, hogy a font kérdést még megoldjuk. Ráadásul most abban gondolkodom, hogy valami rendesen licencelhető betűt fogok berakni, mert fds tegnap kimutatta, bazmeg, hogy az őű betűk valójában Arialból vannak, nem pedig Helvetica Neuéból. Abban ugyanis csak a “medium” súly kapott CE őű karaktereket.
őőő, “a plastikról” menüpont alatt ezt találtam:
“…és macskájával Kobakkal, a hosszúszőrű macskával él.”
(aki macskának néz ki és amúgy egy macska
)
sry
A hozzászólások főcíme és a hozzászólók neve (és az időpontok, meg az egész jobb hasáb) továbbra is Trebuchet, illetve Lucida (10.6.1, szóval a többit látom). Tessék tovább evoluálni.
A flickr resz es a tagfelho okkal csuszik egybe?
http://skera.hu/~bob/plastik_sidebar.tiff
(Safari 4)
Ha igen, akkor mea culpa, hogy ertetlenkedek
)
Kiegészítettem ezzel a posztot:
bela.d fixed.
pyro, fixed és a videót is az új méretre kalibráltam.
4.0.3-as Safari (OS X 10.5) alól ezt látom:
http://kepfeltoltes.hu/view/090912/Picture_20_www.kepfeltoltes.hu_.png
légyszilégyszi cseréld le azt a tüzes hovert a menüben valami szebbre, és akkor tényleg fasza lesz! ja, és nekem fx3.5-ben nem látszik a graublau!
Na, szélesebb minden, szebbek a betűk, bazi jól néz ki!
A végtelenbe és tovább Uram!!!
Balazs, nem tudom reprodukálni.
opera-nak miért nem graublau a címbetű?
rog, nem tudom. De ne akard, hogy utánajárjak! Legyen elég annyi, hogy megnéztem Operán is, rendben lejön-e az oldal.
Szabály: az “extrákat” csak Safari alatt kapjuk ezen a weblapon. Szeretnék minden Mac-es elvtársat megkérni, hogy elsődleges böngészőnek a Safarit használja. Ma, 2009 szeptemberében már semmi weblapon nem hasal el, csak néhány szaron (bár azok nálam csak IE alatt mennek).
Józsi, cache ürítéssel megoldódott a dolog.
ie-ben is lehet fontfaceelni elvileg, ott lehet a legrégebb óta, csak persze hogy egyszerre legyen ott meg safariban is, az már kényesebb
tehát akkor nincs semmi extra kód az engine-ben, ami ellenőrzi milyen böngésző küldte a kérést vagy ilyesmi. csak azért kérdeztem rá eleve, mert más ilyen fontface-es oldalak tök jól működnek operával is.
(ja egyébként ha szőrszálathasítani akarnék, azt kellene mondanom, hogy annyira azért nem jön le rendben az oldal, mert az első címsor ezzel a betűtípussal becsúszik a header alá. de nem akarok)
sajnos a font-face firefox alatt (win) még mindig nem jó, mivel a plastik stylesheet-ben egy otf font szerepel, de formatnak truetype van megadva.
a helyes kód:
@font-face{
font-family:’Graublau Web’;
src: url(‘GraublauWeb.otf’) format(‘opentype’);
}
további font-face syntax baszás:
http://paulirish.com/2009/bulletproof-font-face-implementation-syntax/
karon, fixed.
Többen felszólaltak már a lángcsóvás menü ellen. Úgy gondoltam csinálok egy alternatívát. Hátha megtetszik Józsinak.
Tudom az ötlet elég klisé de jelenleg ez jutott eszembe ami kapcsolatban áll az oldal dizájnjával. Viszont koncepció van szóval nem egy összerondított cucc szerintem. 
Nézd meg Józsi és dönts: http://href.hu/x/a1qq
Kitettem, de nagyon beleolvad a háttérbe.
Hmm.. tényleg. lehet kelett volna valami drop shadow a figurák alá de még talán ez sem segített volna. Sajnos azt a hibát elkövettem hogy nem néztem meg hogy nézne ki a fejléccel.
hát, teszek alá dropshadow -t és ha az sem segít rajta akkor így jártunk.
A menü az eredeti méretet használja? mert minta le lenne kicsinyítve. vagy csak azért látom így mert én zoomolva szerkesztettem és így most furcsa?
Hát. Nem mondom hogy sokkal jobb de talán már kicsit jobban elkülönül a háttértől.
Itt a menü: http://href.hu/x/a1u2
Itt pedig egy előnézeti kép hogy hogy nézne ki: http://href.hu/x/a1u5
Sajnos nem vagyok megelégedve de többet nem tudtam kihozni belőle. Esetleg ha van ötleted szólj vagy ha nem passzol semmiképpen nyugodtan rakd vissza a régit.
Én sem vagyok vele megelégedve, de az ötlet jó.
Kissé megkésve: tetszik az irány, de hiányolom a régebbi oldalról ismert megoldást, miszerint egy-egy link az előző és követő cikkekre mutat akkor, amikor csak a cikket olvasom.
Amikor ritkábban olvasom a blogot (nemis: amikor gyorsabban termeled a cikkeid), a tartalom feldolgozása sokkal kényelmesebb. Az Applebloggal is csak ez a bajom. Handras megtartotta, de ő meg ritkán ír.
Ger, ezt megfontolom. Nem is tudtam róla.
Angelday, az ötleted engem is megihletett. Úgy döntöttem a saját blogomon, hogy a legaktívabb és ezen belül a legszimpatikusabb kommentelők valamelyikének, küldök karácsonyra egy Philips SA1922 2GB MP3 lejátszót, vagy utalom az árának megfelelő összeget. Még akkor is, ha az én oldalamnak sokkal kisebb a látogatottsága.
http://baratcsaba.hu/blog/nyeremeny-a-legjobb-kommentelonek-az-az-en-nem-sajnalom-a-fillereket-az-olvasoimtol/
Már nincs “Az IE6 nem támogatott” figyelmeztetés? Csak mert az alatt elég csúf a dizájn…
A két hasáb, a betűméret és a jobb sáv remek.
A lángnyelves menü hover szerintem is túlzás.
A fejléc nekem továbbra is overkill, be is került az adblock-ba (sajnos összecsukni nem tudja, így fél oldal szünettel nyit a plastik
)
ant, a PNG képek kivételével IE6 alatt is teljesen jó az oldal. Lehet, hogy nálad is valami ratyi Helvetica van telepítve a gépedre? HP printer lehet a ludas?
Az adblockért bevéstem egy elégtelent!
ie6?!
mi a helyzet a netscape 4.77-es támogatásával?
Azt megették a kínaiak!
lehet hogy az ie6 már örökké velünk marad? mert amíg xp lesz, mindig lesz valaki aki cancel-t nyom az update-re.
Igen, sajnos ez az igazi népbetegség: cancel az update-re. Miért csak mi vagyunk a power userek?