NIIF.HU a SASS leszállt!
Dévai Tamás
<>
NIIF Intézet
Elérkezett az ideje hogy az niif.hu weboldal mind arculatilag, mind pedig tartalmilag megújuljon. A régi oldal sok helyen részben vagy teljesen el van avulva, nem minden tartalom van két-nyelvűsítve ami még rosszabb a több nyelvű változatok tartalmilag nem fedik egymást. Így lemondtunk arról, hogy tovább harcoljunk az elavult információ balasztért.
Lehetőségünk volt egy teljesen új jobban átláthatóbb, tagoltabb információ struktúra bevezetésére, amihez hozzá igazítottuk az oldal arculatát. Mivel az arculat és a tartalom egy szerves egységet képez, aminek ellenkezőjére sok rossz példával szolgálnak a mai weblapok töbsége.
A legfontosabb kitűzött cél az egyszerűsítés volt, mind látvány világban, mind információ struktúrában a kevesebb több elvén. Az niif.hu az évek alatt sok olyan információval lett felhízlalva olykor kampány szerűen és szervezetlenül, amik maguk is megérdemelnének egy saját portált. Az Intézet kompetencia növekedése, Sulinet és kiegészítő szolgáltatásai, eMagyaroszág stb. is csak az információk további árhullámát eredményezné már közép távon is.
Az arculat ezzel párhuzamosan törekedik a ma már divatos ”minimál design” megvalósítására. Azaz kevesebb szín, egyszerre kevés de releváns információ megjelenítése, kicsi és maximum három mélységű ugyanakkor egyértelmű funkciójú menü struktúra.
A előadás nagyobb hangsúlyt fektet az oldal arculatának technikai megvalósítására és az ahhoz használt modern eszközök bemutatására. Úgy mint a Drupal smink technika, SASS, Compass, jQuery, mobil first tervezési elvek.
A SASS a CSS tudását kiegészítő alkalmazás. A CSS nyílvánvaló hiányosságait pótolja, úgy mint a változók, függvények, ciklusok, matematiaki fügvényeket operátorokat vagy makrózási lehetőségek a mixinek formájában. Lehetőségünk van egymásba ágyazni a szelektorokat, így azokról tisztán látszik logikai kapcsolatuk. A végeredmény minden esetben CSS lesz, így a böngészőkben nem kell semmilyen kiegészítőnek jelen lennie. A Compass egy fügvény és mixin gyűjtemény, ami tartalmazza a legelterjedtebb CSS trükökket és hack-et és könnyíti a böngésző független SASS fejlesztését.