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

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

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

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

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

Slinky

ΕΝΑ Προσθέστε σκίτσο που σας επιτρέπει να κάνετε εξαγωγή του Artboard σας σε πρότυπο ηλεκτρονικού ταχυδρομείου HTML με ένα απλό κλικ. Το Slinky βρίσκεται αυτή τη στιγμή σε ενεργό στάδιο ανάπτυξης, ωστόσο, υπάρχουν ακόμα μερικά πράγματα που είναι τραχιά στα άκρα. Ακολουθήστε την κατευθυντήρια γραμμή να έχετε την καλύτερη δυνατή απόδοση.

Boilrplate

ΕΝΑ επιμελημένος κατάλογος πινάκων και προτύπων για να σας βοηθήσει να ξεκινήσετε γρήγορα ένα έργο. Περιέχει μια λίστα με πινάκια πολλών γλωσσών και πλαισίου συμπεριλαμβανομένων jQuery, γωνιακό, React, WordPress, Backbone, και Electron.

Griddy

Το CSS Grid είναι το επόμενο μεγάλο πράγμα που θα το κάνει αλλάξτε τον τρόπο με τον οποίο οργανώνουμε τη διάταξη και να χρησιμοποιήσετε πλαίσια πλέγματος για την κατασκευή ιστοσελίδων. Ωστόσο, δεδομένης της πολυπλοκότητας, η χρήση του CSS Grid μπορεί να είναι συντριπτική για ορισμένους χρήστες. Σε μια τέτοια περίπτωση, αυτή η εύχρηστη εφαρμογή Ιστού, Griddy, μπορεί να είναι πολύ χρήσιμο στην εκμάθηση του CSS Grid.

Αντιμετωπίζω τα βασικά στοιχεία

Μαθαίνω να αντιδρούν τη στιγμή της γραφής και βρήκε μια σπουδαία πορεία όπου μπορείτε να μάθετε το React ως αρχάριος. Το μάθημα αποτελείται από βίντεο, άρθρα και κουίζ. Και το ανέφερα αυτό το μάθημα είναι απολύτως δωρεάν?

Επιφάνεια εργασίας πλαισίου

Το πλαίσιο είναι α διαμόρφωση εικονικής μηχανής που έχει σχεδιαστεί για την οικοδόμηση του οικοσυστήματος WordPress όπως τα Θέματα και Plugins. Θα σας επιτρέψει να διαχειριστείτε οπτικά τις εγκαταστάσεις του πλαισίου. Τη στιγμή της γραφής, είναι το Chassis εξακολουθεί να βρίσκεται στη φάση ανάπτυξης, αλλά θα κυκλοφορήσει σύντομα.

Papersizes

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

TippyJS

Ενα ωραίο Βιβλιοθήκη JavaScript για να δημιουργήσετε το υπόδειγμα εργαλείου, Το TippyJS συνοδεύεται από πληθώρα ρυθμίσεων για να ρυθμίσετε τον τρόπο εμφάνισης και συμπεριφοράς του εργαλείου. Είναι «διασκεδαστικό» με τρόπο που μπορείτε προσαρμόστε την εμφάνιση εύκολα μέσω του CSS. Οι προγραμματιστές θα εκτιμήσουν ιδιαίτερα το “Επανάκληση” παρέχει.

Σχεδίαση μοτίβα PHP

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

Πίνω πολύ

Το Guzzle είναι ένα πρακτικό Βιβλιοθήκη PHP για την πραγματοποίηση αιτημάτων HTTP με διάφορες μεθόδους όπως “ΠΑΙΡΝΩ”, “ΘΕΣΗ” και ακόμη και απαιτήσεις Async παρόμοια με το JavaScript. Έρχεται με ένα πληθώρα μεθόδων λειτουργίας όπου μπορείτε να πάρετε εύκολα την απάντηση από το αίτημα, συμπεριλαμβανομένης της απάντησης Κεφαλίδα, το Σώμα καθώς και τον κωδικό κατάστασης.

Mini.css

Το μίνι είναι α CSS πλαίσιο με ελάχιστο αποτύπωμα. Και όπως τα άλλα πλαίσια, είναι αποσταλεί με μια σειρά από στοιχεία web όπως Πλέγμα, Πλοήγηση, Πίνακας, και τα λοιπα.

SimpleIcons

ΕΝΑ συλλογή εικονιδίων εταιρειών και εμπορικών σημάτων από δημοφιλείς εταιρείες όπως το eBay, το Viber, το Dribble και το Google+ μέχρι τις λιγότερο δημοφιλείς, όπως οι Gitter, Kirby, Viadeo. ο Τα εικονίδια έρχονται σε μορφή SVG και μπορεί να αποδειχθεί μια μεγάλη πηγή για τους σχεδιαστές και τους προγραμματιστές.

Chrome MySQL Admin

ΕΝΑ Επέκταση Chrome για τη διαχείριση της βάσης δεδομένων MySQL. Είναι μια μεγάλη εναλλακτική λύση σε εφαρμογές όπως το Sequel Pro και το MySQL Workbence.

Αριθ

Ο Νουμί είναι α απλή, όμορφη και μοναδική εφαρμογή αριθμομηχανής για Mac. Απλά πληκτρολογήστε “10USD σε SGD” και θα έχετε το αποτέλεσμα!

Laradock

ΕΝΑ Ρύθμιση Docker για να εκτελέσετε το Laravel. Ο Laradock υποστηρίζει διάφορους κινητήρες βάσεων δεδομένων, συμπεριλαμβανομένων των MariaDB και MongoDB, καθώς και κινητήρες Cache όπως Redis και Memchaced. Αν και το όνομά του από τον Laravel, μπορείτε χρησιμοποιήστε το για άλλα πλαίσια ή πλατφόρμες όπως το WordPress και το Drupal επισης.

Fabrica

Η Fabrica είναι α συλλογή εργαλείων για την ανάπτυξη του WordPress από την αρχή μέχρι το τέλος. Το Fabrica χρησιμοποιεί το Docker για γρήγορη εκτέλεση και για να ρυθμίσει το περιβάλλον ανάπτυξης και χρησιμοποιεί το WordMove για την ανάπτυξη.

Μεγαλόσωμος

Husky είναι α Μονάδα κόμβου που μας επιτρέπει να τρέχουμε githooks όπως πριν από τη δέσμευση, προκαταλάβετε, και μετά την παραλαβή.

EasyMap

Το EasyMap το κάνει απόλυτα Εύκολη απόδοση και προσθήκη σημείων στους Χάρτες Google. Απλά προσθέστε το κλειδί API των Χαρτών Google και δώστε τη διεύθυνση της τοποθεσίας σε ένα JSON μορφή και τελειώσατε.

Wappalyzer

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

Οδηγός Bash

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

Chroma.js

Chroma.js είναι Βιβλιοθήκη JavaScript για χειρισμό χρωμάτων. Υποστηρίζει πολλές μορφοποιήσεις χρώματος συμπεριλαμβανομένων των HEX, RGB και RGBA. Πάνω από αυτό, μπορείτε επίσης χειριστείτε τα χρώματα από τη φωτεινότητα, την αντίθεση και τον κορεσμό.