A keni dashur ndonjëherë të kishte një aplikacion uebi ose shtesë që ju lejon të krijoni dhe ndani prototipe të ndërfaqes së përdoruesit menjëherë?
Ne të gjithë bëjmë! Të gjithë kemi ide se si duam të duken dhe të ndjehen faqet ose aplikacionet tona.
Pra, keni ardhur me një dizajn vërtet të mrekullueshëm dhe nuk e mbani mend saktësisht se si e keni bërë atë?
Tani ju duhet të gjeni një mënyrë për ta ndarë atë. Kjo mund të marrë ditë, madje edhe javë, nëse po përpiqeni të ndani një dizajn mjaft kompleks.
Nuk ka asnjë arsye për të pritur për të bërë prototipet e aplikacionit tuaj të internetit. Krijoni ato tani me Dabblet.
Zvarrit dhe lësho elemente, stilo dhe ruaje. Dërgojini një projektuesi për shqyrtim ose thjesht kopjojeni atë në një prezantim. Mundësitë janë të pafundme.
Çfarë është Dabblet?
Përdorim Daltë, mund të eksperimentoni me copa të vogla të kodit CSS dhe HTML në kohë reale.
Nuk do t'ju duhet asnjë prefikse në kodin tuaj CSS kur e përdorni këtë. Thelbi i GitHub ju lejon të ruani përmbajtjen tuaj, ta postoni në sajte të tjera dhe ta ndani me të tjerët.
Kjo është një mënyrë e shkëlqyer për të ndarë copat e kodit me zhvilluesit e tjerë dhe për të marrë komente.
Si funksionon?
Sapo të shtypet kodi, dalja vizuale është e dukshme menjëherë mbi të. JavaScript është përjashtimi i vetëm, duke pasur parasysh se do të ishte irrituese ta përdorni atë në çdo shtypje tasti dhe madje mund të shkaktojë që shfletuesi të bëhet i papërdorshëm në situata të caktuara.
Përdorimi i opsionit "Run JS" në skedën JavaScript ose shkurtoren e tastierës (Ctrl + Enter ose Cmd + Enter) do të ekzekutojë JavaScript kur të ekzekutohet një Dabblet. Menyja e opsioneve ju lejon të ndryshoni këtë stil.
Si zhvillues, mund të kaloni midis kodimit në të tre këto gjuhë njëkohësisht ose duke parë produktin e përfunduar.
karakteristika
Më poshtë janë veçoritë e Dabblet për të cilat duhet të dini:
Redaktimi i shpejtë i CSS: Mund të shtoni, modifikoni dhe hiqni shpejt vetitë CSS. Ndryshimet do të pasqyrohen në faqe në kohë reale.
Theksimi i sintaksës: Kodi CSS dhe HTML janë sintaksë të theksuar, duke e bërë të lehtë për t'u lexuar dhe kuptuar. Kodi do të vërtetohet gjithashtu ndërsa shkruani. Ju gjithashtu mund të zgjidhni të fshehni kutinë e kodit nëse dëshironi.
Plotësimi automatik: Dabblet ofron plotësim automatik për vetitë dhe vlerat e CSS. Kjo mund të jetë shumë e dobishme kur krijoni ose redaktoni fletë stili.
Fletët e stileve CSS të para-ndërtuara: Ju mund të përdorni fletët e stilit CSS të para-ndërtuara nga faqet e internetit të njohura. Këto mund të përdoren për të shtuar shpejt dhe me lehtësi stile në faqen tuaj të internetit.
Mbështetja kryesore: Dabblet mbështet GitHub Gists, duke ju lejuar të ruani dhe ndani me lehtësi copat e kodit tuaj me të tjerët.
Paraqitja e Jetës: Ju mund t'i shihni rezultatet e ndryshimeve të kodit tuaj në kohë reale pa e ringarkuar faqen. Për shembull, nëse ndryshoni ngjyrën e një teksti, do të shihni ndryshimin e reflektuar në tekst ndërsa shkruani.
Shkurtoret e tastierës: Dabblet ka shkurtore të tastierës për detyrat e zakonshme, të tilla si shtimi i një rregulli të ri stili ose komentimi.
Mënyra të shumta shikimi: Dabblet ofron mënyra të shumta shikimi, të cilat ju lejojnë të shihni kodin dhe rezultatet krah për krah ose sipër dhe poshtë njëri-tjetrit.
rekuizitë
- CSS e shpejtë
- Edhe nëse jeni identifikuar, mund të ruani përsëri në mënyrë të fshehtë.
- Parashikuesit e vlerave CSS në linjë për parametra të ndryshëm si këndet, ngjyrat, kohëzgjatja, etj.
- Gjithçka është XHR-ed, kështu që faqja nuk rifreskohet kurrë, as kur kurseni.
- Shumë shkurtore të tastierës.
- I gjithë kodi është i formatuar automatikisht (përveç shënimit).
- Dokumentacion solid që nga fillimi.
Cons
- Ndërfaqja është pak dërrmuese në fillim, por ju mësoheni me të.
- Nuk ka veçori të menaxhimit të nivelit të projektit (ende).
Integrimet Dabblet
Çdo platformë duhet të integrohet me shërbime të tjera, dhe Dabblet nuk bën përjashtim. Më poshtë janë disa nga integrimet që ofron Dabblet:
Google Analytics
Mund të shtoni lehtësisht kodin tuaj të gjurmimit të Google Analytics në faqet Dabblet. Kjo do t'ju lejojë të gjurmoni pamjet e faqeve dhe statistika të tjera për Dabblet-in tuaj.
Ubuntu
Dabblet mund të përdoret për të krijuar tema të Ubuntu. Mund të krijoni një Dabblet të ri, të shtoni kodin CSS dhe HTML dhe ta shikoni paraprakisht temën në një shfletues ueb.
DigitalOcean
Një kompani e veçantë e pritjes në renë kompjuterike ofron shërbime kompjuterike cloud për bizneset, duke i lejuar ata të rrisin operacionet e tyre në mënyrë më efikase.
Çfarë bën Dabblet me të?
Tani mund të krijoni, menaxhoni dhe vendosni Dabblets tuaj në Hapësirat e Oqeanit Dixhital.
Kjo ju lejon të mbani të gjitha pjesët e kodit tuaj në një vend dhe e bën të lehtë ndarjen e tyre me të tjerët.
Alternativat për Dabblets
Alternativat janë gjithmonë të pranishme, dhe në të njëjtën mënyrë, këtu janë disa për të medituar kur bëhet fjalë për Dabblet:
pastebin.com
Programuesit në përgjithësi përdorin faqen e internetit për të ruajtur kodin burimor ose fragmente të të dhënave të konfigurimit. Megjithatë, çdokush mund të vendosë çdo tekst në hapësirën e dhënë.
JS Bin
JS Bin është një mjet testimi falas për JavaScript. Rezultati mund të ndahet përmes një URL të shkurtër pasi Javascript të jetë futur në një panel dhe HTML në tjetrin. Përdorni një menu që ju lejon të zgjidhni nga disa prej bibliotekave JS më të përdorura.
CssDeck
Ky mjet është i shkëlqyeshëm për krijimin dhe shkëmbimin e rasteve të testimit me të tjerët që mund t'ju ndihmojnë në përpjekjet tuaja për kodim. Me opsione të ndryshme, madje mund të bashkëpunoni në projekte menjëherë me programues të tjerë.
Plunker
Plunker është një platformë dixhitale ku zhvilluesit e uebit mund të krijojnë ide, të bashkëpunojnë dhe të ndajnë mendimet e tyre.
Për shembull, mund të filloni me një "Përshëndetje, botë!" programoni në çdo gjuhë dhe shtoni copa kodi, shënime dhe pamje nga ekrani për të krijuar një përvojë të pasur mësimi.
Fjala Final
Si përfundim, Dabblet është një mjet i dobishëm për zhvilluesit e uebit, veçanërisht ata që kërkojnë mënyra për të shpejt dhe me lehtësi testoni kodin e tyre.
Me veçoritë dhe integrimet e tij të ndryshme, është e vështirë të mos gjesh një përdorim për këtë platformë.
Provojeni sot!
Lini një Përgjigju