Gombok egyszerűen CSS-sel.

Andris, 2011. November 03.
  • english
  • hungarian

CSS alapú menő kis gombocskák létrehozása egyszerűen.

CSS button

, , , , , , ,
Comments Off

Rota bene!

Andris, 2008. November 28.
  • english
  • hungarian

Logo Of The Day - 2008.12.27Nemrég vettem új táskát magamnak, aminél megvolt a lehetőségem arra, hogy én tervezzek rá egyedi mintát. A táska egyébként bagaboo, amiről majd később mesélek. Lényeg, hogy heteken át törtem a fejemet, hogy milyen mintát tervezzek rá, míg egyik nap kipattant a fejemből a szikra: Rota bene!

Latinos lévén élnek bennem a latin közmondások és néha felbukkannak a fejemben. Így volt ez a “Nota bene!” mondással is. Mit is jelent ez? “Jegyezd meg jól!” Gondoljunk csak a notesz és a bónusz szavakra. Aztán jött a csavar, magától: nota helyett rota, ami annyit tesz, hogy forgasd, tekerd. Innentől kezdve a jelentése: Forgasd jól, tekerd jól, RAGMEG JÓL! Kezdett tetszeni, és gondoltam, hogy megpróbálok egy ízléses, logót tervezni ennek a két szócskának. Szerettem volna egyedi kinézetet, ugyanakkor olyat, ami jól olvasható, egyértelmű, még akkor is, ha az ember csak olvassa és nem érti mit jelent. Snassz lett volna egy meglévő betűtípussal dolgozni, így kitaláltam, hogy a betűit is én tervezem meg. Először fél napot papíron alkottam, mejd amikor kezdett tisztázódni, miféle betűk lesznek, elővettem az Illustratort és képernyőre vetettem a terveket. Az volt az alapkoncepció, hogy a betűk hajlított, félkör vagy negyedkör alakú görbékből álljanak és a vonalvastagságuk mindenhol egyenletes legyen, pont egy sugárnyi, amivel a lekerekítéseket is csináltam. Ez főleg az “E” betűnél volt nehéz feladat, azon dolgoztam a legtöbbet, mire felvette az egyértelmű E betű formát. Összességében kb 2 napig dolgoztam a logón, mire elértem a végleges változatot, és meg voltam elégedve :) Szerintem szép lett.

Rota bene!
Kattints a képre, hogy nagyban láthassad!

Kíváncsi vagyok a véleményetekre, tetszik?

Akit érdekel, az nézegesse végig: ilyen változatok is voltak, de fennakadtak a rostán ezért-azért. Valamelyik teljes zsákutca, mások meg evolúciós lépcsőfokok voltak a végleges verzióhoz.


Nagyjából készen vannak a betűk, szárnypróbálgatás az E-nél.
 

Egy zsákutcába torkolló kisérlet az E betű megrajzolására
 

Most jó az E betű.
 

Zsákutca!
 

Jé, egy aranyos levélke! Ez az út jó lesz!
 

Akkor most ez egy szó? Nem.
 
Rota bene!
A végleges változat.
 

Készítettem iPhone háttérképet is belőle, nomeg asztali háttérképet 1680 x 1050 méretben, akinek tetszik letöltheti magának jól.

Rota bene háttérképek Letöltve: 888 alkalommal
, , , , , , , , , , , , , , , , ,
6 komment

Defensive Coding

Andris, 2008. May 14.

avagy “Top reasons your CSS columns are messed up” címmel írt egy érdekes cikket Kyle Neath. Honlaptervezőket sok órányi fejfájdítástól kímél meg, sok érdekes dolgot elmagyaráz, mit és miért csinálnak másképp a böngészők. “Miért néz ki a honlapom máshogy két böngészőben?” Érdekesen elmagyarázza az ilyen buktatók kikerülésének módjait, elsősorban védekező szemszögből. Érdemes végigfutni.

, , , , , , , , ,
Comments Off