UI прототиптерін жылдам жасауға және бөлісуге мүмкіндік беретін веб-бағдарлама немесе кеңейтім болғанын қалайсыз ба?
Біз бәріміз істейміз! Біздің сайттарымыз немесе қолданбаларымыз қалай көрінетінін және қалай көрінетінін қалайтынымыз туралы бәрімізде идеялар бар.
Сонымен, сіз шынымен керемет дизайн ойлап таптыңыз және оны қалай жасағаныңызды дәл еске түсіре алмайсыз ба?
Енді оны бөлісудің жолын табу керек. Егер сіз өте күрделі дизайнды бөлісуге тырыссаңыз, бұл бірнеше күн, тіпті апта алуы мүмкін.
Веб-бағдарламаның прототиптерін жасауды күтуге ешқандай себеп жоқ. Оларды Dabblet көмегімен қазір жасаңыз.
Элементтерді, мәнерді сүйреп апарып тастаңыз және оны сақтаңыз. Оны дизайнерге қарап шығуға жіберіңіз немесе жай ғана презентацияға көшіріңіз. Мүмкіндіктер шексіз.
Dabblet дегеніміз не?
пайдалану Дабблет, сіз нақты уақытта CSS және HTML кодының кішкене үзінділерімен тәжірибе жасай аласыз.
Мұны пайдаланған кезде CSS кодыңызда ешқандай префикстер қажет емес. GitHub түйіндері мазмұнды сақтауға, оны басқа сайттарда жариялауға және басқалармен бөлісуге мүмкіндік береді.
Бұл код үзінділерін басқа әзірлеушілермен бөлісудің және кері байланыс алудың тамаша тәсілі.
Ол қалай жұмыс істейді?
Код терілгеннен кейін бірден оның үстінде визуалды нәтиже көрінеді. JavaScript әрбір пернені басқан кезде оны іске қосу тітіркендіретінін және тіпті белгілі бір жағдайларда браузерді жарамсыз етіп жіберуі мүмкін екенін ескере отырып, жалғыз босату болып табылады.
JavaScript қойындысындағы «JS іске қосу» опциясын немесе пернелер тіркесімін (Ctrl + Enter немесе Cmd + Enter) пайдалану Dabblet іске қосылғанда JavaScript іске қосады. Параметрлер мәзірі осы стильді өзгертуге мүмкіндік береді.
Әзірлеуші ретінде сіз осы үш тілде кодтау арасында бір уақытта ауыса аласыз немесе дайын өнімді көре аласыз.
Мүмкіндіктер
Төменде сіз білуіңіз керек 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 кодын қосуға және веб-шолғышта тақырыпты алдын ала қарауға болады.
DigitalOcean
Бірегей бұлттық хостинг компаниясы бизнеске бұлттық есептеу қызметтерін ұсынады, бұл олардың операцияларын тиімдірек арттыруға мүмкіндік береді.
Даблет онымен не істейді?
Енді сіз Dabblets жасауға, басқаруға және орналастыруға болады Digital Ocean Spaces.
Бұл барлық код үзінділерін бір жерде сақтауға мүмкіндік береді және оларды басқалармен бөлісуді жеңілдетеді.
Dabblets үшін баламалар
Балама нұсқалар әрқашан бар, және дәл осы бағытта, Dabblet туралы ойлануға болатын бірнеше нәрсе бар:
Pastebin.com
Бағдарламашылар әдетте бастапқы кодты немесе конфигурация деректерінің фрагменттерін сақтау үшін веб-сайтты пайдаланады. Дегенмен, кез келген адам берілген кеңістікке кез келген мәтінді қоя алады.
JS Bin
JS Bin — JavaScript үшін тегін тестілеу құралы. Javascript бір аймаққа, ал екіншісіне HTML енгізілгеннен кейін нәтиже қысқа URL мекенжайы арқылы ортақ болуы мүмкін. Ең жиі қолданылатын JS кітапханаларының кейбірін таңдауға мүмкіндік беретін мәзірді пайдаланыңыз.
CssDeck
Бұл құрал кодтау жұмыстарында сізге көмектесе алатын басқалармен сынақ жағдайларын жасау және алмасу үшін тамаша. Әртүрлі опциялардың көмегімен сіз басқа бағдарламашылармен бірден жобаларда бірлесіп жұмыс істей аласыз.
Плункер
Plunker - веб-әзірлеушілер ми шабуылына, бірлесіп жұмыс істеуге және өз ойларымен бөлісуге болатын цифрлық платформа.
Мысалы, сіз «Сәлем, әлем!» деп бастай аласыз. Бағдарламаны кез келген тілде жасаңыз және бай оқу тәжірибесін жасау үшін код үзінділерін, белгілерді және скриншоттарды қосыңыз.
Қорытынды сөз
Қорытындылай келе, Dabblet - бұл веб-әзірлеушілер үшін пайдалы құрал, әсіресе тез және оңай жол іздейтіндер олардың кодын тексеріңіз.
Оның әртүрлі мүмкіндіктері мен интеграциялары арқылы бұл платформаны пайдалануды таба алмау қиын.
Бүгін көріңіз!
пікір қалдыру