Дали некогаш сте посакале да постои веб-апликација или екстензија што ви дозволува да креирате и споделувате прототипови на интерфејс во лет?
Ние сите го правиме тоа! Сите ние имаме идеи за тоа како сакаме да изгледаат и да се чувствуваат нашите сајтови или апликации.
Значи, дојдовте до навистина одличен дизајн и не можете точно да се сетите како го направивте тоа?
Сега треба да најдете начин да го споделите. Ова може да потрае неколку дена, па дури и недели, ако се обидувате да споделите прилично сложен дизајн.
Нема причина да чекате да направите прототипови на вашата веб-апликација. Создадете ги сега со Dabblet.
Влечете и испуштете елементи, стилизирајте и зачувајте ги. Испратете го на дизајнер за преглед или едноставно копирајте го во презентација. Можностите се бескрајни.
Што е Даблет?
Користење Даблет, можете да експериментирате со мали фрагменти од CSS и HTML код во реално време.
Нема да ви требаат никакви префикси во вашиот CSS код кога го користите ова. Суштините на GitHub ви дозволуваат да ја складирате вашата содржина, да ја објавувате на други сајтови и да ја споделувате со други.
Ова е одличен начин за споделување фрагменти од код со други програмери и за добивање повратни информации.
Како работи?
Веднаш штом ќе се напише кодот, визуелниот излез е веднаш видлив над него. Го вклучите Javascript- е единственото исклучување, имајќи предвид дека би било иритирачко да се активира при секое притискање на тастатурата, па дури и може да предизвика прелистувачот да стане неупотреблив во одредени ситуации.
Користењето на опцијата „Изврши JS“ во јазичето JavaScript или кратенката на тастатурата (Ctrl + Enter или Cmd + Enter) ќе работи JavaScript кога се извршува Dabblet. Менито со опции ви овозможува да го промените овој стил.
Како развивач, можете да се префрлате помеѓу кодирање на сите три јазици истовремено или гледање на готовиот производ.
Карактеристики
Следниве се карактеристиките на Dabblet за кои треба да знаете:
Брзо уредување на CSS: Можете брзо да додавате, уредувате и отстранувате CSS својства. Промените ќе се одразат на страницата во реално време.
Истакнување на синтакса: CSS и HTML кодот се означени со синтакса, што го прави лесен за читање и разбирање. Кодот исто така ќе се потврдува додека пишувате. Можете исто така да изберете да го скриете полето за код ако сакате.
Автоматско комплетирање: Dabblet нуди автоматско комплетирање за својствата и вредностите на CSS. Ова може да биде многу корисно кога креирате или уредувате листови со стилови.
Претходно изградени листови со стилови на CSS: Можете да пристапите до претходно изградени CSS листови со стилови од популарни веб-локации. Овие можат да се користат за брзо и лесно додавање стилови на вашата веб-локација.
Главна поддршка: Dabblet поддржува GitHub Gists, овозможувајќи ви лесно да ги складирате и споделувате вашите фрагменти од код со други.
Преглед во живо: Можете да ги видите резултатите од промените на вашиот код во реално време без повторно да ја вчитате страницата. На пример, ако ја промените бојата на текстот, ќе ја видите промената што се рефлектира на текстот додека пишувате.
Кратенки за тастатура: Dabblet има кратенки на тастатурата за вообичаени задачи, како што се додавање ново правило за стил или коментирање.
Повеќекратни режими на приказ: Dabblet нуди повеќе режими на приказ, што ви овозможува да ги гледате кодот и резултатите еден до друг или над и под друг.
Добрите
- Брз CSS
- Дури и ако сте најавени, сепак може да зачувате инкогнито.
- Вградени прегледувачи на вредности на CSS за различни параметри како агли, бои, времетраење итн.
- Сè е XHR-ed, така што страницата никогаш не се освежува, дури ни кога зачувувате.
- Кратенки на тастатура изобилство.
- Целиот код е автоматски форматиран (освен за означување).
- Солидна документација од самиот почеток.
Конс
- Интерфејсот е малку поразителен на почетокот, но се навикнувате на него.
- Нема функции за управување на ниво на проект (сè уште).
Dabblet интеграции
Секоја платформа треба да се интегрира со други услуги, а Dabblet не е исклучок. Следниве се некои од интеграциите што ги нуди Dabblet:
Google Analytics
Можете лесно да го додадете вашиот код за следење на Google Analytics на страниците на Dabblet. Ова ќе ви овозможи да ги следите прегледите на страниците и другите статистички податоци за вашиот Dabblet.
Ubuntu
Dabblet може да се користи за креирање теми на Ubuntu. Можете да креирате нов Dabblet, да додавате CSS и HTML код и да ја прегледате темата во веб-прелистувач.
Дигитален океан
Една единствена компанија за хостирање на облак обезбедува услуги за компјутерски облак за бизнисите, овозможувајќи им да ги развиваат своите операции поефикасно.
Што прави Даблет со тоа?
Сега можете да ги креирате, управувате и распоредите вашите Dabblets на Дигитални океански простори.
Ова ви овозможува да ги чувате сите ваши фрагменти од кодот на едно место и го олеснува нивното споделување со други.
Алтернативи за Dabblets
Алтернативите се секогаш присутни, и во иста насока, еве неколку за кои треба да размислите кога станува збор за Даблет:
Pastebin.com
Програмерите обично ја користат веб-локацијата за да зачуваат изворен код или фрагменти од конфигурациски податоци. Сепак, секој може да стави каков било текст во дадениот простор.
JS Bin
JS Bin е бесплатна алатка за тестирање за JavaScript. Резултатот може да се сподели преку кратка URL-адреса штом ќе се внесе Javascript во едното окно и HTML во другото. Користете мени што ви овозможува да изберете од некои од најчесто користените JS библиотеки.
CssDeck
Оваа алатка е одлична за креирање и размена на тест случаи со други кои можат да ви помогнат во вашите напори за кодирање. Со различни опции, можете дури и да соработувате на проекти веднаш со други програмери.
Плункер
Plunker е дигитална платформа каде што веб-програмерите можат да размислуваат, да соработуваат и да ги споделат своите мисли.
На пример, можете да започнете со „Здраво, свето!“ програмирајте на кој било јазик и додајте фрагменти од код, ознаки и слики од екранот за да создадете богато искуство за учење.
Последниот збор
Како заклучок, Dabblet е корисна алатка за веб-програмерите, особено оние кои бараат начини за брзо и лесно тестирајте го нивниот код.
Со неговите различни карактеристики и интеграции, тешко е да не се најде употреба за оваа платформа.
Пробајте го денес!
Оставете Одговор