Licence versenyek – GT6

Az oldalon a mai naptól elérhetővé váltak a Licence versenyek GT6-ra, csakúgy, mint korábban a GT5-nél. Az itteni versenyben nem csak a barátlistádba tartozó emberek idejét láthatod. Bárki feltöltheti a saját eredményeit, aki regisztrálva van az oldalon. Győzz le mindenkit, legyél Te az első! Elérhetőség a Licence menüpont alatt.

Gran Turismo 6

Licence tesztek olyan feladatokat tartalmaznak, amiket azért hoztak létre, hogy mindent megtanítsanak a vezetésről. Minden tesztnek van egy célideje. Az elért időd függvényében arany, ezüst vagy bronz trófeát kapsz. Egy bronz trófea megszerzése elegendő a sikerhez, de az igazi elismerésért érdemes próbálkoznod az arany trófea megszerzéséig.

Megújult a GT5-ös lapom

Régen gondolkozom egy fekete-szürke, sötétes árnyalatú lapon. Ez most ezzel megvalósult. Teljesen új alapokra helyeztem a kinézetet. A színek eltalálása eléggé meghatározza, hogy milyen lesz a végső lap. A feketéhez nem lehetett nagyon harsány színeket alkalmazni. Nem beszélve arról, hogy a táblagépek, mobilok kijelzője sokkal nagyobb fényerővel rendelkeznek.

A régi laphoz volt egy mobilos oldal, oda sajnos nem minden volt leprogramozva, csakis a legfontosabbak (egyelőre még marad a régi kis mobilos rész).

Ez a lap a mai követelményeknek megfelelően reszponzív dizájnt kapott. Ez azt jelenti, hogy minden eszközhöz “alkalmazkodik”, legyen az asztali gép, táblagép vagy egy okostelefon. A lap retina-ready, tehát nagyfelbontású böngészőkön is szép lesz. A hírekhez feltöltött korábbi képek nyilván még nem ilyenek, de az új cikkeknél igyekszünk szebb, jobb kinézetet adni a nagyfelbontású képekkel.

Az oldal linkje: gt5.ballor.hu Jó szórakozást és versenyzést az új lapon!

Kicsit jobb, kicsit szebb

Ez az új skin nem volt okés még teljesen a mobilozók számára. Ahogyan összehúzom a szélességet, akkor ott nem stimmelt, mert a sidebar nem jelent meg szépen. Ma kicsit átgondoltam ezt és javítottam is.

Most elviekben a táblagépeken és a mobilon is a sidebar rész illeszkedik a fő tartalomhoz szélességben. Eddig csak jobbra volt igazítva. A skin belsejében történt változás, nem nagyon vehető észre. Ezekkel a változásokkal készítettem egy fekete skint is a lapomhoz. Ezt még nem tudom mikor és hol fogom alkalmazni.

Reszponzívan

Egyre jobban érett bennem, hogy nekem is át kell váltanom reszponzív webdesign-ra. A régi jó ballor.hu-s felületet ezzel együtt eldobtam, néha kellenek a változások. Kicsit belemélyedtem a neten ezekbe a dolgokba és a korábbi ismereteimet kiegészítve jött létre ez az egyszerűsített, de már reszponzív felület.

responsive

A WordPress 3.6-os változata kicsit hozzásegített, hogy magam is átgondoljam a változtatást. Korábban nem értettem a témák írásához. Az előző felület volt az első, ami komolyabb “művem” volt a témában. Tovább »

Rendbe tettem

A héten írtam róla, hogy teljesen új motor került alám. Elég sokat gondolkoztam ezen, hogy meg merjem-e lépni a dolgot. A saját oldal készítésének voltam híve eddig, de mindig érdekeltek a CMS-ek (Drupal, Joomla és természetesen a WordPress is). Maradtam a WordPress motornál. Tovább »

Új motor a ballor.hu alatt

Egy ideje gondolkoztam azon, hogy kipróbálom a WordPress motort. Ez egy nagyon profi blogmotor, úgy gondoltam ránézek. Azzal kezdtem, hogy készítettem egy olyan skint, ami a ballor.hu oldalamra hasonlít. A neten minden infót meg lehetett találni ehhez. Volt olyan rész, aminek többször kezdtem neki.

Tegnap végül megtörtént a váltás! Ha nem nagyon tapasztalt belőle sokat a kedves látogató, akkor jól csináltam.

A figyelmes szemlélő láthat még kis hibát (át kell nézni a bejegyzéseket a kategóriák miatt), de ezt folyamatosan javítom majd. Remélem be fog válni a motor és kellemes élményeket ad majd nekem és az olvasóimnak is.

Ránctalanítás

Alakítottam egy kicsit a lapomat. Nézegettem a HTML5 lehetőségeket, néhányat alkalmaztam is. Nem annyira látványos a külső szemlélőnek, inkább a háttér, a motor lett picit jobb, szebb, illatosabb.

Elraktam a Linkz és a Titan Quest lapokat is, kaptak aldomaint. Előfordulhatnak még hibák, az oldalon. Majd javításra kerülnek. Egyelőre ennyire futotta. Majd talán írok még róla.

Pici változások

Elég sok blogon megfordulok nap, mint nap. Sok helyen tapasztaltam, hogy letiltják (kikapcsolják) a kommentelési lehetőségeket. Ezen kicsit elgondolkoztam, és próbaképp alkalmazon ezt most én is. Nem tudom, hogy vissza fog-e kerülni.

Nagyon picit a lap is változott (a mobilos is), de nem annyira látványos. Mindig csinálásban vagyok, valamiért érdekel az újítás, a változtatás. Fogom is még, mert még vannak ötletek. Ja, és időről időre megunom a felületet… Már ezt is kezdem.

Retina logó

Az új iPad megjelenésével új felbontást kaptunk. Az addigi 1024×768-at duplázták meg. Ezzel ugye az jár, hogy az eddigi 1:1-es 1024-re optimalizált felületeket széthúzza duplájára. Igazából ez a szövegek esetében nem jelent semmiféle bajt, csúnyulást. A képekkel viszont nem ez a helyzet.

Itt az alap felbontású képeket kell neki dupla felbontásra húznia. Ezzel viszont csúnyább (szőrös, recés) megjelenítást kaphatunk. Nem lesz ez veszett csúnya, de egy retina kijelzőn észlelhető. Ennek jártam kicsi utána és cseréltem le az oldal logóját “retinásra”.

Maga az eljárás nem bonyolult. Az alap logó kirakását a következőképpen végzem (csak azt másolom ide, ami igazából kell hozzá, a többi a CSS-ben látható):

#header h1 a {background:url(“ballor-logo.png”) top left no-repeat; width:170px; height:40px;}

Látható, hogy a logó egy 170×40-es .png file. Ezt legyártottam dupla méretben (340×80), amit a retinás megjelenítésre használok. A trükk a következő lesz (csakis ami kell, kiemelve ami a lényeg):

@media only screen and (-webkit-device-pixel-ratio: 2){
#header h1 a {background:url(“ballor-logo-2x.png”) top left no-repeat; -webkit-background-size: 170px 40px; }
}

Tehát megmondjuk, hogy dupla (2) pixelsűrűséget alkalmazunk, berakjuk a 2x méretre növelt logót és ne feledkezzünk meg róla, hogy meg kell adni, mennyi legyen a mérete (a sima mérettel meg kell egyezzen).

Vigyázzunk az új iPad-en és az iPhone 4/4S telefonokon lesz látható a dolog szépsége!

1 2 3 5