Czy kiedykolwiek marzyłeś o aplikacji internetowej lub rozszerzeniu, które umożliwia tworzenie i udostępnianie prototypów interfejsu użytkownika w locie?
Wszyscy robimy! Wszyscy mamy pomysły na to, jak mają wyglądać i działać nasze witryny lub aplikacje.
Więc wymyśliłeś naprawdę świetny projekt i nie pamiętasz dokładnie, jak to zrobiłeś?
Teraz musisz znaleźć sposób, aby się nim podzielić. Może to zająć dni, a nawet tygodnie, jeśli próbujesz udostępnić dość złożony projekt.
Nie ma powodu, aby czekać z tworzeniem prototypów aplikacji internetowych. Stwórz je teraz z Dabblet.
Przeciągnij i upuść elementy, stylizuj i zapisz. Wyślij go do projektanta do przeglądu lub po prostu skopiuj go do prezentacji. Możliwości są nieskończone.
Co to jest Dabblet?
Korzystanie z bałwanka, możesz eksperymentować z małymi fragmentami kodu CSS i HTML w czasie rzeczywistym.
Podczas korzystania z tego nie będziesz potrzebować żadnych przedrostków w kodzie CSS. GitHub umożliwia przechowywanie treści, publikowanie ich w innych witrynach i udostępnianie innym.
To świetny sposób na udostępnianie fragmentów kodu innym programistom i uzyskiwanie opinii.
Jak to działa?
Gdy tylko kod zostanie wpisany, wynik wizualny jest natychmiast widoczny na wierzchu. JAVASCRIPT jest jedynym wyjątkiem, biorąc pod uwagę, że uruchamianie go przy każdym naciśnięciu klawisza byłoby irytujące, aw niektórych sytuacjach może nawet spowodować, że przeglądarka stanie się bezużyteczna.
Użycie opcji „Uruchom JS” w zakładce JavaScript lub skrótu klawiaturowego (Ctrl + Enter lub Cmd + Enter) uruchomi JavaScript, gdy uruchomi się Dabblet. Menu opcji umożliwia zmianę tego stylu.
Jako programista możesz przełączać się między kodowaniem we wszystkich trzech językach jednocześnie lub oglądaniem gotowego produktu.
Korzyści
Oto cechy Dabblet, o których powinieneś wiedzieć:
Szybka edycja CSS: Możesz szybko dodawać, edytować i usuwać właściwości CSS. Zmiany będą odzwierciedlane na stronie w czasie rzeczywistym.
Podświetlanie składni: Kod CSS i HTML jest wyróżniony pod względem składni, dzięki czemu jest łatwy do odczytania i zrozumienia. Kod zostanie również zweryfikowany podczas wpisywania. Możesz także ukryć pole kodu, jeśli wolisz.
Autouzupełnienie: Dabblet oferuje automatyczne uzupełnianie właściwości i wartości CSS. Może to być bardzo pomocne podczas tworzenia lub edytowania arkuszy stylów.
Gotowe arkusze stylów CSS: Możesz uzyskać dostęp do gotowych arkuszy stylów CSS z popularnych stron internetowych. Można ich użyć do szybkiego i łatwego dodawania stylów do własnej witryny.
Podstawowe wsparcie: Dabblet obsługuje GitHub Gists, umożliwiając łatwe przechowywanie i udostępnianie fragmentów kodu innym osobom.
Podgląd na żywo: Możesz zobaczyć wyniki zmian w kodzie w czasie rzeczywistym bez przeładowywania strony. Na przykład, jeśli zmienisz kolor tekstu, zmiana będzie widoczna w tekście podczas pisania.
Skróty klawiszowe: Dabblet ma skróty klawiaturowe do typowych zadań, takich jak dodawanie nowej reguły stylu lub komentowanie.
Wiele trybów widoku: Dabblet oferuje wiele trybów wyświetlania, które pozwalają zobaczyć kod i wyniki obok siebie lub nad i pod sobą.
ZALETY
- Szybki CSS
- Nawet jeśli jesteś zalogowany, nadal możesz zapisywać w trybie incognito.
- Wbudowany podgląd wartości CSS dla różnych parametrów, takich jak kąty, kolory, czas trwania itp.
- Wszystko jest zgodne z XHR, więc strona nigdy się nie odświeża, nawet po zapisaniu.
- Mnóstwo skrótów klawiaturowych.
- Cały kod jest automatycznie formatowany (z wyjątkiem przeceny).
- Solidna dokumentacja od samego początku.
Wady
- Interfejs jest na początku trochę przytłaczający, ale można się do tego przyzwyczaić.
- Brak funkcji zarządzania na poziomie projektu (jeszcze).
Integracje Dabblet
Każda platforma musi integrować się z innymi usługami, a Dabblet nie jest wyjątkiem. Oto niektóre z integracji oferowanych przez Dabblet:
Google Analytics
Możesz łatwo dodać swój kod śledzenia Google Analytics do stron Dabblet. Umożliwi to śledzenie wyświetleń strony i innych statystyk dla Twojego Dabblet.
Ubuntu
Dabblet może być używany do tworzenia motywów Ubuntu. Możesz utworzyć nowy Dabblet, dodać kod CSS i HTML oraz wyświetlić podgląd motywu w przeglądarce internetowej.
DigitalOcean
Jedyna w swoim rodzaju firma hostingowa w chmurze świadczy usługi przetwarzania w chmurze dla firm, umożliwiając im wydajniejszy rozwój działalności.
Co Dabblet z tym robi?
Możesz teraz tworzyć, zarządzać i wdrażać swoje Dabblety na Przestrzenie DigitalOcean.
Pozwala to przechowywać wszystkie fragmenty kodu w jednym miejscu i ułatwia udostępnianie ich innym.
Alternatywy dla Dabbletów
Alternatywy są zawsze obecne i w tym samym duchu, oto kilka do rozważenia, jeśli chodzi o Dabblet:
Pastebin.com
Programiści zazwyczaj używają serwisu do zapisywania kodu źródłowego lub fragmentów danych konfiguracyjnych. Jednak każdy może umieścić dowolny tekst w przewidzianym miejscu.
JS Bin
JS Bin to darmowe narzędzie do testowania JavaScript. Wynik można udostępnić za pomocą krótkiego adresu URL po wprowadzeniu JavaScript w jednym okienku i kodu HTML w drugim. Korzystaj z menu, które pozwala wybierać spośród najczęściej używanych bibliotek JS.
CSSDeck
To narzędzie doskonale nadaje się do tworzenia i wymiany przypadków testowych z innymi osobami, które mogą pomóc w programowaniu. Dzięki różnym opcjom możesz nawet natychmiast współpracować nad projektami z innymi programistami.
plunker
Plunker to platforma cyfrowa, na której twórcy stron internetowych mogą przeprowadzać burze mózgów, współpracować i dzielić się swoimi przemyśleniami.
Na przykład możesz zacząć od „Witaj, świecie!” programować w dowolnym języku i dodawać fragmenty kodu, przeceny i zrzuty ekranu, aby stworzyć bogate doświadczenie edukacyjne.
Słowo końcowe
Podsumowując, Dabblet jest przydatnym narzędziem dla twórców stron internetowych, zwłaszcza tych, którzy szukają sposobów na szybkie i łatwe przetestować ich kod.
Dzięki różnym funkcjom i integracjom trudno nie znaleźć zastosowania dla tej platformy.
Spróbuj już dziś!
Dodaj komentarz