960 Grid System – tapasztalatok

Sokszor nagyon fontos, hogy egy weboldal grafikai terve és ennek megvalósíthatósága legyen gyors a rövid határidők miatt. Eme megfontolásból, valahogy gyorsítani akartuk a kivitelezést. Grafikus tervező ismerőseim ekkor ajánlották figyelmembe a 960.gc tervezési és kivitelezési lehetőséget. Weboldalak sablonszerű felépítését, tulajdonképpen template építését segíti, ez a tervezési és megvalósítási lehetőség. Titka annyiból áll, hogy a weboldal tartalmi, képi elemeit valamilyen táblázatos(oszlopos) elrendezés szerint alakíthatjuk ki.

A weboldal kiegészítőkkel látja el a grafikai programok szinte mindegyikét, hogy már a tervezéskor illeszkedjen az elkészítendő weboldal az oszlopokra, tulajdonképpen ez a legfontosabb eleme a 960 Grid System használatának. Eme kiegészítő segítségével grafikus már könnyedén tud olyan weboldal grafikát építeni ami illeszkedik az oszlopokra.

Az oldal lehetőséget biztosít az egyedi grafika által megadott szélesség és a tervezéskor figyelembe vett oszlopszám alapján legenerálni a sitebuilder számára egy css-fájlt, aminek használatával, a weboldal felépítése is gyorsabbá válik.

Én a napokban próbáltam elkészíteni az első ilyen weboldalt. Hát mint mindennek, ennek a technikának is vannak hátrányai. Ha a grafikus szereti a blokkokat függőleges vonalakkal elválasztani, akkor ez a technika szinte használhatatlan, ugyanis ebben az esetben elveszik minden előnye.

Nézzünk egy példát:

Vegyünk:  70px oszlopszélességet

10px eltartást az oszlopon belül, így a weboldal bal jobb oldalán 10px eltartás lesz míg az oszlopok között tehát a belső részeken 20px.

Számoljunk 12 oszloppal.

A technika előnye abban rejlik, hogy a blokkoknak valamilyen háttérszínt adhatunk meg, így különülnek el egymástól könnyedén. Az eltartás az oszlopok között margin css tulajdonsággal adják meg, ennek hátránya, hogy ez a háttérképekre színekre, vonalakra tartalomra, egyszóval mindenre hatással van. Van két css osztály “alpha, omega”, előbbi az oszlop előtti eltartást redukálja 0-ra míg az utóbbi az oszlop utánit. Gondolnánk hoho nincs akkor probléma, de van hiszen az oszlopok szélességei fixek, így az alpha omega css osztály div-hez rendeléssel tulajdonképpen, az eltartást vettük 0-ra de ettől még az oszlop szélessége nem nő meg 10- 10 pixellel. A border tulajdonságnak egy hátránya van, hogy számít a szélessége, így ha két ilyen grid systemes blokkot vonallal szeretnénk elválasztani, ott vagyunk ahol  a part szakad, jöhet a fejszámolás a pixelek tologatása és a weboldal kivitelezése is lassul.

Egy szó mint száz, 960 Grid Systemmel csak akkor érdemes weboldalt, vagy weboldal templatet tervezni, ha egy egyszerű a tartalmi blokkokat egymástól nem vonallal elválasztó weboldalt szeretnénk megvalósítani, ugyanis ilyen esetekben a weboldal elkészítése nem gyorsul sőt inkább lassul mert időközben felül kell írni a Grid System által beállított szélességeket.

Minden más esetben optimális lehet használata, főleg ha a megszerkesztett grafika is illeszkedik hozzá. Ha van 12 oszlopunk  akkor az egymás után következő 3 divnek a grid_4 css osztályt állítjuk be akkor az nem más mint egymás mellett 3 oszlop 20-20 pixel eltartással és 310px tartalmi szélességgel. A weboldal jobb és bal oldalától pedig 10-10 pixel eltartás.

Nyári frissítő a melegben – Bodzaszörp+Menta+Lime

1 liter frissítő elkészítéséhez, végy kb

0,5 dl bodza szörpöt,

10-12 menta levelet,

fél citromot vagy lime-ot.

A menta leveleket tedd egy pohárba, és önts rá fél dl szénsavas ásványvizet, aminek a legkevésbé van mellékíze ajánlatos azzal dolgozni, törd benne meg a leveleket. Ha ezzel megvagy, fogj egy 1 literes kancsót. Ízlés szerint tölts bele bodza szörpöt, facsard bele a  fél citrom vagy lime levét, majd dobod bele a korábban már megmosott gyümölcsöt is. Öntsd hozzá a pohárkában található mentás ásványvíz keveréket, majd öntsd fel az egészet szénsavas ásványvízzel. Gratulálunk, elkészítetted a 2 órára elég folyadék mennyiségedet Kb. 4 óráig ez így a hűtőben is eláll, ezen idő alatt érdemes ezt elfogyasztani.

Az elmúlt több mint egy évben, a korábban a blogomon található Zend Framework-os cikkeket, összefogtam egy kerek történetté. Ugyan korábban kijelentettem, hogy a blogom megszüntetem. Ez elhamarkodott döntés volt.

A korábbi bejegyzéseket visszaállítani már nem fogom, mivel az nagy munka lenne számomra és itt elérhetőek, és felesleges is úgy érzem. Jó másfél éve dolgozom web-fejlesztőként egy cégnél, sajnos ott nem a Zend Framework keretrendszert, hanem egy, az egyik munkatársam által készített kicsiny kis osztályt használunk a mindennapi problémák megoldására.

Anno sok energiát fektettem a Zend Framework megismerésébe és ezt nem akarom veszni hagyni. Így elhatároztam, hogy ebben az évben jobban szemügyre veszem ezt a keretrendszert és a nagyon sokak által használt jquery javascript library megismerésére fordítom felesleges energiáim. A korábban említett oldalon található egy Zend Framework tutorial, amit én írtam, az elején a Zend Framework(továbbiakban ZF) 1.5-ös változatára alapoztam, majd az 1.7-eset sikerült beletennem, azonban a napokban frissítettem a jelenleg elérhető 1.11-es változatra, ezzel pár hibát is javítani kellett a ZF szerkezeti változásai miatt. Ha valaki kérdezni szeretne, kérdezhet ott vagy akár itt is.

Korábban úgy gondoltam a blogot azért írja valaki, hogy másoknak segítsen ha olyan problémával találkozik az illető amit már sikeresen megoldottál, azonban szerintem ez így nem teljesen igaz, ha van egy blogod leírhatod amit akarsz szabadon bármikor bárhonnan ÉS amit leírtál visszaolvashatod, sokszor nagyon jól tud jönni főleg közelgő határidős munkáknál ha tudod, hogy ilyet már csináltál másfél éve de nem tudod pontosan felidézni a részleteket, visszaugrassz a blogodra és megoldás előtted van ha szorít az idő a blogod nagy segítség lehet. Viszont hogy most látom itt nem szorít, hanem repül.

Szép napot!