Kívánta valaha is, hogy létezzen olyan webalkalmazás vagy bővítmény, amely lehetővé teszi felhasználói felület prototípusok létrehozását és megosztását menet közben?
Mindannyian csináljuk! Mindannyiunknak vannak elképzelései arról, hogy webhelyeinket vagy alkalmazásainkat hogyan szeretnénk kinézni és érezni.
Szóval, egy igazán nagyszerű tervet talált ki, és nem emlékszik pontosan, hogyan csinálta?
Most meg kell találnia a módját, hogy megosszák. Ez napokig, sőt hetekig is eltarthat, ha egy meglehetősen összetett tervet próbál megosztani.
Nincs miért várni a webalkalmazások prototípusainak elkészítésével. Hozza létre őket most a Dabblet segítségével.
Fogd és vidd elemeket, stílust és mentse el. Küldje el egy tervezőnek felülvizsgálatra, vagy egyszerűen másolja be egy prezentációba. A lehetőségek végtelenek.
Mi az a Dabblet?
<p></p> dabblet, kísérletezhet valós időben kis CSS- és HTML-kódrészletekkel.
Ennek használatakor nincs szükség előtagokra a CSS-kódban. A GitHub lényegi részei lehetővé teszik a tartalom tárolását, más webhelyeken való közzétételét és másokkal való megosztását.
Ez egy nagyszerű módja annak, hogy megosszon kódrészleteket más fejlesztőkkel, és visszajelzést kapjon.
Hogyan működik?
A kód begépelése után a vizuális kimenet azonnal látható a tetején. JavaScript Ez az egyetlen kivétel, tekintve, hogy bosszantó lenne minden billentyűleütéskor futtatni, és bizonyos helyzetekben a böngésző használhatatlanná válhat.
A JavaScript lapon található „JS futtatása” opció vagy a billentyűparancs (Ctrl + Enter vagy Cmd + Enter) használatával a JavaScript futtatható, amikor egy Dabblet fut. A beállítások menü lehetővé teszi ennek a stílusnak a módosítását.
Fejlesztőként válthat mindhárom nyelv kódolása és a késztermék megtekintése között.
Jellemzők
Az alábbiakban felsoroljuk a Dabblet azon funkcióit, amelyeket tudnia kell:
Gyors CSS szerkesztés: Gyorsan hozzáadhat, szerkeszthet és eltávolíthat CSS-tulajdonságokat. A változtatások valós időben jelennek meg az oldalon.
Szintaxis kiemelése: A CSS- és HTML-kód szintaxisa kiemelt, így könnyen olvasható és érthető. A kód beírás közben is érvényesül. A kódmezőt is elrejtheti, ha úgy tetszik.
Automatikus kiegészítés: A Dabblet automatikus kiegészítést kínál a CSS-tulajdonságokhoz és -értékekhez. Ez nagyon hasznos lehet stíluslapok létrehozásakor vagy szerkesztésekor.
Előre elkészített CSS-stíluslapok: Az előre elkészített CSS-stíluslapokat népszerű webhelyekről érheti el. Ezekkel gyorsan és egyszerűen adhat stílusokat saját webhelyéhez.
Lényeges támogatás: A Dabblet támogatja a GitHub Gists-et, lehetővé téve a kódrészletek egyszerű tárolását és megosztását másokkal.
Élő előnézet: A kódmódosítások eredményeit valós időben láthatja az oldal újratöltése nélkül. Ha például megváltoztatja egy szöveg színét, akkor a változás a szövegen is tükröződik beírás közben.
Gyorsbillentyűket: A Dabblet billentyűparancsokkal rendelkezik a gyakori feladatokhoz, például új stílusszabály hozzáadásához vagy megjegyzésekhez.
Több nézet mód: A Dabblet többféle nézeti módot kínál, amelyek lehetővé teszik a kód és az eredmények egymás mellett, illetve egymás felett és alatt történő megtekintését.
Érvek
- Gyors CSS
- Még akkor is menthet inkognitó módban, ha be van jelentkezve.
- Beépített CSS-értékelőnézetek különféle paraméterekhez, például szögekhez, színekhez, időtartamhoz stb.
- Minden XHR-re készült, így az oldal soha nem frissül, még mentéskor sem.
- Billentyűparancsok bőven.
- Az összes kód automatikusan formázott (kivéve a leértékelést).
- Szilárd dokumentáció a kezdetektől.
Hátrányok
- A felület eleinte kissé nyomasztó, de meg lehet szokni.
- Nincsenek projektszintű felügyeleti funkciók (még).
Dabblet integrációk
Minden platformnak integrálódnia kell más szolgáltatásokkal, és ez alól a Dabblet sem kivétel. Íme néhány a Dabblet által kínált integrációk közül:
Google Analytics.
Könnyen hozzáadhatja Google Analytics követőkódját a Dabblet oldalakhoz. Ezzel nyomon követheti a Dabblet oldalmegtekintéseit és egyéb statisztikáit.
Ubuntu
A Dabblet segítségével Ubuntu témákat lehet létrehozni. Létrehozhat egy új Dabbletet, hozzáadhat CSS- és HTML-kódot, és megtekintheti a témát egy webböngészőben.
DigitalOcean
Egy egyedülálló felhőalapú hosting cég felhőalapú számítástechnikai szolgáltatásokat nyújt a vállalkozásoknak, lehetővé téve számukra, hogy hatékonyabban bővítsék tevékenységüket.
Mit csinál vele Dabblet?
Most már létrehozhatja, kezelheti és telepítheti Dabbletjeit DigitalOcean Spaces.
Ez lehetővé teszi, hogy az összes kódrészletet egy helyen tartsa, és könnyen megoszthatja azokat másokkal.
Alternatívák a Dabblets számára
Alternatívák mindig jelen vannak, és ebben a szellemben itt van néhány elgondolkodtató, ha a Dabbletről van szó:
Pastebin.com
A programozók általában a webhelyet forráskód vagy konfigurációs adattöredékek mentésére használják. A kijelölt helyre azonban bárki bármilyen szöveget behelyezhet.
JS Bin
A JS Bin egy ingyenes JavaScript tesztelőeszköz. Az eredmény megosztható egy rövid URL-en keresztül, miután a Javascript beírásra került az egyik ablaktáblába, a HTML pedig a másikba. Használja a menüt, amely lehetővé teszi a leggyakrabban használt JS-könyvtárak kiválasztását.
CssDeck
Ez az eszköz kiválóan alkalmas tesztesetek létrehozására és cseréjére másokkal, akik segíthetnek a kódolási törekvéseiben. A különféle lehetőségek segítségével akár azonnal együttműködhet más programozókkal a projekteken.
Plunker
A Plunker egy digitális platform, ahol a webfejlesztők ötletelhetnek, együttműködhetnek és megoszthatják gondolataikat.
Például kezdheti a „Hello, world!” szóval! bármilyen nyelven programozzon, és kódrészleteket, leértékeléseket és képernyőképeket adjon hozzá a gazdag tanulási élmény megteremtéséhez.
Zárszó
Összefoglalva, a Dabblet hasznos eszköz a webfejlesztők számára, különösen azok számára, akik a gyors és egyszerű módot keresik tesztelje a kódjukat.
Különféle funkcióinak és integrációinak köszönhetően nehéz nem találni ennek a platformnak a használatát.
Próbáld ki még ma!
Hagy egy Válaszol