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

Κάθε μήνα υπάρχουν δεκάδες δωρεάν πράγματα που μοιράζονται πολύ γενναιόδωροι άνθρωποι στο web design και την κοινότητα ανάπτυξης ιστοσελίδων. είναι σχεδόν αδύνατο να συμβαδίσει με όλα αυτά τα νέα πράγματα. Παρ 'όλα αυτά, δεν πρέπει να ανησυχείτε. σε αυτή την ανάρτηση επιλέξαμε 10 χρήσιμα 'πράγματα' που κυμαίνονται από αποσπάσματα κώδικα σε εργαλεία, πλαίσια σε προσθήκες για να διευκολύνετε τη δουλειά και τη ζωή σας ως σχεδιαστές ιστοσελίδων και προγραμματιστές.

Ας τα ελέγξουμε.

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

Οκτώβριος 2012
Νοέμβριος 2012
Δεκέμβριος 2012

CSSS

CSSS που σημαίνει "Σύστημα SlideShow που βασίζεται στο CSS" είναι ένα πλαίσιο που δημιουργήθηκε από Lea Verou (γνωστός ως γκουρού CSS). Στην ουσία, αυτό το πλαίσιο σας επιτρέπει να δημιουργείτε διαφάνειες παρουσίασης με πρότυπα ιστού HTML και CSS. Αυτή η προβολή διαφανειών υποστηρίζει συντομεύσεις πληκτρολογίου όπως ←, →, ↓ και ↑ για να περιηγηθείτε στις διαφάνειες.

Αν κάνετε CSS και HTML, αυτό το πλαίσιο πιστεύω ότι είναι (καλύτερη) αντικατάσταση για υψηλής ποιότητας λογισμικά όπως το MS PowerPoint.

BonsaiJS

Το Bonsai είναι μια ελαφριά γραφική βιβλιοθήκη JavaScript με ένα διαισθητικό API. Μπορούμε να χρησιμοποιήσουμε αυτήν τη βιβλιοθήκη για να σχεδιάσουμε απλά σχήματα όπως ένα ορθογώνιο, ένα τρίγωνο, έναν κύκλο ή ένα γραφικό με μεγάλη πολυπλοκότητα. Αυτή η βιβλιοθήκη μπορεί επίσης να χρησιμοποιηθεί για την απόδοση σε Scalable Vector Graphic (SVG) rendering σε μη υποστηριζόμενα προγράμματα περιήγησης ως εναλλακτική λύση.

Επιπλέον, το Bonsai παρέχει επίσης μερικά χαρακτηριστικά γνωρίσματα, όπως το Animation, Event και Filters, για να κάνουν τα γραφικά αυτά να λειτουργούν πιο αλληλεπιδραστικά.

Ανταπόκριση μοτίβο

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

Effet Toolsets

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

Ένα από τα εργαλεία αυτής της συλλογής που θεωρώ προσωπικά εξαιρετικά χρήσιμα είναι το Ενισχυτής, αυτό το εργαλείο θα αλλάξει αυτούς τους χαρακτήρες, < και >, στον κώδικα HTML, έτσι ώστε το απόσπασμα κώδικα να εμφανίζεται σωστά μέσα στο

ετικέτα.

Σουσύ

Το Susy είναι ένα ανταποκρινόμενο πλέγμα για την Compass. Όπως κάθε άλλο ευαίσθητο πλαίσιο πλέγματος εκεί έξω, αποτελείται από αρκετά προκαθορισμένα στυλ, αλλά δεδομένου ότι είναι χτισμένο με Sass και Compass αυτό το πλαίσιο είναι πολύ πιο διαμορφώσιμο.

Το Susy σάς επιτρέπει να προσαρμόσετε τον αριθμό της στήλης, το πλάτος της στήλης, το υδρορροή και την επένδυση πλέγματος, καθιστώντας το δικό σας πλέγμα που ταιριάζει στον ιστότοπό σας. Η Susy θα κάνει όλη τη σκληρή δουλειά: υπολογισμός. Εάν είστε ένας super-geek που απολαμβάνει να συνεργαστεί με το Sass και την Compass, αυτή η επέκταση είναι σίγουρα για σας.

Άπειρη πλοήγηση με αναπτυσσόμενη λίστα

Ένα αναπτυσσόμενο μενού είναι ένα κοινό στοιχείο που βρήκαμε σε έναν ιστότοπο. Ωστόσο, η δημιουργία μιας αναπτυσσόμενης πλοήγησης δεν είναι τόσο εύκολη όσο φαίνεται. Χάρι Ρόμπερτς του CSS Wizardry, ευτυχώς, έχει μοιραστεί μαζί του “μαγικό κώδικα” για να δημιουργήσετε μια άπειρη πλοήγηση με αναπτυσσόμενη λίστα (η οποία είναι τρομερή).

Bourbon Neat

Το Neat είναι ένα ευέλικτο πλαίσιο δικτύου που σας βοηθά να διαχειρίζεστε εύκολα έναν ανταποκρινόμενο ιστότοπο. Είναι χτισμένο πάνω σε Sass και Bourbon, μια συλλογή χρήσιμων mixins για το Sass. Αυτό το πλαίσιο είναι ένα Ruby gem, μπορεί να εγκατασταθεί μέσω του Terminal ή Command Prompt με αυτή τη γραμμή εντολών gem εγκατάσταση τακτοποιημένο.

Τύποι

Δεν θα είναι αρκετό για εικονίδια. Τα τυπικά είναι ένα σύνολο γραμματοσειρών που αποτελείται από περίπου 88 χαρακτήρες. Μπορείτε να προσθέσετε αυτά τα εικονίδια @ font-face και να τις εφαρμόσετε στον ιστότοπό σας με τα ψευδο-στοιχεία CSS ή να τα ενσωματώσετε απευθείας με τον χαρακτήρα HTML τους.

Χρησιμοποιώντας το webfont για να παραδώσετε τα εικονίδια σας, μπορείτε να έχετε τα πλεονεκτήματα που δεν χρειάζεστε να αναπτύξετε CSS sprite και να ρυθμίσετε τη θέση φόντου για να εμφανίσετε τα εικονίδια, την οθόνη υψηλής ανάλυσης έτοιμη και τεχνικά μειώνει τα αιτήματα http και καταναλώνει χαμηλότερο εύρος ζώνης από τα bitmap.

Σχολιαστής

Αυτή η βιβλιοθήκη σας επιτρέπει να προσθέσετε σχόλια, ετικέτες και markdowns στο περιεχόμενό σας στο Web και μαζί με το AnnotateIt μπορείτε να αποθηκεύσετε τους σχολιασμούς σας δωρεάν.

Το αεροδρομιο

Όταν βρίσκεστε στο αεροδρόμιο, θα δείτε το διοικητικό συμβούλιο πληροφοριών πτήσης με το κτύπημα του κειμένου σε όλο το. Με αυτό το plugin jQuery, το αεροδρόμιο, είμαστε σε θέση να δημιουργήσουμε το ίδιο φαινόμενο εμπλοκής κειμένου.

συμπέρασμα

Αυτό είναι όλο για αυτό το μήνα. Έχετε δοκιμάσει κάποια από αυτά τα πράγματα; Ποιο είναι το αγαπημένο σας; Βρήκατε κάποιο άλλο δροσερό υλικό για τους σχεδιαστές ιστοσελίδων / προγραμματιστές που είχαμε χάσει από αυτή τη λίστα?.

Μη διστάσετε να τις μοιραστείτε στο παρακάτω πλαίσιο σχολίων, και θα θέλαμε να ακούσουμε και τις σκέψεις σας.