Jeste li ikada poželjeli da postoji web aplikacija ili proširenje koje vam omogućuje stvaranje i dijeljenje prototipova korisničkog sučelja u hodu?
Svi mi to činimo! Svi imamo ideje o tome kako želimo da naše web-lokacije ili aplikacije izgledaju i kako se osjećaju.
Dakle, došli ste do stvarno sjajnog dizajna i ne možete se točno sjetiti kako ste to napravili?
Sada morate pronaći način da to podijelite. To može potrajati danima, čak i tjednima, ako pokušavate podijeliti prilično složen dizajn.
Nema razloga čekati da napravite prototipove web aplikacija. Stvorite ih sada uz Dabblet.
Povucite i ispustite elemente, stilizirajte i spremite ih. Pošaljite ga dizajneru na pregled ili ga jednostavno kopirajte u prezentaciju. Mogućnosti su beskrajne.
Što je Dabblet?
Korištenje dabblet, možete eksperimentirati s malim isječcima CSS i HTML koda u stvarnom vremenu.
Nećete trebati nikakve prefikse u vašem CSS kodu kada koristite ovo. GitHub suštine omogućuju vam da pohranite svoj sadržaj, objavite ga na drugim stranicama i podijelite s drugima.
Ovo je sjajan način za dijeljenje isječaka koda s drugim programerima i dobivanje povratnih informacija.
Kako djeluje?
Čim se kod upiše, vizualni izlaz je odmah vidljiv na njemu. JavaScript je jedini izuzetak, s obzirom na to da bi bilo iritantno pokretati ga pri svakom pritisku tipke i čak može uzrokovati da preglednik postane neupotrebljiv u određenim situacijama.
Korištenje opcije "Pokreni JS" na kartici JavaScript ili tipkovni prečac (Ctrl + Enter ili Cmd + Enter) pokrenut će JavaScript kada se Dabblet pokrene. Izbornik opcija omogućuje vam promjenu ovog stila.
Kao programer, možete se prebacivati između kodiranja na sva tri ova jezika istovremeno ili vidjeti gotov proizvod.
Značajke
Sljedeće su značajke Dabbleta o kojima biste trebali znati:
Brzo uređivanje CSS-a: Možete brzo dodavati, uređivati i uklanjati CSS svojstva. Promjene će se odraziti na stranici u stvarnom vremenu.
Isticanje sintakse: Sintaksa CSS i HTML koda je istaknuta, što ga čini lakim za čitanje i razumijevanje. Kôd će također biti potvrđen dok upisujete. Također možete odabrati da sakrijete okvir s kodom ako želite.
Automatsko dovršavanje: Dabblet nudi automatsko dovršavanje za CSS svojstva i vrijednosti. Ovo može biti vrlo korisno kada stvarate ili uređujete stilove.
Unaprijed izgrađene CSS tablice stilova: Možete pristupiti unaprijed izgrađenim CSS stilovima s popularnih web-mjesta. Oni se mogu koristiti za brzo i jednostavno dodavanje stilova na vlastitu web stranicu.
Suština podrške: Dabblet podržava GitHub Gists, omogućujući vam da lako pohranite i podijelite svoje isječke koda s drugima.
Pregled uživo: Rezultate promjena koda možete vidjeti u stvarnom vremenu bez ponovnog učitavanja stranice. Na primjer, ako promijenite boju teksta, vidjet ćete promjenu koja se odražava na tekstu dok upisujete.
Tipkovni prečaci: Dabblet ima tipkovničke prečace za uobičajene zadatke, kao što je dodavanje novog stilskog pravila ili komentiranje.
Više načina prikaza: Dabblet nudi više načina prikaza, što vam omogućuje da vidite kod i rezultate jedan pored drugog ili iznad i ispod drugog.
Prozodija
- Brzi CSS
- Čak i ako ste prijavljeni, još uvijek možete spremati anonimno.
- Inline preglednici CSS vrijednosti za različite parametre kao što su kutovi, boje, trajanje itd.
- Sve je XHR-ed, tako da se stranica nikada ne osvježava, čak ni kada spremate.
- Tipkovnički prečaci u izobilju.
- Sav kod je automatski formatiran (osim smanjenja).
- Čvrsta dokumentacija od samog početka.
Cons
- Sučelje je u početku malo nadmoćno, ali naviknete se na njega.
- Nema značajki upravljanja na razini projekta (još).
Dabblet integracije
Svaka platforma mora se integrirati s drugim uslugama, a Dabblet nije iznimka. Sljedeće su neke od integracija koje Dabblet nudi:
Google Analytics
Svoj Google Analytics kôd za praćenje možete jednostavno dodati na Dabblet stranice. To će vam omogućiti praćenje prikaza stranica i drugih statistika za vaš Dabblet.
Ubuntu
Dabblet se može koristiti za stvaranje Ubuntu tema. Možete stvoriti novi Dabblet, dodati CSS i HTML kod i pregledati temu u web-pregledniku.
DigitalOcean
Jedinstvena tvrtka za hosting u oblaku pruža usluge računalstva u oblaku tvrtkama, omogućujući im da učinkovitije razvijaju svoje poslovanje.
Što Dabblet radi s njim?
Sada možete kreirati, upravljati i implementirati svoje Dabblete Prostori DigitalOcean.
To vam omogućuje da sve svoje isječke koda držite na jednom mjestu i olakšava njihovo dijeljenje s drugima.
Alternative za kupanje
Alternative su uvijek prisutne, a na isti način, evo nekoliko o kojima treba razmisliti kada je u pitanju Dabblet:
Pastebin.com
Programeri općenito koriste web stranicu za spremanje izvornog koda ili fragmenata konfiguracijskih podataka. Međutim, svatko može staviti bilo koji tekst u predviđeni prostor.
JS Bin
JS Bin je besplatni alat za testiranje JavaScripta. Rezultat se može podijeliti putem kratkog URL-a nakon što se u jedno okno unese Javascript, a u drugo HTML. Iskoristite izbornik koji vam omogućuje odabir neke od najčešće korištenih JS biblioteka.
CssDeck
Ovaj alat je izvrstan za stvaranje i razmjenu testnih slučajeva s drugima koji vam mogu pomoći u vašim nastojanjima kodiranja. Uz razne opcije, možete čak i trenutno surađivati na projektima s drugim programerima.
Plunker
Plunker je digitalna platforma na kojoj web programeri mogu razmišljati, surađivati i dijeliti svoja razmišljanja.
Na primjer, možete započeti s "Zdravo, svijete!" programirajte na bilo kojem jeziku i dodajte isječke koda, oznake i snimke zaslona kako biste stvorili bogato iskustvo učenja.
Završna riječ
Zaključno, Dabblet je koristan alat za web programere, posebno one koji traže načine za brzo i jednostavno testirati njihov kod.
Sa svojim raznim značajkama i integracijama, teško je ne pronaći primjenu za ovu platformu.
Isprobajte ga danas!
Ostavi odgovor