CodePen ko Textaukakken Rubutu? Idan mukayi maganar shirye-shiryen yanar gizo, sunan HTML, CSS da JavaScript ya zo mana yanzunnan. Akwai hanyoyi da yawa don isa wurin. Ko da, idan muka bude kundin rubutu zamu iya zuwa aikin rubuta "html". Gaskiya ne cewa don ganin sakamakon abin da kuke shiryawa daga pad, kuna buƙatar aiki mai wuyar gaske don lura da ci gaba.
Waɗannan rukunin yanar gizon sune manyan filayen wasanni don masu haɓaka aikace-aikace don masu amfani da rana. Don ƙarin koyo game da fa'idodi da rashin amfanin waɗannan shirye-shiryen, za mu bincika su sosai a cikin wannan labarin (aƙalla, duk abin da muka sani). Kamar yadda koyaushe nake faɗi, tabbas wasu daga cikinku sun san batun sosai. Idan haka ne, yi tsokaci akan duk abin da ya tsere mana anan. Za mu yi farin cikin tattaunawa!
A yau za mu bincika CodePen, JSBin, Plunkr, ɗaukaka, CSSDeck, Dabblet, da LiveWeave. Wanne ne sanannun sanannun kayan aikin da aka fi amfani da su a wannan yanayin. Akwai ƙari, tabbas.
Amma duk ku da ba ku san abin da FrontEnd ko BackEnd ke nufi ba, bari mu ɗan bayyana. Gaban-ƙarshen ko dubawa shine ɓangaren gani wanda mai amfani da kewayawa zai iya gani akan yanar gizo. Baya baya zai kasance ɓangaren da mai kula da rukunin ke sarrafawa. A cikin shirye-shirye, idan kun shigar da lambar ta hanyar kayan aikin da ke nuna sakamako a lokaci guda, ana kiran wannan ƙarshen gaba.
CodePen
Don yawancin kayan aiki mafi cikakke daga duk abin da muke magana. An yi amfani dashi azaman kayan aikin yanar gizo wanda shine mafi kusa ga al'umma don nuna aikinku. Wani irin Youtube daga programmer. A wannan, zaku iya ganin aikin masu shirye-shiryen haɗin gwiwa tare da yanar gizo kuma ku tuntube su idan kuna da wata sha'awa, duba bayanan su, bi su akan hanyoyin sadarwa har ma da biyan kuɗi zuwa tashar su don duba duk ayyukan su na gaba.
Gabatar da abun ciki, tallafi da gajerun hanyoyin keyboard
Gabatarwar CodePen shine mafi ban sha'awaSaboda tare da dannawa kaɗan, zaku iya aiki ta hanyar aikin nan take. Tare da layukan da aka raba sosai na html, css da javascript. Baya ga bangaren gani, wanda zaku iya kutsawa sama da kasa don ganin ci gaban ku a fili. Don haka taimakawa a rarrabe kowane yare da kyau. Wani abu da ya zo da amfani ga sababbin masu shirye-shirye.
Tallafin yanar gizonku, yana sa ya zama mai saurin jurewa lokacin da kake son fara amfani da wani abu wanda bamu san shi sosai ba. Wannan ba yana nufin cewa ya fi muku kyau ba, ya dogara da bukatun da muke da su. Amma haka ne, don sanin yanayin da ɗan kyau kaɗan kafin ƙaddamar da shigar da komai akan kwamfutar asalin "ba a sani ba".
Idan kana daya daga wadanda aka saba amfani dasu casi gaba ɗaya keyboard yayin aiki, CodePen zai kasance mai ban al'ajabi a gare ku. Sauran kayan aikin suna buƙata plugins don iya amfani da gajerun hanyoyin keyboard don cika yanayin. Wannan ya sa aikin ya ɗan zama ba shi da sauƙi (duk da cewa kamar yadda ya dace da zarar an shigar shi). CP. Ya haɗu azaman daidaitaccen tsarin da zai sa ku cika layi iri ɗaya na lambar da aka maimaita, kamar yadda zai iya zama cikin jeri. Ka rubuta yadda kake son jerin su bayyana ka latsa Tab.
Hakanan Pro version yana ba da ƙarin zaɓuɓɓuka da yawa don farashin € 9,00 don kunshin asali zuwa € 29,25 don kunshin “Super”. Samun damar sabuntawa a cikin na'urori da yawa lokaci guda abin da muke yi a ɗaya. Hakanan yanayin haɗin gwiwa, "yanayin malamin", da sauransu. Amfana idan kanaso anan.
JSBin
JSBin kayan aiki ne wanda zamu iya cancanta kai tsaye. Tun da zarar kun je yankin yanar gizon sa, zai kasance a shirye don fara zana aikinku na gaba, ba tare da bata lokaci ba. Kuma kodayake farkon shirinsa ba shi da kyau, yana da kyau.
JSBin yana da sauƙi, tare da tsarin asali wanda aka kirkira a cikin html don kar ɓata lokaci, zaku shiga tsakanin harsuna daban daban don kammala aikin. Da farko akwai HTML, sannan CSS, Javascript kuma a ƙarshe aikinku na gani. Kuma kodayake kamar yana da wahala, za ku sami nau'ikan gajerun hanyoyi iri ɗaya ba tare da sanya komai ba. Kai tsaye daga mai binciken.
Koyaya, Na sami rashin jin daɗin kallon lambar daidai, da zarar an ɓoye saboda ginshiƙai masu zuwa. Tunda, tare da kwamfutar tafi-da-gidanka, dole ne ka daina ko ƙasa tare da trackpad kuma bashi da ruwa sosai.
Yana da kashi biyu kawai, kyauta ko an biya. Wannan ya fi CodePen tsada nesa ba kusa ba, kodayake idan zaka biya shi duk shekara, yafi riba, idan zaka iya biyan € 120.
CSSDck
Yanayin aiki na CSSDck ya bambanta da wanda aka gani a sama. An rarraba shi zuwa ginshiƙi biyu kawai, lambar gani-gani, CSSDeck yana aiki tare da layuka 3 ƙasa wanda yake rarraba nau'ikan yare. Tare da gabatarwa a cikin hanyar hanyar sadarwar zamantakewar jama'a da yanayin aiki mai tsabta a cikin launi mai haske. Da alama dai kayan aiki ne masu sauki. Kodayake wani lokacin hakan ba yana nufin mara kyau bane.
Tare da sama da masu rijista sama da dubu sittin da ayyukan da aka kirkira sama da dubu dari biyu da hamsin, bincika da gano abin da kuke so ba zai zama da wahala ba. Yaren kamar koyaushe, idan yana iya zama damuwa ga waɗanda ba su iya Turanci ba, amma a cikin wannan sadarwar zamantakewa Hoton yana da mahimmanci, don haka ban tsammanin babban ƙalubale ne ba.
plunkr
plunkr ita ce mafi karancin kayan aiki da na ci karo da shi har yanzu. Ana gabatar da gabatarwa cikin saƙonni da rashin hotuna. Loading abun ciki yayi jinkiri kuma baya da amfani sosai a kallon farko. Bugu da kari, oda ta kwanan wata yana sanya kowane jadawalin, komai sauki, zai iya kasancewa a farkon matsayi. Don ganin abin da ya fi ban sha'awa ya kamata ka je shafin da ke cewa: «Mai sano«. Wato, idan baku fassara shi da Google ba a da.
Hakanan faɗi cewa bisa ga gidan yanar gizo, suna cikin sigar 1.0.0. Don haka wannan yayi bayani kaɗan game da zane, gabatarwa da yiwuwar kurakuran da kuke samu yayin bincika yanar gizo.
A matsayin fa'ida, idan ra'ayinka ya kare, ba lallai bane ku bar ko buɗe wani shafin a cikin Plunkr, tunda kai tsaye daga gefen dama na dama zaku iya tafiya tare da wasu ayyukan kuma ku kalle su kai tsaye. Wannan zai kawo muku sauƙin tattara ra'ayoyi masu sauri da amfani da su zuwa aikinku a lokaci guda.
dablat
dablat kayan aiki ne mai sauki, ka shiga ka kirkira. Kodayake zaku iya yin rajista kuma kuna da sunan mai amfani ta hanyar GitHub, ba wani abu bane wanda yafi fice akan yanar gizo. Tare da bango a cikin rawaya mai launin rawaya zuwa ja, a ɓangaren gani da farin baya a ɓangaren lambar (kamar yadda yake al'ada), ana gabatar da aikin Dabblet, kodayake zaku iya canza shi daga shafin CSS. A wurina, ya fi kyau in sami fanko, tunda wannan ɗan tudu duk abin da yake bayarwa kaɗan ne rai a
Lokacin da kake gyara, zaka iya saita shafuka da kake gani a sauƙaƙe. Ko da ma idan kuna son canzawa zuwa ginshiƙi ko layuka don kallo mai kyau ya dogara da mutumin da yake yin gyara. Canza girman font, adanawa azaman ba suna ba tare da yin rijista ko tabbatar da lambar HTML ba sune damar da Dabblet ke bayarwa da farko. Kodayake ba shine farkon zaɓi ba wanda zan zaɓa, yana iya zama la'akari da abubuwan da zasu zo nan gaba idan aka sabunta su.
Ofaya daga cikin abubuwan da na fi so mafi ƙanƙanta, amma manyan masu shirye-shiryen na iya so, shi ne ba ku da zaɓi don ƙaddamar da lakabi kuma ku rubuta shi da kansa. Wato sanya HTML ka latsa shafin ka rubuta "html" da "/ html" kai tsaye. Wani abu wanda a cikin sauran aikace-aikacen idan anyi shi.
LiveWeave
LiveWeave Ya yi daidai da na wasu, ba shi da wani abu da sauran ba za su iya bayarwa ba dangane da fa'ida. Abinda muke haskakawa game da wannan aikin shine ƙirarta, launi mai duhu mai kama da CodePen amma tare da rarraba murabba'i. Samun damar canza girman dandana. Akwai kuma yanayin bayyane da «daga layi« inda lambar da kuka gyara ba zata kasance cikin gani ba, har sai kun kunna ta. Ba fasali bane wanda kuke ganin yana da matukar amfani, a matsayin mai zane, yana da mahimmanci koyaushe ku ga abin da kuka shirya a ainihin lokacin, amma wani zai same ku da wani amfani tabbas. Kuma kodayake, kamar koyaushe, kuna iya yin rijista, mai amfani ba shi da jagoranci. Tunda, koda baku yi rijista ba, zaku iya adana aikinku.
Sublime Text
Wannan kayan aiki Ya bambanta da abin da kuka gani har yanzu a cikin binciken. Rubutun Maɗaukaki ba kamar albarkatun yanar gizo bane, amma azaman aikace-aikace. A gefe guda, tabbas ya fi amfani a same shi a kan tebur. Musamman saboda yiwuwar hadarurrukan intanet ko daskarewa saboda wuce gona da iri da asarar aikin. A gefe guda, ba kayan aikin gani bane kamar waɗanda suka gabata. Bayan rashin samun damar al'umma ta raba ayyukan.
Anan komai daga farko yake. Dole ne ku ƙirƙiri shafuka don sanya layukan lambar kuma sake suna don sanin wanne ne. Idan na farko shine HTML, na biyu CSS .. ko akasin haka. Hakanan bashi da gajerun hanyoyin abin da zai kasance gaba daya na jagora, sai dai zancen.
ƙarshe
Duk shirye-shiryen suna kama da takamaiman abubuwan taɓawa na kowane kamfani waɗanda ke haifar da samun fa'ida da fa'ida a cikinsu. Kowane ɗayan zai zaɓi wanda ya fi dacewa da su, Shawarata ita ce a yi amfani da CodePen ko CSSDeck don muhalli da kuma hanyar sadarwar da take gudanarwa. Amma, idan kuna son wani kuma, bar bayani kuma ku bayyana dalilanku, tabbas za su yi amfani.