Efni.
- 01. CSS3 Smellurit
- 02. Mynstur
- 03. CodeKit
- 04. Basecamp
- 05. HTML5 Ketilplata
- 06. Google Rich Snippets
- 07. Sprite Box
- 08. Röntgen
- 09. Grunnur
- 10. Adobe sviga
- 11. CodePen
- 13. Kóðaðu hvar sem er
- 14. Cloud 9 IDE
- 15. Staðfestingaraðili
- 16. FitText.js
- 18. JSLint
- 19. JSFiddle
- 20. Ritstuldur
Ef þú byggir vefsíður til að lifa af, notarðu án efa augljós verkfæri fyrir vefhönnun - Firebug, Browsershots, auk ýmissa leturgerðartengda þjónustu og hraða greiningartæki.
Svo þessi grein er ekki um þau. Í staðinn héldum við að við lítum á vanmetnari verkfærin sem geta hjálpað þér að bæta vafraþróun viðskiptavinarins og prófa nákvæmlega allt sem þú smíðar. Vonandi finnur þú eitthvað gagnlegt í eiginleikanum sem þú hefur ekki heyrt um áður. Á meðan, ef þú veist um verkfæri sem fær ekki þá pressu sem það á skilið, láttu okkur vita af því í athugasemdunum hér að neðan ...
01. CSS3 Smellurit
CSS3 smellitafla er handhægt tilvísunartól fyrir CSS3 eiginleika; Ég er viss um að við höfum öll barist við að muna alveg í hvaða röð CSS kassaskuggagildum er krafist á einhverjum tímapunkti, og það er þar sem CSS3 Smellitafla kemur inn. Sem og dæmi CSS setningafræði til að sýna þér hvernig á að nota tiltekna eiginleiki, það er með sýnishorn af hverjum eiginleika.
02. Mynstur
Patternizer er tól á netinu til að hjálpa þér að búa til CSS3 rendur með netviðmóti. Þú getur sérsniðið allt sem þú þarft, frá bilinu milli rönd / ávísana, sjónarhornið sem þeir birtast við og lit þeirra, eða flett í núverandi bókasafni yfir mynstur í boði.
03. CodeKit
CodeKit er forrit fyrir Mac sem gerir framendahönnuðum kleift að nota SASS eða LESS auðveldara líf. CodeKit tekur saman MINNAR eða SASS skrár þegar þú ert á ferðinni svo þú þarft ekki, hagræðir stærð myndskrár verkefnis þíns og endurhladdar síðuna í beinni í vafraglugganum.
04. Basecamp
Basecamp er hannað af vefhönnuðum fyrir vefhönnuði og er netforrit fyrir verkefnastjórnun og er frábært til að stjórna smærri framhlið verkefna galla / verkefnalista. Það er sérstaklega gagnlegt þegar verið er í samstarfi við aðrar hönnunarstofur.
05. HTML5 Ketilplata
HTML5 Boilerplate er einmitt það: boilerplate sniðmát fyrir HTML5 verkefni, sem veitir hjálparhönd til að fá allt sem þú gætir þurft til að hefja þróunarverkefni í framhlið í einu niðurhali.
06. Google Rich Snippets
Að láta vefsíðu þína höfða til gluggakaupenda er gífurlega mikilvægt. Rich Snippet tól Google, sem er hluti af forritinu fyrir vefstjóraverkfæri, gerir þér kleift að forskoða og aðlaga hvernig vefsvæðið þitt birtist í leitarniðurstöðum. Það veitir handhæga lausn bæði til að athuga hvort vefsíðan þín veitir Google gagnleg gögn og bæta skráningu vefsvæðisins.
07. Sprite Box
Sprite Box er gagnlegt kerfi til að búa til CSS sprite námskeið og auðkenni. Settu upp sprite mynd sem þú hefur búið til og með WYSIWG tólinu geturðu fljótt skilgreint og forskoðað einstaka þætti þína innan sprite. Þetta tól tekur ágiskunarvinnuna af því að nota sprites, sem gerir það fljótt og auðvelt ferli að stilla upp grafíkina þína fullkomlega.
08. Röntgen
Þessi handhægi litli bókamerki gerir þér kleift að yfirheyra síðu til að skoða upplýsingar um kassalíkan um tiltekna þætti á síðunni. Dragðu einfaldlega bókamerkið yfir á eftirlætisstikuna þína og smelltu síðan á bókamerkið þegar þú skoðar síðu sem þú vilt spyrja og smelltu síðan á þáttinn sem þú vilt skoða gögn um. Sprettigluggi sýnir stöðu frumefnisins innan DOM, grunnupplýsingar um stíl og auðkenni / flokka.
09. Grunnur
Grunn er mjög einfalt tól sem gerir þér kleift að líma HTML inn í glugga og sendir tómt CSS fyrir þig út frá þeim flokkum og auðkennum sem notuð eru í HTML. Tilvalið ef þú vinnur með því að búa til álagningu þína fyrst og notar síðan stíl, Primer mun flokka HTML-ið þitt og grípa sjálfkrafa allt með dæmi um bekk eða auðkenni og búa til einfalt sett af tómum CSS hnútum tilbúnum fyrir þig að líma inn eða þróa CSS.
10. Adobe sviga
Brackets er opinn ritstjóri fyrir vefhönnun og þróun byggð ofan á veftækni eins og HTML, CSS og JavaScript. Frekar en að flækja vinnusvæðið þitt með fljótandi spjöldum, tækjastikum og táknum, leggur sviga áherslu á að bjóða upp á „Quick Edit“ línuskjá sem veitir samhengisnæman aðgang að efninu þínu án þess að taka þig frá kóðanum. Verkefnið var búið til og er haldið við af Adobe og er gefið út undir MIT leyfi.
11. CodePen
Þetta litla forrit, sem er fáanlegt fyrir Windows, Mac og Linux, gerir þér kleift að prófa hvernig vefsíður þínar munu líta út í Opera vöfrum sem eru uppsettir á ýmsum símum og handtækjum. Minni hagnýtur, vefur-útgáfa er einnig fáanleg.
13. Kóðaðu hvar sem er
CodeAnywhere leyfir þér, er, kóða hvaðan sem er, án þess að þurfa að hafa neitt með þér. Skráðu þig bara inn í forritið með hvaða tölvu eða snjallsíma sem er og allir netþjónar þínir (FTP, SFTP og Dropbox), skrár osfrv munu bíða eftir þér. Jafnvel skrárnar sem þú skildir opna verða opnar þegar þú skráir þig inn aftur. Codeanywhere styður nokkurn veginn öll vinsælustu snið á vefnum, þar á meðal HTML, PHP, JavaScript, CSS og XML.
14. Cloud 9 IDE
Cloud9 IDE er þróunarumhverfi á netinu fyrir JavaScript og Node.js forrit auk HTML, CSS, PHP, Java, Ruby og 23 önnur tungumál. Eins og með Code Anywhere er það markmið 9 hjá Cloud 9 að hver verktaki eigi að hafa vinnusvæði á netinu sem gerir honum kleift að byggja upp forrit eins og þeir geta á skjáborði eða fartölvu. Þar sem ritstjórinn er opinn geturðu ekki hika við að skrifa þína eigin viðbót til að tengjast hvaða vettvangi sem er byggður á vefnum.
15. Staðfestingaraðili
Sparaðu tíma við að staðfesta alla vefsíðuna þína með því að nota þetta tól, sem gerir það með einum smelli. Site Validator er í samræmi við löggildingu frá opinbera W3C Validator, og það felur í sér löggildingu HTML5 álagningar á vefsvæðum þínum.
16. FitText.js
Bogaði niður af of mikilli vinnu? Coding App stýrir tímafrekum verkefnum og endurteknum aðgerðum sem nauðsynlegar eru til að nútíma vefþróun taki brúnina. Með því að einbeita þér að kjarnaverkefnum vefhönnuðar frelsar það þig til að vera afkastameiri skapandi. Forritið er sem stendur í tilraunaútgáfu og því þarftu að hafa samband við þá til að fá boð.
18. JSLint
Handhægt vefhönnunartæki eftir goðsagnakennda Douglas Crockford. JSLint kannar JavaScript kóða miðað við frekar snarpa kóðunarvenjur hans. A minna pedantic, og minna sterkur, val er í boði í formi JSHint.
19. JSFiddle
Frábært forrit á vefnum sem gerir þér kleift að búa til JavaScript, HTML og CSS og sjá árangurinn í rauntíma. Þetta vefhönnunartæki er handhægt „leikvöllur“ og er sérstaklega gagnlegt til að búa til fjölnota búnað notendaviðmóts. Valkostir fela í sér JSBin, sem er bjartsýni fyrir JavaScript og sérstaklega DOM-vinnu. Það er líka nýja Dabblet, sem er meira stillt á að byggja upp CSS stílblöð. Þú ættir einnig að skoða SQL Fiddle til að búa til frumgerð á gagnaskema.
20. Ritstuldur
Að takast á við afrit af efni er mikið vandamál fyrir hönnuði vefsins, ekki síst vegna þeirra áhrifa sem það getur haft á leitarvélarnar þínar. Plagiarism Checker er ætlað að athuga pappíra með tilætluðum ritstuldi, en það getur einnig þjónað sem gagnlegt tæki til að tryggja að innihald þitt sé einstakt, gefið síðunum þínum fullan SEO ávinning og einnig gert þér kleift að athuga að efni þínu sé ekki stolið af keppendur
Framlag: Sam Hampton-Smith, Kieran Potts og Richard Carter
Þetta er uppfærð og aukin útgáfa af grein sem áður birtist á Creative Bloq. Við skulum skoða hvaða tæki við ættum að bæta við í framtíðaruppfærslu í athugasemdunum hér að neðan.