Δημιουργήστε χαρτοφυλάκιο Dribbbble με Dribbbox

Το Dribbble είναι ένας δημοφιλής ιστότοπος στον τομέα του σχεδιασμού, όπου μπορείτε να μοιράζεστε τα έργα WIP, τα σχέδια, τα mockups και ακόμα και τα freebies. Σε αντάλλαγμα θα λάβετε ανατροφοδότηση και κριτική από συναδέλφους σχεδιαστές που είναι καλό να ωθήσει το σχέδιό σας μέχρι το επόμενο επίπεδο.

Αν θέλετε να προσαρμόσετε τον τρόπο εμφάνισης του χαρτοφυλακίου σας, μπορείτε να προβάλετε τις λήψεις κάτω από τον δικό σας τομέα. Για να σας βοηθήσουμε, μπορείτε να δοκιμάσετε το Dribbbox.

Το Dribbbox είναι μια βιβλιοθήκη που μας βοηθά να προβάλλουμε εικόνες Dribbble κάτω από τον δικό μας τομέα, δεν θα έχει καμία από τις παρενοχλήσεις. Ας ρίξουμε μια ματιά στο πώς μπορείτε να ρυθμίσετε το Dribbbox για την επίδειξη των έργων τέχνης σας.

Εγκατάσταση Dribbbox

Υποθέτω ότι έχετε τον τομέα σας και μια ρύθμιση διακομιστή. μια κοινή φιλοξενία θα πρέπει να λειτουργήσει καλά. Διαφορετικά, μπορείτε να εκτελέσετε έναν τοπικό διακομιστή, αν δεν το έχετε. Αν χρειάζεστε οδηγίες σχετικά με τον τρόπο δημιουργίας ενός τοπικού διακομιστή με το AMPPS, διαβάστε εδώ.

Κάντε λήψη του πακέτου ZIP και μεταφορτώστε το περιεχόμενο στον διακομιστή. Συμπεριλάβετε το index.html, το config.js και το φάκελο στοιχείων.

Ανοιξε το config.js και καθορίστε το όνομα χρήστη για να ανακτήσετε το χαρτοφυλάκιό σας από το Dribbble.

Σε αυτή την περίπτωση, χρησιμοποιώ το χαρτοφυλάκιο του Thoriq Firdaus για το demo. Δείτε πώς ανακτάτε το χαρτοφυλάκιο.

 dribbbox.config = dribbble_username: "tfirdaus", short_description: "Ένας σχεδιαστής παγκόσμιας κλάσης wanna-be.", email_address: "[email protected]" 

Αποθηκεύστε το και ανανεώστε τη σελίδα.

Είναι πραγματικά τόσο απλό, έτσι δεν είναι?

Το χαρτοφυλάκιό σας στο Dribbbox

Η ρύθμιση είναι απλή. Έχετε τρεις στήλες. Τα στοιχεία επικοινωνίας σας βρίσκονται πολύ αριστερά σε μια στατική πλευρική μπάρα. Οι λήψεις σας Dribbble βρίσκονται στη μεσαία μετακινούμενη στήλη και στα δεξιά, όπου οι θεατές μπορούν να δουν το έργο σας σε πλήρη προβολή, ένα κάθε φορά. Η ρύθμιση είναι τέλεια μόνο ως οθόνη που σημαίνει ότι το κοινό δεν θα μπορεί να σας δώσει σχόλια όπως σχόλια ή συμπαράσταση. Δεν θα μπορούν επίσης να μοιράζονται την εργασία σας.

Το Dribbbox έχει βελτιστοποιηθεί για προβολή σε κινητές συσκευές. Όταν ο ιστότοπος προβάλλεται σε κινητά, θα γίνει ανακατασκευή της διάταξης καθώς και της HTML του δέντρου DOM mobile.js. Καθορίστε το πλάτος προβολής του οποίου το mobile.js θα πρέπει να πραγματοποιηθεί στο index.html.

 (function) () var s = document.createElement ("script") s.src = "assets / js /" + (αντιστοιχίαMedia ("(max-width: 414px) ) + ".js" document.head.appendChild (s)) () 

συμπέρασμα

Το Dribbbox είναι μια εύχρηστη βιβλιοθήκη για να αναδείξει τα πλάνα Dribbble σας κάτω από το δικό σας domain name. Είναι πολύ διαισθητικό να δουλέψετε ακόμα και αν δεν γνωρίζετε το JavaScript. απλά προσθέστε το όνομα χρήστη και (προαιρετικά) τη διεύθυνση ηλεκτρονικού ταχυδρομείου σας και όλα τα έχετε ορίσει. Αν δεν σας αρέσει η προεπιλεγμένη παρουσίαση, μπορείτε να προσαρμόσετε περαιτέρω την εμφάνιση μέσω του CSS.

Περισσότερα για το Hongkiat: Φιλοξενήστε τη στατική ιστοσελίδα σας στο Dropbox με τηγανίτα