Jump to content
Slate Blackcurrant Watermelon Strawberry Orange Banana Apple Emerald Chocolate Marble
Slate Blackcurrant Watermelon Strawberry Orange Banana Apple Emerald Chocolate Marble
Sign in to follow this  
Anastasis

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

Recommended Posts

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

 

CSS Menu Maker

 

CSS Menu Maker

 

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

 

Pure CSS3 On/Off Flipswitch

 

Pure CSS3 On/Off Flipswitch

 

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

 

CSS3 Multi Column

 

CSS3 Multi Column

 

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

 

simpl

 

simpl

 

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

 

Img to CSS

 

Img to CSSmpl

 

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

 

Pageguide.js

 

Pageguide.js

 

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

 

The Toolbox

 

The Toolbox

 

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

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

×