Hvernig á að Kickstart HTML þinn

Aðalmarkmið allra forritara er hraðari þróun, sérstaklega hröð stígvél. Það eru tugir ramma sem eru gerðar á undanförnum árum, sem miða að því að fá frumgerð okkar í nokkrar mínútur.

Því miður eru mörg þessara ramma hratt fljótt, þar sem kröfur verkefnisins þróast og þurfa að vera hressandi eða skipta út.

Ef þú ert að leita að nýlegri ramma sem leysa vandamálin sem eldri lausnir koma upp á meðan þú ert enn að hámarka vinnslu þína getur þú ekki farið langt úrskeiðis með HTML Kickstart.

Ristið

Ristið er einn mikilvægasti þátturinn í hvaða ramma sem er, sérstaklega þar sem sveigjanlegt rist ákvarðar hvernig móttækilegur staður getur verið.

HTML Kickstart veitir okkur möguleika á sveigjanlegu risti eða staðlaðri (óbreytilegt) rist - þótt það sé ekki ljóst hvenær þú vilt nota síðarnefnda gefið vaxandi yfirburði farsíma.

Til að búa til sveigjanlegt rist með tveimur jöfnum dálkum, viljum við nota:

Content Here
Content Here

Eins og þú sérð er allt sem við höfum búið til bæta við nokkrum einföldum flokka í þrjá divs. Ef þú vilt frekar sveigjanlegt rist, þá er allt sem þú þarft að gera að fjarlægja svigrúmið frá ytri div.

(Athugaðu að sveigjanlegt rist mun teygja á breidd alls skjásins, en ekki sveigjanlegt rist hefur hámarksbreidd 1024px.)

Til viðbótar við undirstöðuatriðin hér að framan, eru nokkrir hjálparflokkar sem við getum notað, til dæmis:

• sýna-skrifborð og fela-skrifborð með þessum flokkum getur þú ákveðið hvort þú viljir að rist sé sýnilegt á skjáborðs tölvu.
• sýningartafla og fela töflu gildir sömu hugmynd hér, en fyrir töflur.
• sýna síma og fela símann enn einu sinni, þessir flokkar ræður sýnileika, í þetta skipti fyrir sviði síma.

Ef við viljum fela tvo dálka netið okkar á smartphones, til dæmis, viljum við nota kóða eins og þetta:

...

Siglingar

HTML Kickstart gefur okkur þrjár valmyndir: lóðrétt vinstri, lóðrétt hægri og lárétt.

Útgáfan sem þú vilt oftast er lárétt valmynd. Til að kóða það þurfum við bara óskráðar listar:

#">  Undirlið
Undirlið
Lið 3

Ef þú vilt lóðrétta vinstri valmynd, bætaðu bara lóðrétt við opnun ul og ef þú vilt lóðrétta hægri valmynd skaltu bæta lóðréttu hægri , eins og svo:

...
...

Það er í raun einfalt að krefjast móttækilegra valmyndir með HTML Kickstart.

Sjálfgefin stíll

HTML Kickstart gefur þér góða undirstöðu stíl frá burt. Vitanlega þarftu að hreinsa þau fyrir verkefnið þitt, en fyrir hraðan frumgerð eru þau meira en nóg.

Þegar það kemur að leturfræði notar HTML KickStart Steve Matteson S Arimo leturgerð sjálfgefið. Þú getur séð allt úrval af tegundarstillingar hér.

Hnappastílar eru alltaf miðpunktur mikils athygli í hvaða ramma sem er og HTML Kickstart kemur með hnöppum í öllum stærðum og gerðum. Þú þarft ekki einu sinni að nota flokka fyrir þetta, bara búðu til hnappatakka og stíllin verður sjálfkrafa beitt.

Ef þú vilt frekar hnappastílina sem á að beita á akkerismerki þarftu bara að bæta hnappaflokknum við það:

Blue

Það eru einnig ýmsar mismunandi stíl sem við getum sótt um:

  Pilla   Popp  Inset   Square 

Að lokum höfum við einnig möguleika á að búa til takka, með setningafræði svipað lárétt valmynd:

">  Eyða

Myndir

HTML Kickstart hjálpar þér að bæta UX með því að búa til sprettiglugga fyrir gallerí og myndir fyrir þig. Það er miklu betri lausn en að opna nýja glugga.

Til að búa til fullkomlega virkan JavaScript-undirstaða sprettiglugga er allt sem við þurfum að vera eftirfarandi kóði:

Það er einfalt að innleiða og þú þarft ekki eina línu af JavaScript.

Myndirnar hafa einnig nokkrar frábærir hjálparklasa, svo sem texta. Þessi flokkur sem sótt er um í mynd sýnir titilinn á myndinni sem formgerð:

Við höfum einnig samræmdar-hægri og samræma vinstri flokka sem við getum notað til að fljóta myndir til vinstri og hægri. (HTML Kickstart mun bæta við litlum framlegð þannig að myndirnar eru ekki á móti textanum.)

Og auðvitað veitir HTML Kickstart okkur einnig einfaldar slideshows. Það notar BXSlider renna til að sjá um þetta.

Kóðinn fyrir einfaldan renna mun líta svona út:

A Content Slider
This slider handles HTML content as well as images.

Rennistikan er snerta virkt fyrir farsíma, og ennþá þurfti þú ekki eina línu af JavaScript.

Eyðublöð

Það síðasta sem ég vil kynna þér er form. Eyðublöð eru mikilvæg fyrir hvaða ramma sem er, vegna þess að þau eru eitt af erfiðustu hlutum sem stíll á vefsíðu.

HTML Kickstart heldur einfaldleika sínum þegar kemur að myndum og hægt er að búa til lóðrétta form eins og:

NameAge-- Choose --181920

Eins og þú sérð, hef ég varla þurft að nota nokkra flokka yfirleitt fyrir þetta form. Allt sem ég hef gert er að bæta við lóðréttum bekknum efst svo að myndarþættirnir séu ekki meðhöndlaðar sem inline.

Eitt af uppáhalds hlutunum mínum í HTML Kickstart eru einföld villa tilkynningar sem notuð eru með eyðublöðum:

  Villa tilkynning 
  Viðvörunartilkynning
  Velgengni Tilkynning 

Niðurstaða

Það eru tonn af valkostum sem koma með HTML Kickstart, við höfum í raun aðeins klóra yfirborðið; Það er mikið sett af táknum, tólatöflum og jafnvel flipum.

Hinn raunverulegur styrkur HTML Kickstart er einfaldleiki kóðans. Skorturinn á úthverfum divs og bekkjum gerir það frábæran tíma-sparnað, minna kóða þýðir minni villur. Ef þú ert að leita að byrjun kóðun eigin HTML frá grunni, eða ef þú ert að leita að einföldum ramma til að hratt frumgerð hönnunar HTML Kickstart er frábær kostur.

Hefur þú notað HTML Kickstart? Viltu frekar mismunandi ramma? Láttu okkur vita í athugasemdunum.