UI:SASS

Sul on kõrini, et CSSis pole muutujaid (mis on vale) ja (tegelikult sul võiks päriselt kõrini olla sellest, kui aus olla) selle kõige lõpetamiseks soovid vaadata, kas sulle alternatiiv meeldib.

Ülesanne (eksperimentaalne)

Ülesanne on eksperimentaalne ja võib sisaldada vigu/puuduseid, millest võib teada anda.

• Ülesande jaoks logi Putty abil dijkstra serveri käsureale ja pane sass sealt käima. Alternatiivina: paigalda oma arvutisse mõni vahend, mida kodulehekülg soovitab
• Loo või leia võrguavarustest leht, mis sisaldab linke, pealkirju, tabeleid ja menüüd, sea see veebi selliselt üles, et ta loeks mingit CSSi, mida hakkad SASSi abil pakkuma. (See on ülesande kõige nõrgem koht, kuhu võib pakkuda või ehitada alternatiive)
• Tee SCSS või SASS fail (otsusta ise kumb süntaks sulle meeldib), milles katsetad ära:
  • muutujad:
    • defineeritud fondid -- sisutekst ja pealkirjad eraldi
    • defineeritud 2 põhivärvi ja 1 taustavärv
  • nestimine -- teisisõnu see reeglite teineteise sisse kirjutamise trikk (sobilik testida ul li abil tehtud menüü kujundamisel). vt sassi juhendi "nesting" alt.
  • mixin-id: samas stiilis kujundatud mitu elementi
  • direktiivide laiendamise (extend direktiiv)
  • tehted!
• Pane valminud lehele ka kergesti leitav viide valminud SASS failile.

Alternatiiv

Veenge õppejõudu, et olete SASSi juba kuskil kasutanud.

Viited

• kodulehekülg
• "Ametlik" CSSi muutujate süntaks

Esitamine

• Salvestage töö dijkstra serverisse public_html kausta alamkausta.
• Saatke e-post jaagup.irve@ttu.ee aadressil, mille teemarida on "UI:SASS" (mis on oluline, sest sortimine!), ning milles on teie töö aadress.

NB: Dijkstras leiduv on nähtav aadressil: http://dijkstra.cs.ttu.ee/~Teie.Kasutajanimi/ (ärge unustage suuri tähti).

Hindamise sissekandmisel on kasu ka ka autorite nimedest!