Mikil samantekt á hönnunarverkfærum
Vefhönnuðir hafa mikið af verkfærum til þeirra, til að gera allt frá því að skipuleggja hugsanir sínar um ákveðna hönnun til að kembiforrit endanleg hönnun.
En með svo mörg verkfæri þarna úti, hvernig ákveður þú alltaf hverjir eru mjög gagnlegar og hverjir eru bara að fara að sóa tíma þínum?
Við höfum tekið saman gríðarlega lista yfir nokkrar af þeim bestu og gagnlegustu verkfærum þarna úti fyrir vefhönnuðir .
Tilviljanakennd afgangur listans eru algeng verkfæri sem flestir hönnuðir eru líklega að nota (eins og Dreamweaver eða Panic's Coda, Photoshop eða GIMP, og svipaðar algengar hugbúnað sem nánast allir hönnuðir hafa nú þegar í tólum sínum).
Þetta eru verkfæri sem vilja spara þér tíma, gera þér skilvirka hönnuður, einfalda eða hraða hönnunarferlinu þínu eða gera líf þitt auðveldara.
Samantekt á ótengdum verkfærum
Flestir samantektir um gagnlegar vefhönnunarverkfæri einbeita sér aðeins að netverkfærum.
En það eru nokkrar mjög gagnlegar verkfæri sem þú getur notað til að opna möguleika þína þegar kemur að hönnun. Þessir hlutir geta auðveldað ákveðnar verkefni, þar með talið að vinna með óþarfa viðskiptavini.
Grafík töflur
Grafíkatöflur (einnig stundum nefnt teikningartöflur, grafíkkúðar eða stafrænar töflur) eru ótrúlega gagnleg tól í vopnabúr á vefhönnun. Þó að flestir hönnuðir geti teiknað nokkuð kunnáttu með mús, gerir tafla það allt miklu auðveldara og hraðari.
Flestar töflurnar samanstanda af tveimur undirstöðuþætti: töfluna sjálf og pennann (eða stíllinn). Margir koma líka með puck (sem vinnur á sama hátt með mús, en á töflunni sjálfu í stað músarpúða eða skrifborðinu). Meginhugsunin fyrir töfluna er stærð, en aðalhugbúnaðurinn er þrýstingur-næmi.
Töflurnar sjálfir eru fáanlegar í stærðum frá um það bil 4 "x 5" í allt að 19 "x 13". Auðvitað, stærri töfluna, því dýrari verður það. Í flestum tilfellum geta vefhönnuðir komist í snertingu við töflur á litlum enda litrófsins nema þeir ætla að gera mikið af myndvinnsluverkum (og jafnvel þá er alveg mögulegt að fá góða niðurstöðu frá miðstærðartafla).
Og smærri töflur eru færanlegir og gera þær hentugar fyrir hönnuði sem ekki alltaf vilja vera bundin við borðið sitt.
Pennarnir eru þrýstingshæðar til að gefa raunsærri reynslu . Algengar viðkvæmni eru frá 256 stigum þrýstings upp í 2.048 stig. Því hærra sem næmi er, því meira sem það mun líða eins og þú sért í raun að nota penna og pappír.
Vinsælar grafíkartöflur
Wacom er líklega vinsælasta framleiðandi tafla þarna úti. Þeir hafa fjórar mismunandi vörulínur: Bambus (sem felur í sér Bamboo Craft og Bamboo Fun vörur), sem miðar að neytendum og áhugamönnum; Graphire, Bluetooth tafla þeirra; Intuos, miðjan svið lína þeirra fyrir skapandi sérfræðinga; og Cintiq, hámarkslína þeirra sem fylgir skjár í töflunni fyrir "pönnunarskjá" reynslu (einn hefur jafnvel 21 "skjár).
Aiptek Gerir lína af litlum tilkostnaði töflum sem byrja aðeins á 50 Bandaríkjadali. Þeir bjóða upp á 12,1 "USB tafla fyrir minna en 130 Bandaríkjadali (samanborið við US $ 469 fyrir Wacom töflu af sambærilegri stærð). Mest áhugavert tilboð Aiptek er þó My Note Premium (170 Bandaríkjadali) sem gerir þér kleift að draga á pappír ofan á töfluna með alvöru penna og skráir allt sem þú gerir. Það er nóg minni fyrir allt að 100 skrifaðar síður og það kemur með SD kortspjald til að auka getu sína. Og ef þú vilt nota það bara til þess að taka minnispunkta á fundi, þá er hægt að hlaupa af 4 AAA rafhlöðum, sem þýðir að þú þarft ekki að koma með fartölvuna með þér.
UC-rökfræði er annar stærsti grafíkartafla framleiðandinn. Vörur þeirra falla í miðju verðlagi fyrir töflur, með 9 "x12" töflu (PF1209-Pro) sem koma inn í kringum 250 Bandaríkjadali. Þeir hafa töflur í boði sem byrja á aðeins 40 Bandaríkjadölum.
Mood Boards
Mood boards (einnig kallað innblástur borð) eru frábær tól fyrir hönnuði sem vinna með viðskiptavini sem gætu ekki haft skýra hugmynd um hvað þeir vilja.
Mood boards taka oft mynd af klippimynd sem inniheldur hönnun þætti fyrir verkefnið. Dæmi um þætti sem fylgir gætu verið leturgerðir, litasamstæður, sérstakar grafískar dæmi eða almennar "skap" þættir sem endurspegla sýn hönnuðarinnar fyrir birtingu vefsvæðisins ætti að gefa gesti.
Mood boards eru oft notuð í innri hönnunar sviði til að sýna viðskiptavinum hugmyndum um að endurbæta herbergi eða allt hús. Þeir eru einnig notaðir í tískuiðnaðinum til að þjóna sem innblástur og stefnu fyrir línu eða tímabil. En þeir eru alveg eins verðmætar fyrir grafík og vefhönnuðir.
Það fer eftir því hvaða tegund viðskiptavinar þú ert að vinna með, þú gætir skapað lausa klippimynd með sýnum sem skarast á lífrænum hátt . Ef viðskiptavinur þinn er á skapandi sviði, eða þekki skapandi ferlið, getur þessi tegund af skapbréf unnið mjög vel.
Ef viðskiptavinur þinn er hins vegar notaður til að vera í formi fyrirtækja eða formlegs umhverfis, er líklega meira viðeigandi að búa til skipulagt skapbréf.
Notaðu fyrirsagnir til að setja í sundur litakerfið, tiltekna hönnunarþætti, leturfræði og aðra hluti af skapborðinu þínu til að gefa öllu uppbyggingu.
Ef þú hefur margar hugmyndir um leiðbeiningar þar sem verkefni geta farið, geturðu búið til nokkrar mismunandi skapstýringar getur verið frábær leið til að fá viðskiptavinarálit og frekar betrumbæta eigin hugmyndir þínar.
Búa til tvö eða þrjú mismunandi dæmi til að sýna viðskiptavini getur verið dýrmætt í að fá frekari stefnu frá viðskiptavininum þínum án þess að eyða tíma eða daga á raunverulegum stöðum, bara til að segja að það sé ekkert eins og það sem þeir leita að.
Og það er í raun helsta ávinningur af því að nota mood boards í hönnun aðferð þinni. Mood borð tekur yfirleitt miklu minni tíma til að búa en mock-up síða .
Notkun skapborða til að fá frekari endurgjöf frá óákveðinn eða ótryggan viðskiptavin áður en tíminn er haldinn í hönnun sem aðeins verður hafnað gerir öllum hamingjusamari.
Resources til að búa til eigin Moodboards
Við birtum grein um Hvers vegna Mood Boards Matter í lok síðasta árs. Greinin fjallar um grundvallaratriði að búa til skapborð og hvers vegna þú vilt nota þau. Það er frábært upphafspunktur.
Úr sófanum er myndbandstæki sem heitir Búa til árangursríkt Mood Board . Það er um það bil sjö mínútur að lengd og nær yfir grunnatriði að búa til stafræna mood borð fyrir verkefni.
Flickr hefur Inspiration Boards laug sem safnar skapi og innblástur frá myndum frá mörgum hönnunarsviðum. Það er góður staður til að finna innblástur eða bara skoða dæmi um hvernig aðrir nálgast skapborð sitt.
Samantekt á netinu tólum
Online vefhönnunartæki eru dime a tugi. Flokkun í gegnum þau til að finna þá sem sannarlega standa út getur verið að hægt sé að taka meiri tíma en þú gætir alltaf búist við að spara með því að nota þær.
En hér að neðan höfum við fundið bestu verkfæri fyrir leturfræði, CSS, AJAX og Javascript, litaval og verkfæri til að búa til einstaka síðuþætti auðveldara.
Aftur eru þetta nokkrar af þeim bestu verkfærum sem eru í boði fyrir það sem þeir gera, svo þú þarft ekki að eyða fullt af tímanum sem prófa heilmikið af mismunandi verkfærum.
Typography Tools
There ert a gestgjafi af tólum á netinu til að gera tilraunir með typography á vefsíðunni þinni hönnun. Sumir leyfa þér að bera saman mismunandi leturgerðir hlið við hlið. Sumir leyfa þér aðeins að sýna eina stíl í einu. Og enn aðrir sýna þér mismunandi stakur sem mælt er með.
Aðrar gagnlegar vefurritunarverkfæri eru forrit til að umbreyta pixelstærðum í eininga og margs konar Lorem Ipsum og aðrar dummy texti rafala. Í öllum eru ritvinnsluverkfæri þarna úti fyrir réttlátur óður í öllum mögulegum þörfum sem vefur hönnuður gæti haft.
Typetester
Typetester leyfir þér að bera saman allt að þrjá letur við hlið .
Þú getur valið hvaða letur sem er úr tölvunni þinni eða notaðu leturgerðir úr valmyndinni af almennum leturgerðum og vefur-öruggum leturgerð. Það leyfir þér einnig að breyta lit, leiðandi, mælingar, stærð og öðrum stílvalkostum.
Það er frábært tól þegar reynt er að ákveða hvaða leturgerðir nota til mismunandi þátta eða jafnvel til að búa til eigin leturstafla (þar sem það leyfir þér að bera saman fjölda letur hlið við hlið).
CSS Tegund Set
CSS Type Set gerir þér kleift að líma hvaða texta sem þú vilt breyta í einum kassa, stilla renna og velja aðra formatting valkosti og afritaðu síðan mynda CSS.
Það er fljótleg og auðveld leið til að forsníða hvaða texta sem þú þarfnast, frá málsgreinum í höfuðtákn.
Valkostir innihalda texta lit, leiðandi, mælingar, grunngildi, textaskreytingar, röðun og fleira.
Betri CSS Font Stacks
Þó að þetta sé ekki hefðbundið tól, þá er þessi grein í boði ýmsar valkosti við venjulegu leturstafla sem almennt eru notaðar í CSS.
Til viðbótar við að bjóða upp á viðmiðunarreglur um að búa til eigin leturstafla, þá er einnig grein fyrir fjölmörgum sýnishorðum sem þú getur notað . Frábær auðlind þegar þú ert svolítið stumped yfir typography valkosti þína.
HTML-Ipsum
Flestir staðall Lorem Ipsum rafala á netinu gefur þér blokk af texta og ekkert meira. Og það er frábært ef þú ert bara að reyna að fylla upp pláss.
En HTML-Ipsum gefur þér texta sem hefur þegar verið merktur með grunn HTML tags (málsgrein, höfuð, óflokkað listi osfrv.) Svo þú getir séð hvernig öll mismunandi þættir hafa áhrif á hvert annað. Það er risastór timesaver.
PXtoEm.com
PXtoEM.com gerir nákvæmlega það sem það segir: það breytir pixel-stór letur í em-stór letur .
Valkostirnir sem þú gefur þér eru það sem gera það mjög áhrifamikið og sveigjanlegt tól.
Þú getur valið leturstærð grunnfólsins og fengið viðskipti á grundvelli sjálfgefin leturstærð vafrans þíns (svo ef þú stillir grunn leturprósentan í 62,5% þannig að 10 pixla stærð sé jöfn 1em geturðu valið það sem sjálfgefið stærð).
Tegundartafla
Tegundartafla gerir þér kleift að skoða margs konar örugga leturgerðir og skoða hvernig þeir líta á bæði Windows og Mac kerfi .
Þú getur fundið leturgerðir á grundvelli stærð, hvort sem þeir eru serif eða sans-serif, eða áhersla. Það inniheldur aðeins vefur-örugg letur, þannig að valkostirnir í boði eru takmörkuð. En fyrir undirstöðu typography, það er frábært tól sem getur veitt fullt af innblástur.
Og þú getur afritað og límt CSS fyrir hverja stíl án þess að fara af síðunni.
Flipping Dæmigert
Flipping Dæmigert gerir þér kleift að skoða algengar leturgerðir sem þú hefur á tölvunni þinni í rist snið til að velja rétt letur fyrir núverandi verkefni.
Þetta er frábært tól þegar þú hefur ekki áhuga á því að nota staðlaða örugga leturgerð og vilt sjá fleiri valkosti.
Það er sérstaklega gagnlegt ef þú vilt ekki að vaða í gegnum nokkur hundruð letur uppsett á tölvunni þinni og vildu bara sjá fleiri vinsælustu.
CSS Tools
CSS er næstum jafn mikilvægt í vefhönnun og HTML. Og það eru hundruðir verkfæri þarna úti til að gera CSS hreinni, hægari, skilvirkari og almennt betra sem spara þér þann tíma og áreynslu sem þarf til að höndla fullkomlega stílblöðin þín.
Þjappa saman stílblöðin þín, sem geta hjálpað til við að flýta fyrir hleðslutíma fyrir síðurnar þínar, er einfaldað með því að nota sjálfvirkt tól á netinu. Það eru verkfæri til að útiloka tvíhliða yfirlýsingar.
Svindlari geymir grundvallarþætti CSS innan seilingar fyrir þegar kaffið hefur ekki alveg sparkað inn á morgun og þú átt í erfiðleikum með að muna hvaða röð þín skothandupróf ætti að vera í.
Þó að flestir af þessum verkfærum gera frábært starf við að hreinsa upp CSS, vertu viss um að þú geymir alltaf öryggisafrit af upprunalegu og prófaðu endanlega vöru sem myndast. Stundum mun hreinni eða þjöppu fjarlægja eitthvað sem var nauðsynlegt eftir allt saman, brjóta á síðuna þína.
CSS SuperScrub
CSS SuperScrub miðar að því að draga verulega úr flókið og stærð stílblöðunum þínum .
Það losnar við óþarfa símtöl, ræður óþarfa efni og hópar saman eftirstandandi þætti til að gera breytingar auðveldara seinna.
Það eru nokkrir möguleikar, þar á meðal einn til að fjarlægja allt hvítt svæði í stílblaðinu þínu, eða til að setja inn nýjan línu áður en þú byrjar að opna armbönd.
Kóði Beautifier
Code Beautifier bætir og hreinsar CSS skrárnar þínar .
Það býður upp á mikinn fjölda valkosta til að forsníða textann þinn, þ.mt þjappa litum, flokka eignir þínar, breyta öllum valmöguleikum þínum til lágstafa, breyta eiginleikum þínum í annaðhvort hástafi eða lágstafi og velja hversu þjöppun þú vilt nota.
Þú getur annaðhvort afritað og límt CSS inn í forritið eða gefið slóðina fyrir CSS skrána þína.
CSS Drive
CSS Drive er undirstöðu CSS þjöppu .
Þú getur stillt hvernig þjöppuð þú vilt að CSS þín sé (létt, eðlilegt eða frábær samningur) og hvernig þú vilt að það taki á móti athugasemdum (hvort að ræma þau út).
Það er líka háþróaður hamur sem gefur þér margar fleiri valkosti, þar á meðal að fjarlægja rými um ákveðna stafi, fjarlægja flipa, fjarlægja nýjar línur og fleira.
CSS Redundancy Checker
Stundum í því ferli að hanna vefsíðu getur þú sett upp CSS-valmöguleika sem endar ekki með því að gera það í lokaprófinu þínu.
Þessir veljari gera ekkert annað en gera stílblöðin þín þéttari og erfiðara að breyta þeim síðar.
CSS Redundancy Checker fer í gegnum stílblöð þína og hvert HTML-síðurnar þínar til að sjá hvaða valsmenn eru ekki notaðir og þá fjarlægja þær .
Það er frábært tól til að nota ef þú heldur að þú gætir haft óþarfa valmöguleika í stílblöðunum þínum.
CSS Property Index
CSS Property Index skráir allar CSS eignir í stafrófsröð .
Með því að smella á eitthvað af meðfylgjandi eiginleikum færðu skilgreiningu og upplýsingar um sjálfgefið gildi, leyfileg gildi og hvort það erft frá foreldraeign.
CSS Shorthand Guide
Notkun styttri CSS eiginleiki gerir CSS skrárnar þínar minni en að nota langvarandi eiginleika .
En mundu eftir því hvaða röð allar mismunandi þættirnir ganga fyrir allar mismunandi eiginleika geta verið höfuðverkur, sérstaklega fyrir þá sem þú gætir ekki notað í hverri hönnun sem þú gerir.
Það felur einnig í sér upplýsingar um sjálfgefin gildi eigna, þannig að ef þú velur að fara út í eign þá munt þú vita hvað það mun gera ráð fyrir að verðmæti sé.
Litur Verkfæri
Velja rétta litina fyrir hönnun vefsvæðisins getur verið ein mikilvægasta ákvörðunin sem þú gerir í öllu hönnuninni.
Stundum kemum við inn í hönnun með fyrirfram skilgreindum litasamsetningu (eins og þegar viðskiptavinur hefur þegar sett upp vörumerki) eða þegar í stað vita hvaða litir við viljum nota. Að öðrum tíma gætum við verið frjálst að búa til eigin stiku fyrir hönnunina.
Ef þú ert að búa til litasamsetningu frá grunni, getur litavalmyndavélar og gallerí verið mikil hjálp.
Ef þú ert þegar með litasamsetningu, þá eru önnur atriði sem taka tillit til, svo sem aðgengi og hvaða litir sem nota á hvaða hlutum vefsvæðisins.
En það eru verkfæri þarna úti til að hjálpa við þessar ákvarðanir líka. Hér að neðan eru nokkrar af bestu tækjunum sem eru tiltækar til að stjórna litasamningum.
Colorblind vefur blaðsía
Miðað við að einhversstaðar á bilinu 7 til 10% karlkyns íbúa hefur einhvers konar litblinda (samkvæmt Wikipedia ), og tryggja að vefsvæði þitt sé enn aðgengilegt þeim íbúa er ekki slæm hugmynd.
Þetta tól sýnir þér hvernig hönnun þín mun birtast fyrir fólk með mismunandi litblindleysi. Þú getur skoðað niðurstöðurnar fyrir alla síðuna þína eða útilokað myndir úr niðurstöðunni.
Þau veita einnig tengil á litblind-öruggt litaval tól.
Finndu samsvörunarlitir fyrir vefsvæðið þitt
Þessi litavalatól finnur liti sem samræma með hvaða lit sem þú velur .
Þú getur annaðhvort valið lit frá fyrirfram ákveðnum valkostum eða sláðu inn hvaða hex eða RGB lit gildi til að fá samræmda litatöflur byggðar á viðbótarsniði, kljúfa viðbótareiginleika, þríhyrningslaga, tetrade, hliðstæða eða eintóna litaval.
Þær litir sem gefnar eru allar svipaðar í styrkleiki, þó að þetta þýðir að þetta er í raun bara upphafspunktur til að búa til litaval fyrir hönnunina.
Litur Palette Generator
Myndir eru frábærir staðir til að leita að innblástur í hönnun. Þetta tól getur búið til litavali frá hvaða mynd sem þú velur (bara innsláttur slóðina í myndinni).
Það veitir bæði sljór og lífleg litasamsetningar byggt á myndinni sem þú gefur upp.
Að vera fær um að nota hvaða mynd sem er á netinu gerir þetta tól dýrmætt því það sparar tíma þegar þú þarft að hlaða niður mynd og síðan endurupphlaða á síðu eins og þetta til að búa til litasamsetningu (eða hlaða niður og opnaðu í grafík forrit til að búa til handvirkt litaspjald).
Kuler
Kuler litavalmyndasafn Adobe er einn af betri litavalmyndum þarna úti.
Þú getur flett eða leitað meira en 10.000 litavali sem Kuler notendur leggja fram og síðan hlaða niður eða vistaðu uppáhaldið til seinna tilvísunar.
Kuler inniheldur einnig virkilega öflugt skápverkfæri sem gerir þér kleift að velja liti með renna eða byggt á HSV, RGB, CMYK, LAB eða hex litum.
Stilling hvaða litar sem grunnliturinn mun þá breyta umliggjandi litum til viðbótar.
COLOURlovers
COLOURlovers er annar frábær litasamsetning gallerí .
Þú getur leitað meira en 800.000 litasamsetningar (byggt á 20 kerfum á síðu og 43.200 síður af kerfum). Til viðbótar við stikla geturðu einnig leitað einstakra lita og mynstur byggt á stiklum.
Eitt af COLOURlovers gagnlegurum eiginleikum er þó að það sé mynstur til að búa til mynstur sem gerir það kleift að búa til þitt eigið mynstur byggt á annaðhvort fyrirfram ákveðnu litaskeiði eða einum sem þú býrð á flugu.
Gakktu úr skugga um að þú hafir samband við höfundarréttaraðila myntsins ef þú vilt nota einn í atvinnuskyni.
100 Random Colors 2.0
Ef þú hefur í raun ekki hugmynd um hvar á að byrja á litasamsetningu fyrir einn af hönnununum þínum, gæti 100 Random Colors 2.0 verið rétt tól.
Það gerir bara það sem nafnið segir: kynnir þig með 100 handahófi litum, þ.á m .
Og ef þú finnur ekki neitt í fyrstu 100, getur þú bara högg hressa og fengið nýtt sett!
Einstaklingsverkfæri
There ert a einhver fjöldi af rafala þarna úti sem gerir það fljótlegt og auðvelt að búa til hnappa, bakgrunn, form og aðrar hönnunarþættir fyrir vefsvæði þitt.
Sumir þeirra eru bara gimmicky, en aðrir eru frábær hjálp ef þú vilt bara fljótt búa til eitthvað eins og Web 2.0-ish hnapp eða grunnuðu röndóttu bakgrunni.
Verkfæri til að byggja upp form geta verið mjög gagnlegar líka, sérstaklega ef þú vilt að viðskiptavinir þínir geti gert nokkrar af eigin stjórnunarvinnu sinni á formum þeirra.
Ég veit um að minnsta kosti nokkra hönnuði sem nota þessi verkfæri svo að þeir þurfi ekki að byggja upp sérsniðið, einfaldað tengi til að fá aðgang að formagagnagrunninum eða til að breyta eyðublöð fyrir viðskiptavini sína. Þau eru frábær tími-sparnaður, sérstaklega til að byggja upp flóknari form.
Wufoo
Wufoo er HTML form byggir sem býður upp á meira en 80 form sniðmát og litakerfi en einnig leyfa þér fulla stjórn á að búa til sérsniðnar form fyrir viðskiptavini þína.
Sniðmátin gera það fljótlegra og auðveldara að búa til staðlað vefform (eins og skráningarsíður eða samskiptaform).
Senduðum eyðublöðum er sjálfkrafa safnað í gagnagrunni sem gerir það einfalt fyrir viðskiptavini þína að prenta, senda einstaka færslur, sía, leita og framkvæma aðrar háþróaðar aðgerðir án þess að þurfa að byggja upp sérsniðið tengi.
Þú getur jafnvel notað Wufoo til að búa til á netinu pöntunarnúmer og samþætta við Authorize.net, PayPal eða Google Checkout.
BgPatterns
BgPatterns gerir þér kleift að búa til flísalög með því að nota margs konar mismunandi endurtaka þætti.
Þú getur valið bakgrunnslitinn þinn, striga áferð og hornið á mynstri. Þú getur sótt um bakgrunninn sem þú býrð til á BgPatterns síðunni til að forskoða, og síðan sóttu myndina þegar þú hefur lokið því.
Þú getur einnig skoðað mynstur búin til af öðrum. Það er fljótlegasta og auðveldasta leiðin til að búa til einfaldan, flísalagt bakgrunn.
Stripe Generator 2.0
Að búa til endurtaka rönd fyrir vefsíðu er tímafrekt.
Jú, þú getur búið til sniðmát fyrir algengar rönd sem þú gætir notað, en hvað ef þú vilt prjóna rönd fyrir eitt verkefni, breitt rönd fyrir annan og einn í stakur horn fyrir aðra? Fljótlega virðist þessi sniðmát ekki bara skera það lengur.
The Stripe Generator 2.0 býður rönd í ýmsum sjónarhornum , um það bil hvaða breidd þú velur, með eða án skugga og stigs , og með hvaða hexum sem þú vilt.
Þar eru einnig röndargallerí þar sem þú getur séð hvað aðrir hafa byggt.
Tartan Maker
Ef að búa til röndóttan bakgrunn er tímafrekt, er að búa til flókinn bakgrunn er mikil höfuðverkur.
Það er þar sem Tartan Maker kemur inn. Veldu garnstærðina, liti fyrir mynstrið þitt og hornið og það skapar það sjálfkrafa.
Þú getur forskoðað hönnunina þína í fullri skjá og þá sótt skrána.
Bakgrunnur Dóttir Pixelknete
Þessi bakgrunnur rafall skapar nútíma dotted bakgrunn með smám saman minni punkta eins og þeir fara niður á síðunni.
Þú getur valið allt að tvo punkta litum og tveimur litum fyrir hallandi bakgrunn (eða bara einn litur fyrir traustan bakgrunn).
Þú getur einnig tilgreint hæð mynsturins (sjálfgefið er 700 pixlar). Bakgrunnurinn bjó til endurtekningar á láréttum ás.
Eins og Button Generator
Ef þú hunsar lélega þýddan texta á þessari síðu, munt þú sjá að þetta er einn af sléttustu hnappalöggjöfunum sem til eru . Bæta við texta, mismunandi stigum, röndum, myndum og fleira í hnappana þína.
Þú getur valið hnappinn og landamæralitirnar, heildarstærðina (með renna eða textareitum) og þykkt landamæranna og hvernig hringt er á hnappinn.
Ef þú ert með rönd, þá færðu fullt af valkostum, þar á meðal lit, gagnsæi, þykkt, rýmið milli renda og hornsins.
Þetta er örugglega fullkomnustu hnappastillirinn þarna úti.
Button Maker
Þessi hnappastillir gerir þér kleift að búa til tveggja tóna 80 × 15 punkta hnappa .
Veldu hnappana liti, landamærin litum, þar sem skiptin á milli kassanna ætti að vera, og sláðu inn textann fyrir hverja hlið, og það er það!
Þetta er eitt af þeim verkfærum sem ekki eru hlaðnir með eiginleikum en gerir það sem það var hannað til að gera fullkomlega og óaðfinnanlega.
AJAX og JavaScript Tools
Við vitum öll að Ajax getur bætt við tonn af virkni á síðuna þína. Hvort sem þú vilt bæta við einföldum myndasafni, gagnvirkt tengiliðsformi eða búa til heilt vefurforrit , þá er Ajax þar til að hjálpa.
En byrjun frá grunni getur verið erfitt, sérstaklega ef þú ert tiltölulega ný við Ajax. Og jafnvel þótt þú teljir þig vera atvinnumaður, getur það samt verið tímafrekt að byrja með auða ákveða fyrir hvert verkefni.
Það eru fullt af verkfærum þarna úti til að flýta fyrir Ajax þróuninni þinni. Frá handritasöfnum til ramma til sérstakra frumefna, þá er líklegt að eitthvað sé í boði í tækjunum hér fyrir neðan sem mun gera þér skilvirkari verktaki.
Ajaxload
Ajaxload er rafall til að búa til Ajax hleðslutákn . Það eru tonn af mismunandi táknum til að velja úr.
Allt sem þú þarft að gera er að setja forgrunni og bakgrunnslitina (eða veldu gagnsæjan bakgrunn) og þá er bara að hlaða niður handritinu.
Fljótleg og auðveld en það sparar þér nokkrar mínútur (eða lengur) af kóða!
Mini AJAX
Mini Ajax er myndasafn sem hægt er að hlaða niður Ajax og DHTML forskriftir .
Það felur í sér allt frá breyttum gluggum til slideshows að fleiri háþróaður forskriftir (eins og dagatöl og allt verkefnisstjórnunartæki).
Það er frábært upphaf að finna einstaka Ajax þætti eða jafnvel bara til að fá innblástur.
Það eru kynningar fyrir fullt af forskriftirnar og allir þeirra eru hægt að hlaða niður úr upprunalegum heimildum.
MooTools
MooTools er Object-oriented JavaScript ramma . Það er ákveðið ekki hönnuð fyrir byrjendur, en getur leyft þér að skrifa sveigjanlegan, öflug Ajax forrit sem eru vafrahæfur.
Það er einnig staðlað-samhæft og ótrúlega vel skjalfest.
Í viðbót við kjarna byggir, eru einnig tonn af viðbætur í boði. MooTools er hægt að nota til að búa til allt frá einföldum myndasýningum til að ljúka notendaviðmótum.
jQuery
jQuery er JavaScript bókasafn sem einfaldar ýmsar JavaScript aðgerðir .
Eitt af bestu hlutum þessa tilteknu tóls er þó fjöldi tappa sem þegar er tiltæk fyrir jQuery.
Það eru tilbúnar viðbætur fyrir allt frá einföldum hreyfimyndir til eyðublaða til búnaðar til háþróaðra notendaviðmóta.
Það er líklega nú þegar búið til tappi fyrir næstum öllu sem þú gætir viljað gera með JavaScript eða Ajax, eða að minnsta kosti einn til að nota sem grundvöllur til að búa til þitt eigið.
Script.aculo.us
Script.aculo.us er JavaScript notendaviðmótasafn sem inniheldur fjör ramma, Ajax stjórna, DOM tólum og fleira .
Það er notað af Apple, CNN, Basecamp og Ruby on Rails. Það er byggt á frumgerð ramma.
Það er víðtæka skjöl í boði í Script.aculo.us wiki, sem gerir það auðvelt að byrja.
Online JavaScript Compression Tól
Þjöppun JavaScript-skrárnar gerir þeim kleift að hlaða hraðar, borða minna af bandbreidd þinni og taka minna pláss á netþjóninn. Þetta tól gerir þjöppun auðveldara.
Bara afritaðu og límdu JS skrárnar þínar (eða hlaðið þeim inn) í þetta tól og veldu síðan hvort þú viljir þjappa með því að nota Minnka eða Packer.
Það spýtur sjálfkrafa út hreinni, skilvirkari kóða. Gakktu úr skugga um að þú prófir vandlega niðurstöðurnar og geymir alltaf afrit af upprunalegu skránni.
JavaScript Beautifier
Ef JavaScript er svolítið messier en þú vilt (eða næstum ómögulegt að ráða því það er svolítið sniðið), hlaupa það í gegnum þessa beautifier til að fá snyrtilegur, hreinn, stöðugt sniðinn forskriftir sem auðveldara er að lesa og breyta síðar .
Notaðir stillingar eru lágmarks en þú getur valið hversu margar rými er að nota fyrir undirlið, hvort sem er að finna pakka, og hvort þú heldur að línan sé í bið.
Gakktu úr skugga um að þú prófir endanlega kóðann og geymir öryggisafrit handvirkt ef einhver vandamál eru í nýlegri útfærðu merkjamálinu þínu.
BrowserShots
Því miður, mismunandi vafrar veita vefsvæðum á aðeins mismunandi hátt. Þetta getur verið mikil höfuðverkur, sérstaklega ef viðskiptavinir þínir eru að nota eina vafra og þú notar alveg annan.
Ef þeir sjá hluti sem ekki birtast í lok þinni (eða öfugt) getur það skapað vandamál á báðum hliðum.
Þú getur alltaf sett upp marga vafra á tölvunni þinni, en a) það er sóun á plássi og b) hvað um vafra sem eru ekki í boði fyrir tölvuna þína? Það er þarna BrowserShots kemur inn
Þú getur valið úr næstum öllum helstu vafra í tilveru, þar á meðal hylja vafra eins og Minefield og Epiphany.
BrowserShots sýnir skjámyndir af aðeins vafrum sem þú hefur valið til að skoða , svo þú getur valið eins mörg eða eins fáir og þú vilt.
Mundu bara að því fleiri vafrar sem þú velur að prófa, því lengur sem það mun taka. Hvernig BrowserShots er sett upp, þó að þú getir bara bókamerki síðuna og komið aftur seinna til að sjá niðurstöðurnar þínar.
Firebug
Engin listi yfir verkfæri fyrir vefhönnuður væri lokið án þess að nefna Firebug Firefox tappann .
Oft hugsað sem eitt mikilvægasta tólið í vopnabúr hönnuðarinnar , gerir Firebug kembiforrit og að breyta kóðanum þínum (hvort sem það er JavaScript, CSS eða HTML) óendanlega auðveldara.
Þú getur stillt CSS þinn rétt í vafranum þínum. Sýndu hvernig CSS-kassarnir þínir eru í takti. Breyta öllum þáttum á síðunni þinni rétt í vafranum þínum.
Hringdu í JavaScript og finndu villur hraðar. Og það er bara að klóra yfirborðið af því sem Firebug getur gert.
Það er í raun nauðsynlegt tól fyrir hvern hönnuður þarna úti. Þegar þú notar það munt þú furða hvernig þú hefur alltaf hannað án þess.
Samanlagt eingöngu fyrir WDD af Cameron Chapman.
Hvaða verkfæri notar þú mest? Hvaða önnur verkfæri notarðu það sem við gætum hafa misst af?