Kasutaja:Parkdoris/Foundationi raamistik

Allikas: Vikipeedia
Mine navigeerimisribale Mine otsikasti

Foundation on avatud lähtekoodiga raamistik, mis aitab kujundada veebilehekülgi ja rakendusi. See sisaldab kasutajaliidese HTML- ja CSS-komponente: malle, koodilõike, vorme, nuppe, navigatsiooni ja teisi liidese osasid ning JavaScripti laiendeid. Foundationit haldab ZURB.[1] Foundationit on disainitud erinevate veebilehtede ja seadmete jaoks. Raamistik on ehitatud Sassiga/SCSSiga, mis annavad disaineritele parima kogemuse kiireks arenduseks.

Ajalugu[muuda | muuda lähteteksti]

  • 2008 – loodi ZURBi stiilijuhend. See koosneb HTMList, CSSist ja JavaScriptist, mille eesmärk on töö kiiremaks ja mugavamaks muutmine. Sellega pandi Foundationile alus.
  • 2010 – loodud ZURBi stiilijuhend arenes ja selle nimetuseks sai Foundation. Seda hakati kasutama kõikides ZURBi rakendustes ja veebilehtedel.
  • 2011 – avalikustati avatud lähtekoodiga Foundation 2.0, millest sai esimene eesraamistik (ingl front-end framework).
  • 2012 – avalikustati Foundation 3.0. See versioon kasutab Sassi ning see on esimene raamistik, mis kasutab miksereid (ingl mixin).
  • 2013 – tuli välja kolm Foundationi versiooni. Versioon 4, mis läks ka mobiilipõhiseks, oli visuaalselt uuendatud ja paljude uute komponentidega. Foundation 5 puhul oli põhirõhk kiirusel. See versioon muutis arendamise kiiremaks kui kunagi varem. Lisatud komponentidest on tuntumad Equalizer, Off-canvas ja Icon-bar. Novembri lõpus avaldati e-kirja raamistik Ink, millega saab disainida ilusaid e-kirju.
  • 2014 – Foundationiga on võimalik luua veebirakendusi. Foundationist sai ZURB Playgroundi osa.
  • 2015 – Foundationi kõik funktsioonid said valmis. Sellega on võimalik arendada veebilehti, rakendusi ning e-kirju.[2]

Struktuur ja funktsioon[muuda | muuda lähteteksti]

Grid-süsteem ja paindlik disain – Foundation on standardselt 940 pikslit laia ning paindliku paigutusega. Samas on raamistik võimeline töötama vastavalt resolutsioonidele ning erinevatele seadmetele (mobiiltelefonides, portree ja maastiku formaadis, tahvelarvutites ja laiekraanidel). Seadmest olenevalt muutuvad tulpade laiused automaatselt.

CSS-stiilileht – Foundation pakub hulga stiililehti, mille abil saab lihtsalt luua HTMLi komponente.

Korduvkasutatavad komponendid – Foundation kasutab tuntuid kasutajaliideste elemente, näiteks erinevad nupud, sildid, tabelid, sõnumid.[3]

JavaScripti komponendid – Foundationi JavaScripti osa on tihedalt seotud JQueryga ning neid kasutatakse koos. Sellega saavutatakse kasutajaliidese osas efektsemad tulemused. Foundation kasutab näiteks JQuery vorme, küpsiseid, teateid, erinevaid menüüstiile, sektsioone, tööribasid ja palju muud.[4]

Installimine[muuda | muuda lähteteksti]

Foundationi installeerimiseks on erinevaid viise.

  • Paketihalduritega – Foundation on saadaval pakettides npm, Bower, Meteor ja Composer. Paketid sisaldavad kõiki vajalikke Sassi ja JavaScripti lähtefaile ning ka kompileeritud CSSi ja JavaScripti.
  • Foundationi käsurea abil – käsurida saab installida paketihaldurite kaudu.
  • CDN lingina – Foundationi CSSi ja JavaScripti osa saab koodi lisada ka lihtsalt CDNi lingina.
  • Manuaalne lähtefailide allalaadimine[5]

Foundationi installimisega saadakse kaasa:

  ├─ scss       Sassi lähtefailid.   
  ├─ js         JavaScripti lähtefailid. 
  └─ dist       Kompileeritud failid:
     ├─ css        * Ühendatud CSS failid. (Minimiseeritud ja mitteminimiseeritud)
     ├─ js         * Ühendatud JavaScripti failid. (Minimiseeritud ja mitteminimiseeritud)
     └─ plugins    * JavaScripti pluginad.

Viited[muuda | muuda lähteteksti]

  1. https://www.valuebound.com/resources/blog/develop-responsive-web-applications-using-foundation-framework Samm-sammult Foundationist, Subramanyam M, vaadatud 2.november 2018
  2. https://foundation.zurb.com/showcase/about.html Foundation, ZURB, vaadatud 2.november 2018
  3. https://foundation.zurb.com/sites/docs/index.html Millest Foundation koosneb, ZURB, vaadatud 2.november 2018
  4. https://foundation.zurb.com/sites/docs/javascript.html JavaScript Foundationis, ZURB, vaadatud 2.november 2018
  5. https://foundation.zurb.com/sites/docs/installation.html Foundationi installeerimine, ZURB, vaadatud 3.november 2018

Välislingid[muuda | muuda lähteteksti]