UI:SASS

Leht kuulub aine Kasutajaliidesed juurde.

Sul on kõrini, et CSSis pole muutujaid (väide, 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.

Vihjed

• Dijkstra sass võib automaatselt uuendada .sass või .scss faili muutmisel ka tulemusel tekkivat .css faili. Selleks kirjuta algse faili kataloogis:

   sass --watch .

• Failide ülekandmisel dijkstrasse võib oma arvutist olla abiks Filezilla ning kooli arvutist "Secure File Transfer Agent".

Viited

• SASSi 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!