Við skulum byrja með athugun: Ég elska mig nokkra ramma. Til viðbótar við að endurfjárfesta hjólið alveg, eða stilla hnappinn frá grunni, aftur er erfitt að slá með því að fá allt í einu lausn á helstu HTML / CSS / JavaScript þörfum þínum.
Vandamálið er, jæja, það er það sem ég sagði hérna uppi. Rammar eru í raun ekki allt í einu lausnin? Fyrir allt sem við höfum gert þá mát og auðvelt að aðlaga, stundum hafa þeir bara ekki það sem við þurfum.
Það er ómögulegt að fela í sér allar mögulegar HTML sneiðar, frumefni stíl eða javascript virka sem gæti hugsanlega þurft. En þá getur það líka verið gott.
Rammi gæti haft mikið af hlutum sem við þurfum bara ekki. Sumir af mest pirrandi starfi mínar sem ég tókst alltaf að leita handvirkt í gegnum stórfelldar CSS skrár Bootstrap til að breyta litlum hluta kóða sem vakti eyðileggingu á hönnun minni.
Taktu bara leiðsagnarbelti í Bootstrap til dæmis. Það er frábært, það virkar gallalaust og það lítur vel út. En ef þú reynir að breyta því hvernig það lítur út á hvaða hátt sem er, þá þarftu að breyta mörgum stílum og það tekur nokkurn tíma að finna þá alla. Ef það er bara lárétt listi yfir tengla efst á síðunni sem þú vilt gæti það verið auðveldara að kóðaðu nýjan frá grunni.
En hæ, því fleiri vinsamlegir rammar þarna úti, Stígvél, einkum, hafa mikið af tólum customization, ekki satt? Já, og það er frábært, en sjálfgefin valkostir gefa þér ekki nógu pláss til að vinna.
Einfaldlega sett, ef áherslan er á sköpunargáfu, er gríðarlegur rammi líklega ekki leiðin til að fara. Jú, þú getur hakkað það, en það mun taka mikinn tíma.
Eitt vandamál sem ég hef rekist á: JavaScript ósamrýmanleiki. Sem gaur sem er ekki raunverulega forritari, þetta var sársaukafullt.
Nánar tiltekið var þetta einu sinni þegar ég reyndi að samþætta nokkra jQuery tappi í hönnun byggð á Foundation. Þetta er ekki samningur brotsjór allt á eigin spýtur, en það er meiri tími til að kembiforrit.
Auðvitað var þetta nokkurn tíma í fyrra. Ég veit ekki alveg hvað myndi gerast ef ég reyndi það sama við nýju útgáfurnar af sömu ramma og viðbætur, en það er ennþá eitthvað sem þarf að íhuga.
Í stuttu máli eru tímar þegar rammar eru einfaldlega ekki svarið. Þetta er þar sem tólið kemur inn, og þú ættir að hafa einn.
Verkfæri, í samhengi við þessa grein, er sjálfstætt safnað og sett af verkfærum, útfærslum, viðbótum og auðlindum sem leyfa þér að kóða verkefnin þín miklu hraðar. Fólk finnur oft þessar auðlindir með tímanum og fylgir þeim. Það er persónulegt hlutur, og þú þarft virkilega að gera þitt eigið.
Líkt
Mismunur
Kosturinn við tólatæki yfir ramma er hreint fjölhæfni þess. Eins og áður hefur komið fram, í verkefnum þar sem þú ætlar að ýta mörkunum hönnuðu, er ramma oft bara of þungt.
Sama gæði er einnig fallfall ramma í litlum til meðalstórum verkefnum. Ertu að byggja upp kynningarsíðu? Vefsíðu vefsíðu? Einfalt blogg? Þá er ramma líklega bara óþarfi. Þú ert betra að byrja frá grunni og gera hvert smáatriði verkefnisins þitt.
Ég myndi fara svo langt að segja - þetta er bara mín skoðun - að flest innihaldstengdar vefsíður þurfa ekki fullnægjandi ramma. Undantekningin væri fyrir gríðarlegar síður, eins og ars technica til dæmis. Fyrir eitthvað sem stórt þú ættir að nota ramma, en þú ættir líklega að þróa það frá því að klóra þig til að mæta nákvæmlega þörfum vefsvæðisins.
Þar sem ramma eins og Stígvél og Stofnunin sannarlega skín er í þróun vefur umsókn og app-ekin vefsíður. Það er í þessum verkefnum að tiltölulega stíf þrengingar koma sér vel í stað þess að hægja á þér.
Að búa til eigin verkfæri er spurning um tíma, þolinmæði og reynslu. Ég meina, vissulega, þú mátt bara fara og leita að "vefhönnunargögnum". Þú gætir fengið þúsundir af smellum og á nokkrum klukkustundum gætirðu hlaðið niður fleiri bita af kóða en þú gætir alltaf notað.
En það er ekki tól. Það er bókasafn sem þú ert aldrei að fara að snerta, því að flokkun í gegnum það myndi taka allt of langt. Við erum upptekin af fólki, þannig að ég hef tekið lífrænari nálgun við þetta: Þegar ég lendir í vandræðum, ég Google það.
Snippets eru oft of lengi til að leggja á minnið, þannig að ef ég kemst að því að leita að sömu hlutum, þá bætir ég því við tólið mitt. Það sama gildir um hugbúnað: ef það er eitthvað sem þú veist að þú ert að fara að nota mikið, þá bætirðu við því.
Það er ekki að segja að þú ættir aldrei að setja tíma til að gera tilraunir með nýjum "leikföngum" ... þú ættir. Ef þú heyrir um tiltekna auðlind sem gæti breytt því hvernig þú vinnur til hins betra, skoðaðu því með öllu. En mundu að tólin eru betri haldið tiltölulega lítill. Þú ættir að einblína á að halda aðeins það sem þú þarfnast til að mæta þeim þörfum sem þú lendir reglulega á.
Aftur, ég skal ítreka að tól er eitthvað sem þú þarft að gera sjálfan þig til að mæta þörfum þínum. Enn, ég ætla að skrá hlutina í tólinu mínu til að gefa þér betri hugmynd um hvað ég á að leita að þegar þú býrð til þín eigin.
CSS pre-örgjörvum eins og LESS og SASS gerðu tvo hluti:
Ef þú hefur ekki þegar reynt að kóða CSS með forforriti, hvet ég þig til að gera það núna. Núna strax. Ég bíð.
Vel skipulögð listi yfir bókamerki getur verið mjög gagnleg þegar þú þarft eitthvað sem þú getur ekki vistað á staðbundnum disknum. Ég bókamerki hluti eins CSS3 rafala , sprite rafala , litasamsetningshöfundar , og önnur verkfæri sem hjálpa mér að fljótt ná þeim verkefnum sem taka aðeins lengri tíma þegar þú gerir þær fyrir hendi.
Ristakerfi eru svo 2000s. Allt frá því að móttækilegur vefur hönnun varð raunverulegur hlutur, hafa ristkerfi orðið sífellt flókin til að mæta þörfum mýgrar tækjabúnaðar.
Og hvað ef þú þarft sérsniðið ristarkerfi? Þú gætir smellt upp eitt af mörgum rafrænum rafeindakerfum á netinu, en þau eru takmörkuð.
Lausnin kemur í formi semantic.gs . Nú, þegar eigin höfundur kallar það á ristakerfi, vali ég að kalla það uppsetningarvél, því það er ekki eitt rist. Það er tól sem byggist á CSS fyrirframvinnslu (þú getur notað það með LESS, SASS og Stylus), og það gerir þér kleift að búa til hvaða rist sem þú vilt, fastbreidd eða móttækileg, á flugu.
Allt sem þú þarft að gera er að breyta sumum tölum í .laus (eða SASS, etc) skrá og farðu.
Emmet er safn tappi sem breytir skammstafanir í fulla lína af kóða, bæði í HTML og CSS.
Í grundvallaratriðum snýr það þessu:
div>ul>li*3>aÍ þessu:
- https://github.com/purplefish32/sublime-text-2-wordpress" class=external rel=nofollow> þetta fyrir WordPress . WordPress 'sniðmát aðgerðir og valkostir fyrir functions.php geta verið erfitt að muna, svo þetta er líf bjargvættur.
jQuery tappi
Eins og ég sagði áður, er ég ekki alvöru forritari. Svo þegar einhverjar háþróaðir hreyfimyndir eða UI-virkni er krafist, en ekki svo mikið að gera ramma virði vandann, þá snýr ég að einstökum viðbótum.
Sumir af uppáhaldi mínum eru:
- Scrollto.js : slétt skrunað handrit.
- idTabs : þegar þú þarft einhvers konar flipaforrit.
- Upphæð : fyrir þegar þú þarft heildsíðu myndasýningu.
- ResponsiveSlides.js : hvað nafnið segir. Það er móttækileg myndflipi. Hvað meira gæti þú vilt?
Það er aldrei of fljótt að hafa eigin bókasafn af gagnlegum hlutum.
Hvaða tæki viltu sjá í tólinu þínu? Hvaða auðlindir gatðu ekki lifað án? Láttu okkur vita í athugasemdunum.
Valin mynd / smámynd, myndatökutæki í stærðfræðifræðingur um Marc Kjerland.