Da li ste ikada poželjeli da postoji web aplikacija ili ekstenzija koja vam omogućava kreiranje i dijeljenje prototipova korisničkog sučelja u hodu?
Svi radimo! Svi imamo ideje o tome kako želimo da naše web stranice 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 uradili?
Sada morate pronaći način da to podijelite. Ovo može potrajati danima, čak i sedmicama, ako pokušavate podijeliti prilično složen dizajn.
Nema razloga da čekate da napravite prototipove web aplikacija. Kreirajte ih sada uz Dabblet.
Prevucite i ispustite elemente, stilizujte i sačuvajte ih. Pošaljite ga dizajneru na pregled ili ga jednostavno kopirajte u prezentaciju. Mogućnosti su beskrajne.
Šta je Dabblet?
korišćenje dabblet, možete eksperimentisati sa malim isječcima CSS i HTML koda u realnom vremenu.
Neće vam trebati nikakvi prefiksi u vašem CSS kodu kada ovo koristite. GitHub suštine vam omogućavaju da pohranite svoj sadržaj, objavite ga na drugim stranicama i podijelite s drugima.
Ovo je odličan način da podijelite isječke koda s drugim programerima i dobijete povratne informacije.
Kako funkcionira?
Čim se kod otkuca, vizuelni izlaz je odmah vidljiv na njemu. JavaScript je jedini izuzetak, s obzirom da bi bilo iritantno pokretati ga pri svakom pritisku tipke i čak može uzrokovati da pretraživač postane neupotrebljiv u određenim situacijama.
Korištenje opcije “Run JS” na kartici JavaScript ili prečice na tipkovnici (Ctrl + Enter ili Cmd + Enter) pokrenut će JavaScript kada se pokrene Dabblet. Izbornik opcija vam omogućava da promijenite ovaj stil.
Kao programer, možete se prebacivati između kodiranja na sva tri ova jezika istovremeno ili vidjeti gotov proizvod.
Značajke
Slijede karakteristike 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 realnom 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 kucate. Također možete odabrati da sakrijete okvir za kod ako želite.
Automatsko dovršavanje: Dabblet nudi automatsko dovršavanje za CSS svojstva i vrijednosti. Ovo može biti od velike pomoći kada kreirate ili uređujete stilove.
Unaprijed izgrađeni CSS stilovi: Možete pristupiti unaprijed napravljenim CSS stilovima sa popularnih web stranica. Oni se mogu koristiti za brzo i jednostavno dodavanje stilova na vlastitu web stranicu.
Podrška za suštinu: Dabblet podržava GitHub Gists, omogućavajući vam da lako pohranite i podijelite svoje isječke koda s drugima.
Live Preview: Rezultate promjena koda možete vidjeti u realnom vremenu bez ponovnog učitavanja stranice. Na primjer, ako promijenite boju teksta, vidjet ćete promjenu koja se odražava na tekstu dok kucate.
Prečice na tastaturi: Dabblet ima prečice na tastaturi za uobičajene zadatke, kao što je dodavanje novog stilskog pravila ili komentarisanje.
Više načina prikaza: Dabblet nudi više načina prikaza, što vam omogućava da vidite kod i rezultate jedan pored drugog ili iznad i ispod drugog.
pros
- Brzi CSS
- Čak i ako ste prijavljeni, još uvijek možete sačuvati anonimno.
- Inline preglednici CSS vrijednosti za različite parametre kao što su uglovi, boje, trajanje itd.
- Sve je XHR-ed, tako da se stranica nikada ne osvježava, čak ni kada snimite.
- Prečica na tastaturi u izobilju.
- Sav kod je automatski formatiran (osim za markdown).
- Čvrsta dokumentacija od samog početka.
Cons
- Interfejs je u početku malo preopterećen, ali naviknete se na njega.
- Nema funkcija upravljanja na nivou projekta (još).
Dabble Integrations
Svaka platforma treba da se integriše sa drugim servisima, a Dabblet nije izuzetak. Sljedeće su neke od integracija koje Dabblet nudi:
Google Analytics
Možete jednostavno dodati svoj Google Analytics kôd za praćenje na Dabblet stranice. Ovo će vam omogućiti da pratite prikaze stranica i druge statistike za vaš Dabblet.
Ubuntu
Dabblet se može koristiti za kreiranje Ubuntu tema. Možete kreirati novi Dabblet, dodati CSS i HTML kod i pregledati temu u web pretraživaču.
DigitalOcean
Jedinstvena kompanija za hosting u oblaku pruža usluge računarstva u oblaku preduzećima, omogućavajući im da efikasnije razvijaju svoje poslovanje.
Šta Dabblet radi s tim?
Sada možete kreirati, upravljati i implementirati svoje Dabblete DigitalOcean Spaces.
Ovo vam omogućava da sve svoje isječke koda držite na jednom mjestu i olakšava njihovo dijeljenje s drugima.
Alternative For Dabblets
Alternative su uvijek prisutne, a na isti način, evo nekoliko o kojima treba razmisliti kada je Dabblet u pitanju:
pastebin.com
Programeri općenito koriste web stranicu za spremanje izvornog koda ili fragmenata konfiguracijskih podataka. Međutim, svako može staviti bilo koji tekst u predviđeni prostor.
JS Bin
JS Bin je besplatni alat za testiranje za JavaScript. Rezultat se može podijeliti putem kratkog URL-a nakon što se u jedno okno unese Javascript, a u drugi HTML. Iskoristite meni koji vam omogućava da izaberete neke od najčešće korišćenih JS biblioteka.
CssDeck
Ovaj alat je odličan za kreiranje i razmjenu test slučajeva s drugima koji vam mogu pomoći u vašim nastojanjima kodiranja. Uz različite opcije, možete čak i trenutno sarađivati na projektima s drugim programerima.
Plunker
Plunker je digitalna platforma na kojoj web programeri mogu razmišljati, sarađivati i dijeliti svoje misli.
Na primjer, možete započeti s "Zdravo, svijete!" programirajte na bilo kojem jeziku i dodajte isječke koda, oznake i snimke ekrana kako biste stvorili bogato iskustvo učenja.
Konačnu riječ
U zaključku, Dabblet je koristan alat za web programere, posebno one koji traže načine da brzo i jednostavno testirati njihov kod.
Sa svojim različitim karakteristikama i integracijama, teško je ne pronaći upotrebu za ovu platformu.
Isprobajte ga danas!
Ostavite odgovor