Ṣe o fẹ lailai pe ohun elo wẹẹbu kan wa tabi itẹsiwaju ti o jẹ ki o ṣẹda ati pin awọn apẹrẹ UI lori fo?
Gbogbo wa ṣe! Gbogbo wa ni awọn imọran ti bii a ṣe fẹ ki awọn aaye wa tabi awọn ohun elo lati wo ati rilara.
Nitorinaa, o wa pẹlu apẹrẹ nla gaan ati pe o ko le ranti deede bi o ṣe ṣe?
Bayi o ni lati wa ọna lati pin. Eyi le gba awọn ọjọ, paapaa awọn ọsẹ, ti o ba n gbiyanju lati pin apẹrẹ eka ti o lẹwa.
Ko si idi lati duro lati ṣe awọn apẹrẹ ohun elo wẹẹbu rẹ. Ṣẹda wọn bayi pẹlu Dabblet.
Fa ati ju silẹ awọn eroja, ara ati fi pamọ. Firanṣẹ si onise fun atunyẹwo tabi daakọ nirọrun sinu igbejade kan. Awọn iṣeeṣe jẹ ailopin.
Kini Dabblet?
lilo dabblet, o le ṣe idanwo pẹlu awọn snippets kekere ti CSS ati koodu HTML ni akoko gidi.
Iwọ kii yoo nilo awọn ami-iṣaaju eyikeyi ninu koodu CSS rẹ nigba lilo eyi. GitHub gists gba ọ laaye lati tọju akoonu rẹ, firanṣẹ si awọn aaye miiran, ki o pin pẹlu awọn omiiran.
Eyi jẹ ọna nla lati pin awọn snippets koodu pẹlu awọn olupilẹṣẹ miiran ati gba awọn esi.
Bawo Ni O Ṣe Ṣiṣẹ?
Ni kete ti koodu ti tẹ, iṣẹjade wiwo yoo han lojukanna lori oke rẹ. JavaScript jẹ idasilẹ nikan, ni imọran pe yoo jẹ irritating lati ṣiṣẹ lori gbogbo bọtini bọtini ati pe o le paapaa fa ẹrọ aṣawakiri lati di ailagbara ni awọn ipo kan.
Lilo aṣayan “Ṣiṣe JS” ni JavaScript taabu tabi ọna abuja keyboard (Ctrl + Tẹ tabi Cmd + Tẹ) yoo ṣiṣẹ JavaScript nigbati Dabblet kan nṣiṣẹ. Akojọ aṣayan gba ọ laaye lati paarọ aṣa yii.
Gẹgẹbi olupilẹṣẹ, o le yipada laarin ifaminsi ni gbogbo awọn ede mẹta wọnyi nigbakanna tabi ri ọja ti o pari.
Awọn ẹya ara ẹrọ
Atẹle ni awọn ẹya Dabblet ti o yẹ ki o mọ nipa:
Ṣiṣe atunṣe CSS ni kiakia: O le yara ṣafikun, ṣatunkọ ati yọ awọn ohun-ini CSS kuro. Awọn ayipada yoo jẹ afihan lori oju-iwe ni akoko gidi.
Ifojusi Sintasi: CSS ati HTML koodu ti wa ni afihan sintasi, ṣiṣe awọn ti o rọrun lati ka ati ki o ye. Koodu naa yoo tun jẹ ifọwọsi bi o ṣe tẹ. O tun le yan lati tọju apoti koodu ti o ba fẹ.
Pari Aifọwọyi: Dabblet nfunni ni pipe-laifọwọyi fun awọn ohun-ini CSS ati awọn iye. Eyi le ṣe iranlọwọ pupọ nigbati o n ṣẹda tabi ṣatunkọ awọn iwe aṣa.
Awọn iwe ara CSS ti a ti kọ tẹlẹ: O le wọle si awọn iwe aṣa CSS ti a ti kọ tẹlẹ lati awọn oju opo wẹẹbu olokiki. Iwọnyi le ṣee lo lati yara ati irọrun ṣafikun awọn aza si oju opo wẹẹbu tirẹ.
Atilẹyin Gist: Dabblet ṣe atilẹyin GitHub Gists, gbigba ọ laaye lati fipamọ ati pin awọn snippets koodu rẹ pẹlu awọn miiran ni irọrun.
Awotẹlẹ Live: O le wo awọn abajade ti awọn iyipada koodu rẹ ni akoko gidi lai ṣe igbasilẹ oju-iwe naa. Fun apẹẹrẹ, ti o ba yi awọ ti ọrọ kan pada, iwọ yoo rii iyipada ti o han lori ọrọ bi o ṣe tẹ.
Awọn ọna abuja Keyboard: Dabblet ni awọn ọna abuja keyboard fun awọn iṣẹ ṣiṣe ti o wọpọ, gẹgẹbi fifi ofin ara tuntun kun tabi asọye.
Awọn ọna Wiwo pupọ: Dabblet nfunni ni awọn ipo wiwo pupọ, eyiti o fun ọ laaye lati wo koodu ati awọn abajade ẹgbẹ-ẹgbẹ tabi loke ati ni isalẹ ara wọn.
Pros
- CSS kiakia
- Paapa ti o ba wọle, o tun le ṣafipamọ incognito.
- Awọn oluwo iye CSS laini fun ọpọlọpọ awọn aye bi awọn igun, awọn awọ, iye akoko, ati bẹbẹ lọ.
- Ohun gbogbo jẹ XHR-ed, nitorinaa oju-iwe naa ko sọtun, paapaa paapaa nigba ti o fipamọ.
- Awọn ọna abuja Keyboard galore.
- Gbogbo koodu ti wa ni ọna kika laifọwọyi (ayafi fun isamisi).
- Awọn iwe aṣẹ to lagbara lati ibi-lọ.
konsi
- Ni wiwo jẹ kekere kan lagbara ni akọkọ, ṣugbọn ti o ba lo lati o.
- Ko si awọn ẹya iṣakoso ipele-iṣẹ (sibẹsibẹ).
Dabblet Integration
Syeed eyikeyi nilo lati ṣepọ pẹlu awọn iṣẹ miiran, ati Dabblet kii ṣe iyatọ. Awọn atẹle jẹ diẹ ninu awọn iṣọpọ ti Dabblet nfunni:
Google atupale
O le ni rọọrun ṣafikun koodu ipasẹ atupale Google rẹ si awọn oju-iwe Dabblet. Eyi yoo gba ọ laaye lati tọpa awọn iwo oju-iwe ati awọn iṣiro miiran fun Dabblet rẹ.
Ubuntu
Dabblet le ṣee lo lati ṣẹda awọn akori Ubuntu. O le ṣẹda Dabblet tuntun, ṣafikun CSS ati koodu HTML, ati ṣe awotẹlẹ akori ni ẹrọ aṣawakiri wẹẹbu kan.
DigitalOcean
Ile-iṣẹ alejo gbigba awọsanma kan-ti-a-iru pese awọn iṣẹ iširo awọsanma si awọn iṣowo, gbigba wọn laaye lati dagba awọn iṣẹ wọn daradara siwaju sii.
Kini Dabblet ṣe pẹlu rẹ?
O le ṣẹda bayi, ṣakoso ati ran awọn Dabblets rẹ ṣiṣẹ lori Awọn alafo DigitalOcean.
Eyi n gba ọ laaye lati tọju gbogbo awọn snippets koodu rẹ si aaye kan ati pe o jẹ ki o rọrun lati pin wọn pẹlu awọn miiran.
Yiyan Fun Dabblets
Awọn yiyan wa nigbagbogbo, ati ni iṣọn kanna, eyi ni diẹ fun ọkan lati ronu lori nigbati o ba de Dabblet:
Pastebin.com
Awọn olupilẹṣẹ gbogbogbo lo oju opo wẹẹbu lati ṣafipamọ koodu orisun tabi awọn ajẹku data atunto. Sibẹsibẹ, ẹnikẹni le fi ọrọ eyikeyi si aaye ti a pese.
JS Bin
JS Bin jẹ ohun elo idanwo ọfẹ fun JavaScript. Abajade naa le jẹ pinpin nipasẹ URL kukuru ni kete ti Javascript ti wa ni titẹ si inu iwe kan ati HTML ni ekeji. Ṣe lilo akojọ aṣayan ti o jẹ ki o yan lati diẹ ninu awọn ile-ikawe JS ti o wọpọ julọ lo.
CssDeck
Ọpa yii jẹ nla fun ṣiṣẹda ati paarọ awọn ọran idanwo pẹlu awọn miiran ti o le ṣe iranlọwọ fun ọ ninu awọn ipa ifaminsi rẹ. Pẹlu awọn aṣayan pupọ, o le paapaa ṣe ifowosowopo lori awọn iṣẹ akanṣe lẹsẹkẹsẹ pẹlu awọn olupilẹṣẹ miiran.
Plunker
Plunker jẹ pẹpẹ oni nọmba nibiti awọn olupilẹṣẹ wẹẹbu le ṣe ọpọlọ, ṣe ifowosowopo, ati pin awọn ero wọn.
Fun apẹẹrẹ, o le bẹrẹ pẹlu “Kaabo, agbaye!” eto ni eyikeyi ede ati ṣafikun awọn snippets koodu, awọn ami-ami, ati awọn sikirinisoti lati ṣẹda iriri ikẹkọ ọlọrọ.
ik Ọrọ
Ni ipari, Dabblet jẹ ohun elo ti o wulo fun awọn olupilẹṣẹ wẹẹbu, paapaa awọn ti n wa awọn ọna lati yara ati irọrun idanwo koodu wọn.
Pẹlu awọn ẹya ara ẹrọ lọpọlọpọ ati awọn iṣọpọ, o ṣoro lati ma wa lilo fun pẹpẹ yii.
Fun o kan gbiyanju loni!
Fi a Reply