6 Βασικά εργαλεία ανοιχτού κώδικα για τους σχεδιαστές ιστοσελίδων
Ο ιστός λειτουργεί με λογισμικό ανοιχτού κώδικα. Το μεγαλύτερο μέρος είναι στο πίσω μέρος, με τους περισσότερους διακομιστές στον κόσμο να τρέχουν σε κάποια μορφή Unix ή Linux. Αυτοί οι διακομιστές τρέχουν εκατοντάδες, αν όχι χιλιάδες, βοηθητικά προγράμματα ανοιχτού κώδικα, διερμηνείς σεναρίων κ.λπ. Μια φορά κι άλλο, όμως, το υλικό ανοικτής πηγής πηγαίνει μέχρι το πρόγραμμα περιήγησης, όπου ο χρήστης μπορεί να το δει.
Εντάξει, αυτό συμβαίνει πολύ. Υπόθεση στο σημείο: WordPress; το βλέπετε τώρα. Αλλά η συζήτηση, όταν πρόκειται για τα εργαλεία σχεδιασμού ιστοσελίδων, συχνά κυριαρχείται από το λογισμικό που πρέπει να πληρώσετε για: Photoshop, Adobe XD, Sketch, η σουίτα Affinity, το Sublime Text και περίπου δύο χιλιάδες web εφαρμογές πρωτότυπου. Όταν μιλάμε για λογισμικό ανοιχτού κώδικα web design, μιλάμε για το WordPress, και περιστασιακά το GIMP ... ή κάτι τέτοιο.
Σε αυτό το άρθρο, ήθελα να επισημάνω κάποια άλλα έργα ανοιχτού κώδικα που είναι ενεργά, λιγότερο γνωστά και μάλλον πολλά υποσχόμενα. Περιμένω τα σπουδαία πράγματα από κάθε ένα από αυτά τα έργα, αν μόνο μπορούμε να τους προσεγγίσουμε:
1. Κρίτα
Κρίτα είναι ένας ισχυρός επεξεργαστής γραφικών με μεγάλη έμφαση στην απεικόνιση και την ψηφιακή ζωγραφική. Το Διαδίκτυο είναι γεμάτο εικονογράφηση. Όλο και περισσότεροι σχεδιαστές επιλέγουν να χρησιμοποιούν εικόνες, ακόμα και ψηφιακούς πίνακες ζωγραφικής, για να φέρνουν τη ζωή στα σχέδια τους στο διαδίκτυο. Σίγουρα, το μεγαλύτερο μέρος του είναι σε διανυσματική μορφή για λόγους SVG, αλλά αν θέλετε μια πιο παραδοσιακή ματιά στα γραφικά σας, ο Κρίτα έχει την πλάτη σας.
Έχει επίσης τα περισσότερα από τα χαρακτηριστικά που θα περιμένατε να βρείτε σε έναν παραδοσιακό επεξεργαστή γραφικών. Δεν θα το χρησιμοποιήσω για το σχεδιασμό mockups (αν και θα μπορούσατε) απλά επειδή υπάρχουν ευκολότεροι τρόποι.
2. Κώδικας Visual Studio
Μια φορά κι έναν καιρό, ήταν περίεργο να σκεφτόμαστε ότι η Microsoft έχει να κάνει με λογισμικό ανοιχτού κώδικα. Τώρα, το Ubuntu τρέχει σε λειτουργία CLI στα Windows, και δίνουν ένα δωρεάν επεξεργαστή κειμένου . Από τότε που ξεκίνησε ο κώδικας του Visual Studio, έχει αναπτυχθεί αρκετά η βάση των ανεμιστήρων. Και γιατί όχι? Είναι γρήγορο, είναι επεκτάσιμο, λειτουργεί.
Τώρα, εάν είστε ήδη εδραιωμένοι με το Sublime Text, Atom ή έναν από τους άλλους διάσημους συντάκτες κειμένων, δεν υπάρχει λόγος να αλλάξετε. Αυτό ισχύει ιδιαίτερα εάν βρίσκεστε σε Mac ή τρέχετε το Linux. Η μεγάλη κλήρωση είναι η ενσωμάτωση του κώδικα VS με άλλα εργαλεία ανάπτυξης της Microsoft. Εάν εκτελείτε τα Windows και τον κώδικα στο ASP.Net, για παράδειγμα, ίσως δείτε τι πρέπει να προσφέρει αυτός ο επεξεργαστής κειμένων.
3. UIkit
Αν σας αρέσει να βλέπετε τα μπροστινά άκρα για διασκέδαση ή το "Big Two" δεν το κόβετε για σας, δοκιμάστε το UIkit . Είναι byte-συνειδητή, και είναι αρθρωτό, έτσι πρέπει μόνο να χρησιμοποιήσετε τα κομμάτια που θέλετε. Το Github repo τους δείχνει ένα δίκαιο κομμάτι δράσης. Το πιο σημαντικό, φαίνεται ότι είναι αρκετά καλό από προεπιλογή, κάτι που οι περισσότεροι άνθρωποι θέλουν από αυτά τα πλαίσια.
4. Σχέδιο μολύβι
Ίσως να θυμάστε Μολύβι από τις ημέρες που ήταν απλώς μια επέκταση του Firefox. Λοιπόν, το μολύβι έχει γίνει από τότε μια ώριμη, σταθερή εφαρμογή πλαισίωσης / προτυποποίησης από μόνη της. Δεν διαθέτει κάποια από τα εκτεταμένα χαρακτηριστικά συνεργασίας των εφαρμογών στο διαδίκτυο στην κατηγορία του, αλλά είναι ιδανική για όποιον χρειάζεται ή θέλει να εργαστεί εκτός σύνδεσης.
Με μια μεγάλη βιβλιοθήκη στοιχείων και στένσιλ διαθέσιμο, θα πρέπει να είστε σε θέση να το πάρει και να ξεκινήσει πρωτότυπα γρήγορα. Είναι ακόμα υπό ανάπτυξη, με την έκδοση 3.0 να κυκλοφορεί τον Φεβρουάριο και την τελευταία έκδοση bugfix στις 11 Μαΐου.
5. kodeWeave
kodeWeave είναι ένα νεότερο έργο που μοιάζει πολύ με το CodePen, επειδή εξυπηρετεί βασικά τον ίδιο σκοπό: πειραματιστείτε με κομμάτια κώδικα front-end. Η μεγάλη διαφορά είναι ότι εκτός από τη χρήση της ως εφαρμογής ιστού, μπορείτε να την κατεβάσετε ως αυτόνομη εφαρμογή για Windows, Mac, Linux, ChromeOS και Android.
Αυτό είναι εξαιρετικό για την ανάπτυξη εκτός σύνδεσης, φυσικά, αλλά είναι επίσης εξαιρετικό για εκείνα τα έργα όπου ο πελάτης σας προτιμά να μην έχει δεδομένα έργου και πειράματα κώδικα στο σύννεφο. Έρχεται επίσης με έρχεται με προεπεξεργαστές CSS, και σχεδόν κάθε πλαίσιο που μπορείτε να ονομάσετε από την κορυφή του κεφαλιού σας.
Μπόνους: μπορεί να ενσωματωθεί με μια εφαρμογή που ονομάζεται WebDGap για να εξάγετε τον κώδικα σας ως native desktop ή κινητή εφαρμογή, οπότε είναι πολύ ωραίο για πρωτότυπα.
6. ΣταφύλιαJS
GrapesJS είναι ένας οικοδόμος ιστοτόπων. Λοιπόν, είναι περισσότερο ένα πλαίσιο οικοδόμησης ιστοτόπων. Μπορείτε να το ανοίξετε και να επεξεργαστείτε τα σχέδια του ιστότοπού σας στο διαδίκτυο. Υποστηρίζει ανταποκρινόμενο σχεδιασμό (φυσικά), επεξεργάζοντας τον κώδικα μόνοι σας (αν θέλετε πραγματικά), διάφορες λειτουργίες προεπισκόπησης, αναίρεση / επαναφορά και πολλά άλλα. Έχει επίσης ένα σύνολο προκαθορισμένων στοιχείων σελίδας που μπορείτε να μεταφέρετε και να αποθέσετε.
Αλλά πραγματικά, το GrapesJS σήμαινε να πέσει στα έργα άλλων ανθρώπων. Μπορείτε να το συμπεριλάβετε σε μια μεγαλύτερη εφαρμογή, όπως μια υπηρεσία δημιουργίας ιστότοπων, ένα CMS εγκατάστασης, μια εφαρμογή διαχείρισης ενημερωτικών δελτίων ή οτιδήποτε μπορεί να χρειαστεί πρότυπα HTML / CSS που μπορούν να προσαρμοστούν από τον τελικό χρήστη. Και είναι αρκετά εύκολο στη χρήση. Υπάρχει μια καμπύλη μάθησης για όποιον δεν είναι εξοικειωμένος με το σχεδιασμό ιστοσελίδων, όπως πάντα θα υπάρχει, αλλά είναι ένας αρκετά ικανός επεξεργαστής σελίδων.
Τιμητική αναφορά
Αξίζει να το αναφέρουμε Studio Synfig , μια εφαρμογή 2D animation. Δεν έχει πολλά να κάνει με το σχεδιασμό ιστοσελίδων, οπότε δεν το έκανε στον κατάλογο. Ωστόσο, μπορεί να χρησιμοποιηθεί για τη δημιουργία περιεχομένου για τον ιστό και έχει περάσει πολύ από το τελευταίο έτος. Η ομάδα αξίζει μια φωνή έξω.
Πολλά άλλα μεγάλα έργα OSS έχουν έρθει και φύγουν. Κάποιοι ακόμα ακόμα αναπτύσσονται τακτικά σε σχετική αψία, που χρησιμοποιείται μόνο από λίγους πιστούς, αγαπημένους οπαδούς. Και ίσως ο Richard Stallman. Πηγαίνετε να κοιτάξετε γύρω από το Github, το SourceForge και άλλους καταφύγους του λογισμικού OSS. Κάτι εκεί έξω μπορεί να βρει το δρόμο της στη διαδικασία σχεδιασμού ιστοσελίδων σας, και ίσως ακόμα και σε σας ...
... εντάξει, δεν μπορώ να το ολοκληρώσω με ένα ευθεία πρόσωπο.