Það hefur liðið síðan Stílflísar voru fluttir inn í þennan heim með snillingnum af einum Samantha Warren . Fyrir þá sem gætu hafa litið á þau einu sinni, og þá gleymt hvað þeir eru, hér er fljótleg útskýring:

Style Flísar eru eins konar sniðmát sem gerir þér kleift að fljótt prófa og forskoða ýmsar liti, leturgerðir, áferð og aðrar gerðir af fagurfræðilegum stíl sem tengjast hönnun þinni áður en þú býrð til hágæða fegurð, en eftir að vírrammar eru gerðar. Þau eru ætlað að kynna viðskiptavinum, hagsmunaaðilum eða öðrum hagsmunaaðilum nokkuð snemma í hönnunarferlinu. Þannig geturðu fengið fyrri áhyggjur af leturvalinu og spurningar eins og "Getum við fengið 'flassari' rauður?"

Einfaldlega settu, ættirðu að nota þau, jafnvel þó aðeins fyrir sjálfan þig. Það kann að virðast eins og a einhver fjöldi af vandræðum að bæta enn einu skrefi við hönnun ferli; en ég get sagt frá persónulegri reynslu að það sé þess virði. Ég hönnunar í vafranum: að glápa á eingöngu Photoshop striga getur verið erfitt. að glápa á auða vafra gluggi virðist slá það miklu erfiðara.

Tilfinningin um stefnu sem skapast með því að búa til Style Tile gerir þér kleift að hanna afganginn af vefsvæðinu. Það er ekkert svo flókið eða þrengingar sem stíll fylgja; Þannig gefur það bæði stað til að byrja og frelsið til að stilla hluti eins og þú ferð eftir.

Þetta leiðir þó til lítið vandamál með upprunalegu stílflísunum. Þeir eru PSDs. Browser-undirstaða hönnuðir eins og ég mun vilja vafra-undirstaða Style Flísar. Við viljum sjá hvernig þetta efni er að fara að leita á vefnum, eftir allt, og á eins mörgum tækjum og mögulegt er.

Forstilltar valkostir

Nokkrir menn hafa nú þegar farið langt undan okkur á þeim forsendum. Það eru fyrirfram gerðar sniðmát fyrir fólk sem vill byrja að gera stílflísar í vafranum sínum. Athugaðu þá út:

The Style Prototype

The yndisleg fólk á Sparkbox skapaði móttækilegur stíll flísar sniðmát byggt á HTML og Sass. Það er ein einfaldara valkosturinn, eins og sést í kynningu, en kóðinn er vel athugasemd. Þeir fóru jafnvel og fylgdu valfrjálsum forskriftir til að gera það samhæft við IE 7 og neðan, ef viðskiptavinurinn þinn hefur ekki uppfært vafrann sinn í ... að eilífu.

Webstiles

Búið til af Namanyay Goel , Webstiles hafa mikið sameiginlegt við aðrar lausnir á þessum lista. Það sem gerir þá öðruvísi er að þær voru byggðar með minna þekktum (sumir myndu segja að það væri ofmetið) Stíll CSS fyrir örgjörva.

Compass Style Flísar

Ef þú vinnur með Compass ramma, ásamt hlutum eins og Ruby og Sass, reyna þessi á fyrir stærð. Það getur verið sett upp eins og önnur Ruby gem, þannig að það ætti að falla nokkuð vel í vinnuflæði þinn. Athyglisvert er að líkamsmynd sé hægt að "mynda" með Sass breytu og innihaldinu: eiginleiki. Allt er hannað þannig að þú þarft aldrei að snerta HTML.

Móttækilegur Boilerplate fyrir Style Flísar

The Móttækilegur Boilerplate fyrir Style Flísar færir nokkuð sterkar dropaskuggi við það, en það er móttækilegt og notar ekkert flóknara en klassískt HTML og CSS. Engin ramma, engin fyrirframvinnslu, ekkert. Það er góður upphafsstaður ef þú vilt bara opna hana í ritstjóra og fara.

Gerðu þitt eigið

Með þessum mörgum tilbúnum valkostum þarna úti, afhverju myndir þú vilja til að byggja upp eigin HTML / CSS stílflísar frá grunni? Virðist eins og sóun á tíma? Jæja, já og nei.

Ef þú ert að búa til einfaldan vef og þú hefur ekki allt efni skipulagt ennþá, eða viðskiptavinurinn hefur ekki sent það, mun einn af tilbúnum valkostum gera allt í lagi. Hins vegar, ef þú ert að byggja upp flókið vefforrit eða mjög stórt vefsvæði með mikið af mismunandi innihaldsefnum eða UI-þætti, gætirðu viljað búa til sniðmát sniðmát frá grunni.

Þeir sem eru fyrir hendi reikna bara ekki fyrir hreina fjölda hugsanlegra efnis- og efnisþátta þarna úti. Þannig gætirðu viljað nota Style Tile sem inniheldur embed in vídeó, hljóð spilara eða kort. Þú gætir viljað einn sem sýnir upp á flipa tengi eða harmónikara valmynd.

Ef þú ert að byggja upp síðuna sem fer eftir ákveðnum óvenjulegum notendaviðmótum, gætirðu viljað búa til sniðmát sem inniheldur þessar aðgerðir.

Það þarf ekki að vera svo erfitt. Réttlátur setja upp einfalda tveggja þriggja dálka skipulag, og byrja að taka upp sjónræna þætti sem verða mikilvægastir fyrir hönnunina þína, byggt á innihaldi / virkni. Þetta mun fela í sér:

  • litar-, mynstur- og / eða áferðarsýningar;
  • leturgerðir (fyrirsagnir, málsgreinar, listatöflur, kannski blockquote);
  • myndarstíll (ef þú ætlar að innihalda myndasafn, til dæmis);
  • algengustu formþættirnir;
  • hvaða aukaþáttarþættir þú telur mikilvægt að hönnuninni, byggt á innihaldi og uppbyggingu vefsvæðisins.

Það er yfirleitt ekki nauðsynlegt að gera það tilbúið til framleiðslu á öllum vöfrum. Haltu því einfalt, haltu því í HTML5. Ef þú ert ekki að nota óeðlilegt UI frumefni sem þarf að vera dulmáli frá grunni í HTML og CSS, ekki trufla ekki JavaScript.

Besta hluti? Þú færð að betrumbæta og endurnýta öll viðeigandi CSS þegar þú byrjar að kóða vafranum þínum!

Niðurstaða

Style Flísar eru meira en þess virði að skoða hvort þú ert ekki þegar að nota þær.

Sýnið þeim fyrir viðskiptavini, geymdu þau fyrir sjálfan þig, notaðu tilbúnar valkosti eða rúllaðu eigin þinni ... það skiptir ekki máli. Bara að hafa það tilfinningu fyrir stílfræðilegri stefnu mun gera það að auðvelda að fylla í þá glugga.

Valin mynd, hönnun stúdíó Í gegnum Anne-Sophie Leens