Σχεδιάστε το CSS με αυτόν τον επεξεργαστή εφαρμογών web Adobe Style

Το λογισμικό της Adobe είναι παγκοσμίως γνωστό από τους σχεδιαστές όλων των ηλικιών, αλλά όχι περισσότερο από το Photoshop. Πίνακες επεξεργασίας PhotoShop είναι όλο το shebang με όλα όσα χρειάζεστε για να φτιάξετε προσαρμοσμένα σχέδια.

Και τώρα, υπάρχει ένα δωρεάν πρόγραμμα επεξεργασίας εφαρμογών ιστού, που ονομάζεται LayerStyles, που μιμείται το πρόγραμμα επεξεργασίας στρώσεων του Photoshop ακριβώς στο πρόγραμμα περιήγησής σας. Σας επιτρέπει Δημιουργία δυναμικού κώδικα CSS σαν να εργάζεστε στο Photoshop.

Εάν επισκέπτεστε το σελίδα οικοδόμου μπορείτε να τσιμπήσετε με αυτό για να δείτε πώς λειτουργεί.

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

Αυτά είναι τα πλαίσια που μπορείτε να επιλέξετε από:

1. Σκίαση
2. Εσωτερική σκιά
3. Ιστορικό
4. Σύνορο
5. Ακτίνα ορίων

Όλα μιμούνται το Adobe GUI που κάνει αυτό το εργαλείο τόσο διασκεδαστικό για τους σχεδιαστές. Μπορείτε επίσης να πάρετε το πλήρη κωδικό CSS, δημιουργήθηκε δωρεάν.

Απλά κάντε κλικ στο κουτί της κάτω αριστεράς γωνίας με την ετικέτα “CSS Code” προς το πάρτε το απόσπασμά σας. Έρχεται με όλες τις ιδιότητες CSS3 για όλα όσα έχετε επιλέξει.

Και το καλύτερο από όλα, αυτό το έργο είναι εντελώς open source και δωρεάν στο GitHub αν θέλετε να κάνετε λήψη ενός τοπικού αντιγράφου. Όχι μόνο αυτό μπορεί να είναι διασκεδαστικό δημιουργώντας CSS, αλλά είναι επίσης ένας πολύ καλός τρόπος για να μάθετε πώς να δημιουργήσετε μια εφαρμογή ιστού.

Ο ιστότοπος χρησιμοποιεί ένα παρτίδα του Βιβλιοθήκες JavaScript, μαζί με jQuery plugins. Χτίστηκε από τον υπεύθυνο ανάπτυξης Felix Niklas, ο οποίος έκανε το έργο αυτό ως δευτερεύον έργο.

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

Ρίξτε μια ματιά στο LayerStyles και δείτε τι σκέφτεστε. Μπορείτε να παίζετε με ένα ζωντανή έκδοση στη δοκιμαστική σελίδα και βρείτε όλο τον διαθέσιμο πηγαίο κώδικα δωρεάν στο GitHub.

Ή, αν θέλετε να εξαπλωθεί χάρη στον δημιουργό, μπορείτε να τιτίβετε τα θαυμαστικά σας @mrflix.