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

Μετά από αυτό το έργο για περισσότερο από ένα χρόνο, το πιο δύσκολο κομμάτι για τη συγγραφή αυτού του μηνιαίου σωρού πόρων για τους σχεδιαστές και τους προγραμματιστές είναι η εισαγωγή. Ενώ είμαστε σχετικά με το θέμα, εδώ είναι το Φεβρουάριο του 2015 σας ανακεφαλαίωση των καλύτερων και πιο φρέσκο ​​των πόρων για τους προγραμματιστές Ιστού, όπως εσείς.

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

Κλιμακωτής κλίσης

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

Οδηγός τσέπης SVG

Οδηγός τσέπης SVG συντάσσεται από τον Joni Trythall. Είναι μια εύχρηστη αναφορά που θα σας καθοδηγήσει στα βασικά του SVG (όπως τη δημιουργία σχημάτων και κειμένου) σε όλο το φάσμα των πιο προηγμένων λειτουργιών (όπως τη δημιουργία κλίσεων, διαδρομών αποκοπής και μοτίβα). Το βιβλίο έρχεται σε μορφή Markdown και διατίθεται στα αγγλικά και τα πορτογαλικά.

Flexbugs

Το Flexbox είναι μια πολύ ελπιδοφόρα νέα ενότητα στο CSS3 που θα αλλάξει τελείως με τον τρόπο που κατασκευάζουμε web layouts. Ωστόσο, έρχεται και με θέματα συμβατότητας μεταξύ των browsers της δικής του. Αυτό το αποθετήριο, Flexbugs, είναι μια συλλογή από αυτά τα σφάλματα και τους τρόπους αντιμετώπισής τους. Αυτός είναι ένας πολύ χρήσιμος πόρος για όποιον ζει στην αιμορραγία του Web.

Icono

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

Dillinger

Dillinger είναι ένας ευχάριστος συντάκτης Markdown. Εδώ μπορείτε να γράψετε σε μορφή Markdown, και να δείτε αμέσως την έξοδο στη δεξιά καρτέλα. Για την καλύτερη εξυπηρέτησή σας, το Dillinger σάς επιτρέπει να εξάγετε την εργασία σας σε μορφή HTML, PDF ή μόνο σε μορφή αρχείου Markdown μόλις το κάνετε. Εναλλακτικά, μπορείτε επίσης να το συνδέσετε σε μια υπηρεσία τρίτου μέρους όπως το Dropbox και το Github όπου μπορείτε να αποθηκεύσετε το αρχείο σας.

HTML5Up

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

CSS Colors

Αναρωτηθήκατε ποτέ τι ονομάζεται ένα συγκεκριμένο χρώμα? CSS Colors εμφανίζει το όνομα χρώματος καθώς και τη μορφή Hex και RGBA για μια συλλογή βασικών χρωμάτων. Είναι μια καλή πηγή για να βρείτε τον τέλειο συνδυασμό χρωμάτων για τους ιστοτόπους σας.

Emmet Re-view

Η επανάληψη προβολής είναι μια επέκταση του Chrome που αναλύει τον ιστότοπό σας @μεσο ΜΑΖΙΚΗΣ ΕΝΗΜΕΡΩΣΗΣ ερωτήματα και προβάλλει τον ιστότοπό σας σε κάθε ένα από τα σημεία διακοπής που καθορίζονται σε καθένα από αυτά @μεσο ΜΑΖΙΚΗΣ ΕΝΗΜΕΡΩΣΗΣ ερώτηση. Αν ψάχνετε για ένα εργαλείο που θα μπορούσε να σας εξοικονομήσει λίγο χρόνο κατά τη δοκιμή ανταποκρινόμενων ιστοσελίδων, τότε αυτό είναι το εργαλείο που χρειάζεστε.

TypeGenius

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

Κωδικός αναζήτησης

Όπως είπε το όνομα, αυτή είναι μια μηχανή αναζήτησης για αναζήτηση κωδικών ή αποσπασμάτων κώδικα πολλών γλωσσών προγραμματισμού, όπως JavaScript, C, PHP. Αυτή η μηχανή αναζήτησης θα αντλήσει το αποτέλεσμά της από πολλές πηγές, όπως το Github, το Bitbucket και το Google Code. Αυτό είναι ένα καθορισμένο εργαλείο που πρέπει να έχετε για βαριούς κωδικοποιητές.