„Elus grid“

Hannes Kirsman

Millest räägin

‣Natuke endast

‣Statistika Eesti mastaabis

‣Näiteid

‣960.gs

‣„Omega“ (Drupali 960 theme)

Lühidalt endast

‣Pixel perfect guy

‣Kolmandiku elust front-end arendaja

‣Lisaks fännan PHP, SASS, js, Drupal

‣Struktuur Meedia (6a), Web Expert (3a), Mekaia (2a)

‣Sanoma.com, eestipank.ee, m.tallinn.ee,nordecon.com

Gridi ülevaade - statistika

‣Otsing 30 000 .ee domeeni seast

‣Umbes 555 kasutab gridi (1.85%)

‣Järeldus? Pole veel jõudnud Eestisse? Halb lahendus?

Näited

http://960.gs/

960.gs?

‣960.gs süsteemi koduleht

‣Sisaldab abifaile disaineritele, tehtud töid, slaide, intervjuud autoriga jne

Custom CSS (960.gs)

Abifailid (960.gs)

Abifailid – sisaldab (960.gs)

• app_plugins/ (tekitab Photoshopi ja Fireworks abijooned)

• code/ (html)

• licences/ (960.gs litsentsid)

• logo_files/ (960.gs logo)

• sketch_sheets/ (pdf kujul grid printimiseks)

• templates/ (grid overlay'ga psd)

Drupali „Omega“theme

Omega - ülevaade

‣960.gs theme

‣Kasutajaliides gridi muutmiseks!

‣Responsive (default: mobiil, tablet, desktop)

Omega – lehe struktuur (1)

‣Leht jaotub (suurema poolt väiksema poole:1. sektsioon (ainult header, content, footer)2. zone (horisontaalne ala regioonidele)3. regioon (col'id ala vasak tulp, sisu)

Omega – lehe struktuur (2)

Omega – Drupali admin

‣Leht jaotub (suurema poolt väiksema poole:1. sektsioon (ainult header, content, footer)2. zone (horisontaalne ala regioonidele)3. regioon (col'id ala vasak tulp, sisu)

Omega – Drupali admin

‣2 põhilehte: „Grid settings“ ja „Zone and region configuration“

‣„Grid settings“ - kas on responsive, kas saab zoomida, media query ehk kui laia vaadet näidata seadmele

‣„Zone and region configuration“

Allikad

‣https://groups.drupal.org/node/211123 (Omega struktuur)

Materjal hiljem kättesaadav

‣Saadame viited e-mailile

‣Antud slaidi aadresshttp://www.slideshare.net/hkirsman/elus-grid-30947613

Aitäh!Aitäh!