Απλά Εργαλεία Για Front-End Developers

[Anastasis 48]

Εδώ θα βρείτε μια λίστα με εργαλεία που θα μπορούσαν να ενδιαφέρουν front-end developers.
Όπως πάντα, εάν έχετε ένα εργαλείο, ένα βιβλίο ή σενάριο που θα θέλατε να μοιραστείτε, να το προσθέσετε στα σχόλια.

 

CSS Menu Maker

 

 

Ένα online εργαλείο για τη δημιουργία HTML και CSS για cross-browser μενού. Μερικές καλές επιλογές εδώ, συμπεριλαμβανομένων και ορισμένων animated εκδόσεις με CSS3. Μπορείτε να επεξεργαστείτε τα μενού δεξιά στην περιοχή, και στη συνέχεια να κατεβάσετε τον κώδικα ως ένα αρχείο zip.

 

Pure CSS3 On/Off Flipswitch

 

 

On / off διακόπτες, που δημιουργούνται με CSS3. Είναι animated, και μπορούν να μιμηθούν τα ίδια είδη που βλέπετε στην iOS, Android και Windows 8. Ο κώδικας έχει φτιαχτεί on the fly και σας επιτρέπει να δοκιμάσετε το αποτέλεσμα και να το προσαρμόσετε στις δικές σας ανάγκες.

 

CSS3 Multi Column

 

 

Μας αρέσουν εργαλεία όπως αυτό. Προσπαθεί να κάνει ένα πράγμα καλά. Σε αυτήν την περίπτωση, είναι μια CSS3 γεννήτρια για multi-columns. Και τα πεδία για την προσαρμογή είναι εύχρηστα, και εύκολα να τα διαβάσει και να τα χρησιμοποιήσει κάποιος.

 

simpl

 

 

Η ιστοσελίδα αυτή έχει ως στόχο να παρέχει τα απλούστερα δυνατά παραδείγματα HTML, CSS και JavaScript. Αυτό είναι πολύ καλό για αρχάριους και ακόμα πιο έμπειρους προγραμματιστές που απλά ψάχνουν για απλά παραδείγματα των διαφόρων front-end χαρακτηριστικών.

 

Img to CSS

 

 

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

 

Pageguide.js

 

 

Ένα script που σας επιτρέπει να προσθέσετε ένα διαδραστικό οδηγό σελίδας στα στοιχεία στην ιστοσελίδα ή την εφαρμογή σας. Τα στοιχεία που δημιούργησατε με τον οδηγό μπορείτε να τα κάνετε κλικ για να πάρετε πληροφορίες σχετικά με το επιλεγμένο αντικείμενο. Φαίνεται καλό για την παροχή μιας ξενάγησης στους χρήστες της λειτουργικότητας app, χωρίς να γράψετε τα πάντα από το μηδέν.

 

The Toolbox

 

 

Τέλος, αν θέλετε περισσότερα εργαλεία, αυτό το site είναι μια αποθήκη σελίδων εφαρμογών και κώδικα, κατηγοριοποιημένα.