Vulete mai chì ci sia una app web o una estensione chì vi permette di creà è sparte prototipi di UI à a mosca?
Facemu tutti ! Avemu tutti l'idee di cumu vulemu chì i nostri siti o appiicazioni parenu è sentenu.
Allora, avete ghjuntu cun un disignu veramente grande è ùn vi ricurdate micca esattamente cumu avete fattu?
Avà vi tocca à truvà una manera di sparte lu. Questu pò piglià ghjorni, ancu settimane, sè vo circate di sparte un disignu abbastanza cumplessu.
Ùn ci hè nisuna ragione per aspittà per fà i vostri prototipi di l'app web. Crea li avà cù Dabblet.
Drag and drop elements, style, and save it. Mandatelu à un designer per rivisione o simpricimenti copiallu in una presentazione. E pussibulità sò infinite.
Cosa hè Dabblet?
Praticà scherzu, pudete sperimentà cù picculi frammenti di codice CSS è HTML in tempu reale.
Ùn avete bisognu di prefissi in u vostru codice CSS quandu utilizate questu. GitHub gists permettenu di almacenà u vostru cuntenutu, pubblicà in altri siti, è sparte cù l'altri.
Questu hè un bonu modu per sparte frammenti di codice cù altri sviluppatori è uttene feedback.
Cumu opera?
Appena u codice hè digitatu, l'output visuale hè immediatamente visibile sopra. JavaScript hè l'esenzione solitaria, cunziddi chì saria irritante per eseguisce nantu à ogni tastu è pò ancu fà chì u navigatore diventerà inutilizabile in certe situazioni.
Utilizendu l'opzione "Esegui JS" in a tabulazione JavaScript o a scurciatoia di tastiera (Ctrl + Enter o Cmd + Enter) eseguirà JavaScript quandu un Dabblet corre. U menu d'opzioni permette di cambià stu stile.
Cum'è sviluppatore, pudete cambià trà codificazione in tutte e trè lingue simultaneamente o vede u pruduttu finitu.
Features
Eccu e caratteristiche di Dabblet chì duvete sapè:
Edizione rapida di CSS: Pudete aghjunghje, edità è sguassà rapidamente e proprietà CSS. I cambiamenti seranu riflessi nantu à a pagina in tempu reale.
Evidenziazione di sintassi: U codice CSS è HTML sò sintassi evidenziati, facendu faciule di leghje è capisce. U codice serà ancu cunvalidatu mentre scrive. Pudete ancu sceglie di ammuccià a casella di codice se preferite.
Cumpletu automaticamente: Dabblet offre un cumpletu automaticu per e proprietà è i valori CSS. Questu pò esse assai utile quandu creanu o edità fogli di stile.
Fogli di stile CSS predefiniti: Pudete accede à i fogli di stile CSS pre-custruiti da siti web populari. Queste ponu esse usate per aghjunghje rapidamente è facilmente stili à u vostru situ web.
Supportu Gist: Dabblet supporta GitHub Gists, chì vi permette di almacenà è sparte i vostri snippets di codice cù l'altri facilmente.
Live Preview: Pudete vede i risultati di i vostri cambiamenti di codice in tempu reale senza reloading a pagina. Per esempiu, se cambiate u culore di un testu, vi vede u cambiamentu riflessu nantu à u testu mentre scrive.
Accurtatoghji Tastiera: Dabblet hà accurtatoghji di tastiera per i travaglii cumuni, cum'è aghjunghje una nova regula di stile o cummentarii.
Modi di vista multipli: Dabblet offre parechje modi di vista, chì permette di vede u codice è i risultati side-by-side o sopra è sottu à l'altru.
Runzinu
- CSS rapidu
- Ancu s'è vo site firmatu, pudete ancu salvà incognito.
- Previewers di valore CSS in linea per diversi parametri cum'è anguli, culori, durata, etc.
- Tuttu hè XHR-ed, cusì a pagina ùn si rinfriscà mai, mancu quandu salvate.
- Scorciatoie da tastiera in abbondanza.
- Tuttu u codice hè furmatu automaticamente (eccettu per markdown).
- Documentazione solida da u principiu.
Cons
- L'interfaccia hè un pocu eccessiva in prima, ma avete abituatu.
- Nisuna funziunalità di gestione à livellu di prughjettu (ancora).
Integrazioni Dabblet
Ogni piattaforma hà bisognu di integrà cù altri servizii, è Dabblet ùn hè micca escepzione. Eccu alcuni di l'integrazioni chì Dabblet offre:
Google Analytics
Pudete facilmente aghjunghje u vostru codice di seguimentu di Google Analytics à e pagine Dabblet. Questu permetterà di seguità a pagina di vista è altre statistiche per u vostru Dabblet.
Ubuntu
Dabblet pò esse usatu per creà temi Ubuntu. Pudete creà un novu Dabblet, aghjunghje CSS è codice HTML, è vede in anteprima u tema in un navigatore web.
Digital Ocean
Una sucietà di hosting cloud unica furnisce servizii di cloud computing à l'imprese, chì li permettenu di cultivà e so operazioni in modu più efficiente.
Chì faci Dabblet cun ellu?
Pudete avà creà, gestisce è implementà i vostri Dabblets Spazi Digitali Oceanu.
Questu permette di mantene tutti i vostri snippets di codice in un locu è facilita à sparte cù l'altri.
Alternative à Dabblets
L'alternative sò sempre prisenti, è in a listessa fila, eccu uni pochi per unu di medità quandu si tratta di Dabblet:
Pastebin.com
I programatori generalmente utilizanu u situ web per salvà u codice fonte o frammenti di dati di cunfigurazione. Tuttavia, qualcunu pò mette qualsiasi testu in u spaziu furnitu.
JS Bin
JS Bin hè un strumentu di prova gratuitu per JavaScript. U risultatu pò esse spartutu attraversu un URL cortu una volta chì Javascript hè statu inseritu in un pane è HTML in l'altru. Aduprate un menù chì vi permette di selezziunà da alcune di e librerie JS più usate.
CssDeck
Questu strumentu hè grande per creà è scambià casi di teste cù altri chì ponu aiutà in i vostri sforzi di codificazione. Cù diverse opzioni, pudete ancu cullaburà in i prughjetti istantaneamente cù altri programatori.
Plunker
Plunker hè una piattaforma digitale induve i sviluppatori web ponu brainstorming, collaborà è sparte i so pinsamenti.
Per esempiu, pudete inizià cù un "Hello, world!" prugramma in ogni lingua è aghjunghje snippets di codice, markdowns, è screenshots per creà una ricca sperienza di apprendimentu.
Parola Finima
In cunclusioni, Dabblet hè un strumentu utile per i sviluppatori web, in particulare quelli chì cercanu modi per fà rapidamente è facilmente pruvà u so codice.
Cù e so diverse funzioni è integrazioni, hè difficiule di truvà un usu per sta piattaforma.
Pruvate oghje!
Lascia un Audiolibro