V-ați dorit vreodată să existe o aplicație web sau o extensie care să vă permită să creați și să partajați prototipuri de UI din mers?
Toți facem! Cu toții avem idei despre cum vrem să arate și să se simtă site-urile sau aplicațiile noastre.
Deci, ai venit cu un design foarte grozav și nu-ți amintești exact cum ai făcut-o?
Acum trebuie să găsești o modalitate de a-l împărtăși. Acest lucru poate dura zile, chiar săptămâni, dacă încercați să împărtășiți un design destul de complex.
Nu există niciun motiv să așteptați pentru a realiza prototipurile aplicației dvs. web. Creează-le acum cu Dabblet.
Trageți și plasați elemente, stilați și salvați-le. Trimiteți-l unui designer pentru revizuire sau pur și simplu copiați-l într-o prezentare. Posibilitățile sunt nesfârșite.
Ce este Dabblet?
Utilizarea bălăceală, puteți experimenta cu mici fragmente de cod CSS și HTML în timp real.
Nu veți avea nevoie de prefixe în codul dvs. CSS când utilizați acest lucru. Esențialele GitHub vă permit să vă stocați conținutul, să îl publicați pe alte site-uri și să îl partajați altora.
Aceasta este o modalitate excelentă de a partaja fragmente de cod cu alți dezvoltatori și de a obține feedback.
Cum funcționează?
De îndată ce codul este tastat, rezultatul vizual este vizibil instantaneu deasupra acestuia. JavaScript este singura exceptare, având în vedere că ar fi iritant să-l rulați la fiecare apăsare de tastă și poate chiar face ca browserul să devină inutilizabil în anumite situații.
Utilizarea opțiunii „Run JS” din fila JavaScript sau a comenzii rapide de la tastatură (Ctrl + Enter sau Cmd + Enter) va rula JavaScript când rulează un Dabblet. Meniul de opțiuni vă permite să modificați acest stil.
În calitate de dezvoltator, puteți comuta între codarea în toate aceste trei limbi simultan sau vizualizarea produsului finit.
DESCRIERE
Următoarele sunt caracteristicile Dabblet pe care ar trebui să le cunoașteți:
Editare rapidă CSS: Puteți adăuga, edita și elimina rapid proprietăți CSS. Modificările vor fi reflectate pe pagină în timp real.
Evidențierea sintaxelor: Codul CSS și HTML sunt evidențiate de sintaxă, ceea ce îl face ușor de citit și de înțeles. Codul va fi, de asemenea, validat pe măsură ce tastați. De asemenea, puteți alege să ascundeți caseta de cod dacă preferați.
Completare automată: Dabblet oferă completare automată pentru proprietățile și valorile CSS. Acest lucru poate fi foarte util atunci când creați sau editați foi de stil.
Foi de stil CSS preconstruite: Puteți accesa foi de stil CSS prefabricate de pe site-uri web populare. Acestea pot fi folosite pentru a adăuga rapid și ușor stiluri propriului site web.
Suport general: Dabblet acceptă GitHub Gists, permițându-vă să stocați și să partajați cu ușurință fragmentele de cod cu alții.
Previzualizare live: Puteți vedea rezultatele modificărilor codului în timp real fără a reîncărca pagina. De exemplu, dacă schimbați culoarea unui text, veți vedea modificarea reflectată pe text pe măsură ce introduceți text.
Comenzi rapide de la tastatură: Dabblet are comenzi rapide de la tastatură pentru sarcini obișnuite, cum ar fi adăugarea unei noi reguli de stil sau comentarea.
Moduri de vizualizare multiple: Dabblet oferă mai multe moduri de vizualizare, care vă permit să vedeți codul și rezultatele unul lângă altul sau unul deasupra și sub celălalt.
Pro-uri
- CSS rapid
- Chiar dacă sunteți conectat, puteți salva în continuare incognito.
- Previzualizări de valori CSS în linie pentru diferiți parametri, cum ar fi unghiuri, culori, durată etc.
- Totul este format XHR, așa că pagina nu se reîmprospătează niciodată, nici măcar atunci când salvați.
- Comenzi rapide de la tastatură din belșug.
- Tot codul este auto-formatat (cu excepția reducerii).
- Documentație solidă de la început.
Contra
- Interfața este puțin copleșitoare la început, dar te obișnuiești cu ea.
- Nicio caracteristică de management la nivel de proiect (încă).
Integrari Dabblet
Orice platformă trebuie să se integreze cu alte servicii, iar Dabblet nu face excepție. Următoarele sunt câteva dintre integrările pe care le oferă Dabblet:
Google Analytics
Puteți adăuga cu ușurință codul de urmărire Google Analytics la paginile Dabblet. Acest lucru vă va permite să urmăriți vizualizările paginii și alte statistici pentru Dabblet-ul dvs.
Ubuntu
Dabblet poate fi folosit pentru a crea teme Ubuntu. Puteți crea un nou Dabblet, puteți adăuga cod CSS și HTML și puteți previzualiza tema într-un browser web.
DigitalOcean
O companie unică de găzduire în cloud oferă companiilor servicii de cloud computing, permițându-le să-și dezvolte operațiunile mai eficient.
Ce face Dabblet cu el?
Acum poți crea, gestiona și implementa Dabblets-ul tău DigitalOcean Spaces.
Acest lucru vă permite să păstrați toate fragmentele de cod într-un singur loc și să le partajați cu ușurință altora.
Alternative pentru Dabblets
Alternativele sunt întotdeauna prezente și, în aceeași ordine de idei, iată câteva la care să se gândească atunci când vine vorba de Dabblet:
Pastebin.com
Programatorii folosesc în general site-ul web pentru a salva codul sursă sau fragmente de date de configurare. Cu toate acestea, oricine poate pune orice text în spațiul prevăzut.
JS Bin
JS Bin este un instrument gratuit de testare pentru JavaScript. Rezultatul poate fi partajat printr-un URL scurt odată ce Javascript a fost introdus într-un panou și HTML în celălalt. Folosiți un meniu care vă permite să selectați dintre cele mai frecvent utilizate biblioteci JS.
CssDeck
Acest instrument este excelent pentru crearea și schimbul de cazuri de testare cu alții care vă pot ajuta în eforturile dvs. de codare. Cu diverse opțiuni, puteți chiar să colaborați la proiecte instantaneu cu alți programatori.
Plunker
Plunker este o platformă digitală în care dezvoltatorii web pot să facă brainstorming, să colaboreze și să-și împărtășească gândurile.
De exemplu, puteți începe cu un „Bună, lume!” program în orice limbă și adăugați fragmente de cod, reduceri și capturi de ecran pentru a crea o experiență de învățare bogată.
Cuvântul final
În concluzie, Dabblet este un instrument util pentru dezvoltatorii web, în special pentru cei care caută modalități de a le face rapid și ușor testați-le codul.
Cu diversele sale caracteristici și integrări, este greu să nu găsești o utilizare pentru această platformă.
Încercați azi!
Lasă un comentariu