Νέοι πόροι για σχεδιαστές ιστοσελίδων και προγραμματιστές (Αύγουστος 2016)

Σε αυτό το άρθρο, παρουσιάζουμε ένα πλαίσιο και εργαλεία λίστας που είναι με γνώμονα την ανάπτυξη ιστού. Είναι ενδιαφέρον ότι έχω βρει μερικά από αυτά τα εργαλεία και πλαίσια που προέρχονται από εταιρείες όπως η Microsoft και η Alibaba.

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

Κάντε κλικ για περισσότερες πηγές

Βρείτε ολόκληρη τη συλλογή των προτεινόμενων πόρων και τα καλύτερα διαθέσιμα εργαλεία σχεδίασης και ανάπτυξης ιστοσελίδων.

CuteStrap

Ένα πλαίσιο UI χτισμένο στην κορυφή του Sass. Έρχεται με όλες τις πιο κοινές διεπαφές ιστού όπως φόρμες, πλοήγησης και κουμπιά, οι οποίες θα πρέπει να επαρκούν σε πολλές περιπτώσεις. Εάν βρείτε λαϊκά πλαίσια όπως Bootstrap και Foundation συντριπτική, Cutestrap μπορεί να είναι μια μεγάλη εναλλακτική λύση για εσάς.

Δοκιμή HTML5

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

Calories Browser

Calories Browser είναι μια επέκταση του Chrome που μετράει το βάρος μιας ιστοσελίδας. Σαρώνει τα φορτωμένα αρχεία και τη συνεισφορά τους στο συνολικό βάρος της σελίδας. Ένα πολύ μικρό εργαλείο που θα σας βοηθήσει να βελτιστοποιήσετε την απόδοση του ιστότοπού σας.

Weex

Weex είναι ένα πλαίσιο από την Alibaba για την ανάπτυξη εφαρμογών για κινητά με HTML, CSS και JavaScript. Έρχεται με λειτουργικές μονάδες, στοιχεία UI, δικά της DevTools και CLI που είναι σχεδιασμένα για κινητό περιβάλλον και για επιτάχυνση της ανάπτυξης.

Το Microsoft Web Framework (MWF)

Ένα πλαίσιο από τη Microsoft, τα συστατικά UI μέσα MWF είναι χτισμένο με βάση τη γλώσσα Microsoft Modern Design: επίπεδη, καθαρή και μινιμαλιστική. Αυτό το πλαίσιο, εκτός από τα συστατικά του UI, δίνει επίσης κατεύθυνση στη χρήση των χρωμάτων, της τυπογραφίας και της κίνησης. Νομίζω ότι το Material Design Lite έχει τελικά συναντήσει έναν ίσο υποψήφιο.

Ζωτικής σημασίας

Ζωτικής σημασίας είναι ένα πλαίσιο με μια πολύ ευχάριστη ελάχιστη διεπαφή. Είναι ελαφρύ, δεν έχει JavaScript, και native Rogue - ένα syntaxhiglighter βασισμένο στον Ruby.

Fontea

Fontea είναι μια δωρεάν επέκταση του Photoshop για εύκολη διαχείριση και εφαρμογή εκατοντάδων γραμματοσειρών Google. Μπορείτε να αναζητήσετε τη γραμματοσειρά μέσα από το Photoshop, να κάνετε προεπισκόπηση και να εφαρμόσετε τη γραμματοσειρά κατευθείαν στον σχεδιασμό σας - εξομαλύνετε τη ροή εργασίας σας.

Ψιλοβρέχει

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

InterCooler

InterCoolerJS είναι μια βιβλιοθήκη JavaScript που κάνει την εφαρμογή του AJAX στον ιστότοπό σας τόσο εύκολη όσο η προσθήκη χαρακτηριστικών HTML. Έρχεται με έναν εκτενή οδηγό και πολλά παραδείγματα που σας βοηθούν να ξεκινήσετε τη χρήση του εργαλείου.

Picla

Picla είναι ένα plugin jQuery για την εμφάνιση ετικετών εικόνας που ανακτώνται από την εικόνα alt Χαρακτηριστικό. Παρέχει μερικές επιλογές που σας επιτρέπουν να προσθέσετε προσαρμοσμένο στυλ και κίνηση στην ετικέτα. Το Picla μπορεί να εγκατασταθεί ως εξάρτηση της ιστοσελίδας σας από το Bower.

IziModal

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

MegaBoilerplate

MegaBoilerplate είναι μια γεννήτρια για να ρυθμίσετε μια στοίβα ανάπτυξης γρήγορα. Πηγαίνετε στον ιστότοπο και επιλέξτε τα εργαλεία και τις βιβλιοθήκες (Node.js, HTML5, Vanilla JavaScript και Electron) που θα χρησιμοποιήσετε ως βάση ιστοτόπων. Θα μεταγλωττίσει και θα ρυθμίσει όλα τα πράγματα που χρειάζεστε σε ένα πακετοποιημένο πακέτο, έτοιμο για λήψη.

Ουρλάζων

Μια βιβλιοθήκη JavaScript για την εμφάνιση του σύγχρονου προγράμματος αναπαραγωγής ήχου χρησιμοποιώντας το Web Audio API, Ουρλάζων λειτουργεί σε browsers τόσο παλιά όσο το IE9, και υποστηρίζει πολλούς κωδικοποιητές ήχου όπως MP3, WEBM, WAV. Πολλά χαρακτηριστικά, αρθρωτά και λειτουργούν χωρίς εξωτερική βιβλιοθήκη.

SuperEmbed

SuperEmbed είναι μια μικροσκοπική βιβλιοθήκη JavaScript που καθιστά τα ενσωματωμένα αντικείμενα ανταποκρινόμενα, ενώ διατηρεί την αρχική αναλογία. Υποστηρίζει ένα ευρύ φάσμα πηγών, συμπεριλαμβανομένων των Youtube, Flickr, Vine, VideoPress και DailyMotion. Δείτε τη δοκιμαστική έκδοση.

CleaveJS

Σχίζω είναι βιβλιοθήκη JavaScript που μορφοποιεί αυτόματα τιμές στην είσοδο. Μπορεί, για παράδειγμα, να προσθέσει τον χίλιμο διαχωριστή σε εισροή νομισμάτων, να προσθέσει χώρο στην είσοδο αριθμού πιστωτικής κάρτας ή να προσθέσει / / στην είσοδο ημερομηνίας. Χρησιμοποιήστε αυτήν τη βιβλιοθήκη για να έχετε καλύτερη εμπειρία χρήστη.

Ανατροπή Τυπικό

FlippingTypical σας επιτρέπει να δείτε όλες τις γραμματοσειρές που είναι εγκατεστημένες στο σύστημά σας. Θεωρώ ότι αυτή η εφαρμογή είναι πιο βολική από τη χρήση του FontBook app στο macOS. Πληκτρολογώ τυχαίο κείμενο και βλέπω ποιες από τις γραμματοσειρές στο σύστημά μου φαίνονται καλύτερα.

LightTable

Ένα νέο IDE που νομίζω ότι αξίζει να εξερευνήσετε. Ξεκίνησε ως έργο KickStarter, υποστηριζόμενο από τον Matt Mullenweg (ιδρυτής του WordPress), και τελικά πήγε ανοιχτή πηγή. Μπορείτε να παρακολουθήσετε αυτό το βίντεο για να πάρετε μια ιδέα για το πόσο δροσερό είναι αυτό το IDE.

Συμπιεστής

Συμπιεστής είναι μια εφαρμογή ιστού που συμπιέζει τα αρχεία εικόνας μέχρι το μικρότερο μέγεθος χωρίς να χάσει την οπτική ποιότητα. Υποστηρίζει επίσης JPG, GIF, PNG και SVG. Αυτή η εφαρμογή είναι δωρεάν.

Microsoft Site Scan

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

Απενεργοποιήστε το Blogging

Αυτό το πρόσθετο, όπως υποδηλώνει το όνομα, θα καταργήσει τις λειτουργίες blogging όπως οι Δημοσιεύσεις, Σχόλια και Feeds. Είναι το σωστό plugin για εσάς αν δεν χρειάζεστε τη δυνατότητα blogging στο WordPress.