Вы калі-небудзь жадалі, каб было вэб-прыкладанне або пашырэнне, якія дазваляюць ствараць і абменьвацца прататыпамі карыстальніцкага інтэрфейсу на хаду?
Мы ўсе так! Ва ўсіх нас ёсць ідэі аб тым, як мы хочам, каб нашы сайты або праграмы выглядалі і адчувалі сябе.
Такім чынам, вы прыдумалі сапраўды выдатны дызайн і не можаце дакладна ўспомніць, як вы гэта зрабілі?
Цяпер вы павінны знайсці спосаб падзяліцца ім. Гэта можа заняць дні, нават тыдні, калі вы спрабуеце абагуліць даволі складаны дызайн.
Няма прычын чакаць стварэння прататыпаў вэб-прыкладанняў. Стварыце іх зараз з Dabblet.
Перацягнуць элементы, стылізаваць і захаваць. Адпраўце яго на агляд дызайнеру або проста скапіруйце ў прэзентацыю. Магчымасці бязмежныя.
Што такое Dabblet?
Выкарыстанне Дабблэт, вы можаце эксперыментаваць з невялікімі фрагментамі кода CSS і HTML у рэжыме рэальнага часу.
Пры выкарыстанні гэтага вам не спатрэбяцца прэфіксы ў кодзе CSS. Гісты GitHub дазваляюць захоўваць ваш кантэнт, размяшчаць яго на іншых сайтах і дзяліцца ім з іншымі.
Гэта выдатны спосаб падзяліцца фрагментамі кода з іншымі распрацоўшчыкамі і атрымаць зваротную сувязь.
Як гэта працуе?
Як толькі код набіраецца, візуальны вынік імгненна бачны па-над ім. JavaScript з'яўляецца адзіным выключэннем, улічваючы, што запускаць яго пры кожным націсканні клавішы было б раздражняльна і нават можа прывесці да таго, што браўзер стане непрыдатным для выкарыстання ў пэўных сітуацыях.
Выкарыстанне опцыі «Запусціць JS» на ўкладцы JavaScript або спалучэння клавіш (Ctrl + Enter або Cmd + Enter) запускае JavaScript пры запуску Dabblet. Меню параметраў дазваляе змяніць гэты стыль.
Як распрацоўшчык, вы можаце пераключацца паміж кадзіраваннем на ўсіх трох гэтых мовах адначасова або праглядам гатовага прадукту.
Асаблівасці
Ніжэй прыведзены функцыі Dabblet, пра якія вы павінны ведаць:
Хуткае рэдагаванне CSS: Вы можаце хутка дадаваць, рэдагаваць і выдаляць уласцівасці CSS. Змены будуць адлюстроўвацца на старонцы ў рэжыме рэальнага часу.
Падсвятленне сінтаксісу: CSS і HTML-код вылучаны сінтаксісам, што робіць яго лёгкім для чытання і разумення. Код таксама будзе правярацца па меры ўводу. Вы таксама можаце схаваць поле кода, калі хочаце.
Аўтазапаўненне: Dabblet прапануе аўтазапаўненне ўласцівасцей і значэнняў CSS. Гэта можа быць вельмі карысна, калі вы ствараеце або рэдагуеце табліцы стыляў.
Папярэдне створаныя табліцы стыляў CSS: Вы можаце атрымаць доступ да гатовых табліц стыляў CSS з папулярных вэб-сайтаў. Іх можна выкарыстоўваць для хуткага і лёгкага дадання стыляў да вашага вэб-сайта.
Падтрымка Gist: Dabblet падтрымлівае GitHub Gists, што дазваляе вам лёгка захоўваць і абменьвацца фрагментамі кода з іншымі.
Анлайн-прагляд: Вы можаце бачыць вынікі змяненняў вашага кода ў рэжыме рэальнага часу без перазагрузкі старонкі. Напрыклад, калі вы зменіце колер тэксту, вы ўбачыце змяненне, якое адлюстроўваецца на тэксце падчас набору.
Спалучэння клавіш: У Dabblet ёсць спалучэнні клавіш для звычайных задач, такіх як даданне новага правіла стылю або каментарый.
Некалькі рэжымаў прагляду: Dabblet прапануе некалькі рэжымаў прагляду, якія дазваляюць бачыць код і вынікі побач або вышэй і ніжэй адзін аднаго.
Прафесіяналы
- Хуткі CSS
- Нават калі вы ўвайшлі ў сістэму, вы ўсё яшчэ можаце захоўваць інкогніта.
- Убудаваныя сродкі папярэдняга прагляду значэнняў CSS для розных параметраў, такіх як вуглы, колеры, працягласць і г.д.
- Усё ў фармаце XHR, таму старонка ніколі не абнаўляецца, нават калі вы захоўваеце.
- Мноства спалучэнняў клавіш.
- Увесь код фарматуецца аўтаматычна (за выключэннем разметкі).
- Надзейная дакументацыя з самага пачатку.
мінусы
- Інтэрфейс спачатку крыху ашаламляльны, але вы прызвычаіцеся.
- Няма функцый кіравання на ўзроўні праекта (пакуль).
Dabblet інтэграцыі
Любая платформа павінна інтэгравацца з іншымі сэрвісамі, і Dabblet не з'яўляецца выключэннем. Ніжэй прыведзены некаторыя інтэграцыі, якія прапануе Dabblet:
Google Analytics
Вы можаце лёгка дадаць код адсочвання Google Analytics на старонкі Dabblet. Гэта дазволіць вам адсочваць прагляды старонак і іншую статыстыку для вашага Dabblet.
Ubuntu
Dabblet можна выкарыстоўваць для стварэння тэм Ubuntu. Вы можаце стварыць новы Dabblet, дадаць код CSS і HTML і праглядзець тэму ў вэб-браўзеры.
DigitalOcean
Адзіная ў сваім родзе кампанія, якая займаецца воблачным хостынгам, прадастаўляе паслугі воблачных вылічэнняў прадпрыемствам, дазваляючы ім больш эфектыўна развіваць сваю дзейнасць.
Што з гэтым робіць Dabblet?
Цяпер вы можаце ствараць, кіраваць і разгортваць свае Dabblets на Прасторы DigitalOcean.
Гэта дазваляе захоўваць усе вашыя фрагменты кода ў адным месцы і дазваляе лёгка дзяліцца імі з іншымі.
Альтэрнатывы для Dabblets
Альтэрнатывы заўсёды прысутнічаюць, і ў тым жа духу, вось некалькі для разважання, калі справа даходзіць да Dabblet:
Pastebin.com
Праграмісты звычайна выкарыстоўваюць вэб-сайт для захавання зыходнага кода або фрагментаў дадзеных канфігурацыі. Тым не менш, кожны можа змясціць любы тэкст у адведзенае месца.
JS Бін
JS Bin - гэта бясплатны інструмент тэсціравання JavaScript. Вынікам можна абагуліць праз кароткі URL пасля таго, як Javascript будзе ўведзены ў адну панэль, а HTML - у іншую. Скарыстайцеся меню, якое дазваляе выбіраць з некаторых з найбольш часта выкарыстоўваюцца бібліятэк JS.
CssDeck
Гэты інструмент выдатна падыходзіць для стварэння і абмену тэстамі з іншымі, хто можа дапамагчы вам у вашых намаганнях па кадаванні. Дзякуючы розным варыянтам, вы нават можаце імгненна супрацоўнічаць над праектамі з іншымі праграмістамі.
Plunker
Plunker - гэта лічбавая платформа, дзе вэб-распрацоўшчыкі могуць праводзіць мазгавы штурм, супрацоўнічаць і дзяліцца сваімі думкамі.
Напрыклад, вы можаце пачаць з "Прывітанне, свет!" праграмуйце на любой мове і дадавайце фрагменты кода, адзнакі і скрыншоты, каб стварыць насычаны вопыт навучання.
Заключнае слова
У заключэнне, Dabblet - гэта карысны інструмент для вэб-распрацоўшчыкаў, асабліва тых, хто шукае спосабы хутка і лёгка праверыць іх код.
З яе рознымі функцыямі і інтэграцыямі цяжка не знайсці прымянення для гэтай платформы.
Паспрабуйце сёння!
Пакінуць каментар