Θα θέλατε ποτέ να υπήρχε μια εφαρμογή ιστού ή επέκταση που σας επιτρέπει να δημιουργείτε και να μοιράζεστε πρωτότυπα διεπαφής χρήστη εν κινήσει;
Ολοι το κάνουμε! Όλοι έχουμε ιδέες για το πώς θέλουμε να φαίνονται και να αισθάνονται οι ιστότοποι ή οι εφαρμογές μας.
Λοιπόν, καταλήξατε σε ένα πραγματικά υπέροχο σχέδιο και δεν θυμάστε ακριβώς πώς το κάνατε;
Τώρα πρέπει να βρείτε έναν τρόπο να το μοιραστείτε. Αυτό μπορεί να πάρει μέρες, ακόμη και εβδομάδες, αν προσπαθείτε να μοιραστείτε ένα αρκετά περίπλοκο σχέδιο.
Δεν υπάρχει λόγος να περιμένετε για να φτιάξετε τα πρωτότυπα της εφαρμογής ιστού σας. Δημιουργήστε τα τώρα με το Dabblet.
Σύρετε και αποθέστε στοιχεία, στυλ και αποθηκεύστε τα. Στείλτε το σε έναν σχεδιαστή για έλεγχο ή απλώς αντιγράψτε το σε μια παρουσίαση. Οι πιθανότητες είναι ατελείωτες.
Τι είναι το Dabblet;
Χρησιμοποιώντας Ντάμπλετ, μπορείτε να πειραματιστείτε με μικρά αποσπάσματα κώδικα CSS και HTML σε πραγματικό χρόνο.
Δεν θα χρειαστείτε κανένα πρόθεμα στον κώδικα CSS σας όταν το χρησιμοποιείτε. Τα βασικά στοιχεία του GitHub σάς επιτρέπουν να αποθηκεύετε το περιεχόμενό σας, να το δημοσιεύετε σε άλλους ιστότοπους και να το μοιράζεστε με άλλους.
Αυτός είναι ένας πολύ καλός τρόπος για να μοιράζεστε αποσπάσματα κώδικα με άλλους προγραμματιστές και να λαμβάνετε σχόλια.
Πώς Λειτουργεί;
Μόλις πληκτρολογηθεί ο κωδικός, η οπτική έξοδος είναι άμεσα ορατή από πάνω του. το JavaScript είναι η μόνη εξαίρεση, δεδομένου ότι θα ήταν εκνευριστικό να την εκτελείτε με κάθε πάτημα πλήκτρων και μπορεί ακόμη και να καταστεί άχρηστο το πρόγραμμα περιήγησης σε ορισμένες περιπτώσεις.
Χρησιμοποιώντας την επιλογή "Run 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-ed, επομένως η σελίδα δεν ανανεώνεται ποτέ, ούτε όταν κάνετε αποθήκευση.
- Οι συντομεύσεις πληκτρολογίου σε αφθονία.
- Όλος ο κώδικας διαμορφώνεται αυτόματα (εκτός από τη σήμανση).
- Στέρεη τεκμηρίωση από την αρχή.
ΚΑΤΑ
- Η διεπαφή είναι λίγο συντριπτική στην αρχή, αλλά το συνηθίζεις.
- Δεν υπάρχουν δυνατότητες διαχείρισης σε επίπεδο έργου (ακόμα).
Ενσωματώσεις Dabblet
Οποιαδήποτε πλατφόρμα πρέπει να ενσωματωθεί με άλλες υπηρεσίες και το Dabblet δεν αποτελεί εξαίρεση. Ακολουθούν ορισμένες από τις ενσωματώσεις που προσφέρει το Dabblet:
Google Analytics
Μπορείτε εύκολα να προσθέσετε τον κώδικα παρακολούθησης του Google Analytics στις σελίδες Dabblet. Αυτό θα σας επιτρέψει να παρακολουθείτε προβολές σελίδας και άλλα στατιστικά στοιχεία για το Dabblet σας.
Ubuntu
Το Dabblet μπορεί να χρησιμοποιηθεί για τη δημιουργία θεμάτων Ubuntu. Μπορείτε να δημιουργήσετε ένα νέο Dabblet, να προσθέσετε κώδικα CSS και HTML και να κάνετε προεπισκόπηση του θέματος σε ένα πρόγραμμα περιήγησης ιστού.
DigitalOcean
Μια μοναδική στο είδος της εταιρεία φιλοξενίας cloud παρέχει υπηρεσίες υπολογιστικού νέφους σε επιχειρήσεις, επιτρέποντάς τους να αναπτύξουν τις δραστηριότητές τους πιο αποτελεσματικά.
Τι κάνει ο Dabblet με αυτό;
Τώρα μπορείτε να δημιουργήσετε, να διαχειριστείτε και να αναπτύξετε τα Dabblets σας DigitalOcean Spaces.
Αυτό σας επιτρέπει να διατηρείτε όλα τα αποσπάσματα κώδικα σε ένα μέρος και διευκολύνει την κοινή χρήση τους με άλλους.
Εναλλακτικές λύσεις για Dabblets
Εναλλακτικές λύσεις είναι πάντα παρούσες, και στο ίδιο πνεύμα, εδώ είναι μερικές για να σκεφτεί κάποιος όταν πρόκειται για το Dabblet:
pastebin.com
Οι προγραμματιστές χρησιμοποιούν γενικά τον ιστότοπο για να αποθηκεύσουν τον πηγαίο κώδικα ή τμήματα δεδομένων διαμόρφωσης. Ωστόσο, οποιοσδήποτε μπορεί να τοποθετήσει οποιοδήποτε κείμενο στον παρεχόμενο χώρο.
JS Bin
Το JS Bin είναι ένα δωρεάν εργαλείο δοκιμών για JavaScript. Το αποτέλεσμα μπορεί να κοινοποιηθεί μέσω μιας σύντομης διεύθυνσης URL, αφού εισαχθεί το Javascript στο ένα παράθυρο και το HTML στο άλλο. Χρησιμοποιήστε ένα μενού που σας επιτρέπει να επιλέξετε από μερικές από τις πιο συχνά χρησιμοποιούμενες βιβλιοθήκες JS.
CssDeck
Αυτό το εργαλείο είναι εξαιρετικό για τη δημιουργία και την ανταλλαγή δοκιμαστικών περιπτώσεων με άλλους που μπορούν να σας βοηθήσουν στις προσπάθειες κωδικοποίησης. Με διάφορες επιλογές, μπορείτε ακόμη και να συνεργαστείτε σε έργα στιγμιαία με άλλους προγραμματιστές.
Εμβολοφόρος
Το Plunker είναι μια ψηφιακή πλατφόρμα όπου οι προγραμματιστές ιστού μπορούν να κάνουν καταιγισμό ιδεών, να συνεργαστούν και να μοιραστούν τις σκέψεις τους.
Για παράδειγμα, μπορείτε να ξεκινήσετε με ένα "Hello, world!" προγραμματίστε σε οποιαδήποτε γλώσσα και προσθέστε αποσπάσματα κώδικα, σημάδια και στιγμιότυπα οθόνης για να δημιουργήσετε μια πλούσια εμπειρία εκμάθησης.
Τελικός του Word
Συμπερασματικά, το Dabblet είναι ένα χρήσιμο εργαλείο για προγραμματιστές ιστού, ειδικά όσους αναζητούν τρόπους για να το κάνουν γρήγορα και εύκολα δοκιμάστε τον κωδικό τους.
Με τις διάφορες δυνατότητες και τις ενσωματώσεις του, είναι δύσκολο να μην βρεις χρήση για αυτήν την πλατφόρμα.
Δοκιμάστε το σήμερα!
Αφήστε μια απάντηση