Νέοι πόροι για σχεδιαστές ιστοσελίδων και προγραμματιστές (Νοέμβριος 2012)

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

Έτσι, ας τα ελέγξουμε.

Ελέγξτε όλους τους νέους πόρους μας (ανά μήνα):

Γιατί

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

Δίκτυο προβολής

Εάν εργάζεστε με πλαίσια ευαίσθητου σχεδιασμού, όπως το Bootstrap ή το Ίδρυμα, ίσως χρειαστείτε αυτό το σελιδοδείκτη για να παρακολουθείτε το πλέγμα στο πρόγραμμα περιήγησης. Αυτό το εργαλείο θα εμφανίσει ένα πλέγμα επικάλυψης στην ιστοσελίδα που βλέπετε. Είναι πολύ βολικό, απλώς το σύρετε και τοποθετήστε στη γραμμή σελιδοδεικτών σας. Απλά κάντε κλικ στο bookmarklet όποτε χρειάζεστε πλέγματα για προβολή.

BootMetro

Τα Windows 8 εφαρμόζουν την απλότητα της γλώσσας σχεδιασμού του μετρό. Εάν θέλετε να αγκαλιάσετε αυτό το στυλ στην ιστοσελίδα σας, το BootMetro είναι πιθανώς αυτό που χρειάζεστε.

Υπογραμμίζει

Υπάρχουν πολλά WordPress θέματα εκκίνησης διαθέσιμα στο Διαδίκτυο, αλλά κανένα άλλο δεν είναι τόσο μεγάλο όσο Underscores. Με αυτό, μπορείτε να καθορίσετε και να προσωποποιήσετε το Όνομα Θέματος, την Περιγραφή, τον Συγγραφέα και συγκεκριμένα το Theme Slug, το οποίο ισχύει για τη λειτουργία του θέματος μόλις κάνετε λήψη του πακέτου, έτσι θα πάρετε κάτι σαν theme_slug_function.

Jarallax

Όπως το εφέ Parallax που βλέπετε σε ιστότοπους όπως αυτό; Αν θέλετε να εφαρμόσετε ένα παρόμοιο αποτέλεσμα με τον ιστότοπό σας, μπορείτε να χρησιμοποιήσετε τη βιβλιοθήκη κινούμενων σχεδίων Jarallax, για να δημιουργήσετε το εφέ Parallax (σχεδόν χωρίς χρόνο).

Ανεμώδης

Εσύ βαρεθείτε με εφέ ολίσθησης γκαλερί που κινείται μόνο οριζόντια; Στη συνέχεια, ελέγξτε το Windy, το οποίο χρησιμοποιεί μετατροπή 3D για να εκτελέσει το περιεχόμενο με πραγματικά μοναδικό τρόπο. Δείτε το demo εδώ.

TiltShift

Εν ολίγοις, η tiltShift στη φωτογραφία είναι μια τεχνική που κάνει μια φωτογραφία να μοιάζει μικρότερη, σχεδόν μικροσκοπική από ό, τι πραγματικά είναι. Ελέγξτε τη συλλογή μας από αυτές τις φωτογραφίες σε αυτή την ανάρτηση: “Φωτογραφία μετακίνησης με κλίση”. Αν θέλετε να εφαρμόσετε ένα τέτοιο αποτέλεσμα στη συλλογή φωτογραφιών σας, μπορείτε απλά να χρησιμοποιήσετε αυτήν τη βιβλιοθήκη JavaScript, TiltShift.js.

Αλληλουχία

Το Sequence.js είναι ένα plugin Response jQuery με μερικά προηγμένα εφέ μετάβασης. Σε αντίθεση με τον άλλο ρυθμιστικό, η ακολουθία δεν έρχεται με το δικό της ενσωματωμένο θέμα. Έτσι, μπορούμε να προσαρμόσουμε εντελώς την εμφάνιση και την αίσθηση να ταιριάζει με την ιστοσελίδα μας.

Δέλτα

Το jQuery UI είναι ένα πλήρες σύνολο κοινών διεπαφών χρήστη του χρήστη και αλληλεπίδρασης, το οποίο είναι εύκολο στη χρήση. Ωστόσο, το προεπιλεγμένο θέμα είναι βαρετό. Έτσι, εάν θέλετε να έχετε διαφορετική εμφάνιση για το jQuery UI, αλλά δεν θέλετε να πάρετε τα χέρια σας βρώμικα με CSS, μπορείτε απλά να αντικαταστήσετε τα προεπιλεγμένα στυλ CSS με το Delta, ένα κλασικό θέμα για το jQuery UI.