css3.gr

CSS3 Please! - ο απόλυτος CSS3 generator

Αν properties όπως to -moz-border-radius και το text-shadow έχουν γίνει πλέον δεύτερή σας φύση, είναι σίγουρο ότι σε φάσεις θα ψάχνετε ξανά και ξανά ένα συγκεκριμένο κανόνα για να τον κάνετε copy/paste - ή στην καλύτερη των περιπτώσεων, θα έχετε αυτοματοποιήσει την όλη διαδικασία με κάποιο hotkey στον αγαπημένο σας editor. Και πάλι όμως, τα διάφορα proprietary formats των ιδιοτήτων CSS3 γίνονται κουραστικά σε μεγάλα projects.

Είδαμε πρόσφατα το border-radius.com που δίνει τη λύση στο πρόβλημα των διαφορετικών συντακτικών στυλ του border-radius ανά τους browsers - τί γίνεται όμως με τα υπόλοιπα properties;

Εδώ κάπου έρχεται να σας βοηθήσει ο γνωστός και μη εξαιρετέος Paul Irish και ο Jonathan Neil με το CSS3 Please!. Πρόκειται ουσιαστικά για ένα generator για τις πιο δημοφιλείς ιδιότητες του CSS3 που χρησιμοποιούνται σήμερα. Εσείς το μόνο που έχετε να κάνετε είναι να αλλάξετε τις τιμές κατά το δοκούν (μπορείτε να αυξήσετε ή να μειώσετε γρήγορα χρησιμοποιώντας τα βέλη του πληκτρολογίου ή τη ροδέλα του ποντικιού σας), έχοντας σαν preview το πλαίσιο που εμφανίζεται στα δεξιά της σελίδας.

Ποτέ πια “μα πώς πάει το συντακτικό του gradient για το Webkit;”. Απλά εισάγετε τις επιθυμητές τιμές και κάντε κλικ στο εικονίδιο που εμφανίζεται on hover για να αντιγράψετε τον αντίστοιχο κώδικα στο clipboard.

To CSS3 Please! έχει κάποια θεματάκια (πείτε με χαζή αλλά δεν κατάλαβα πώς θα βάλω διαφορετικό border-radius σε κάθε corner) αλλά είναι ακόμη υπό ανάπτυξη, οπότε σίγουρα τυχόν προβλήματα θα διορθωθούν. Προσωπικά, το μόνο που με ενοχλεί είναι η κάπως περίεργη στοίχιση των κανόνων, που απαιτεί κάθε φορά να τα κάνω reformat στο δικό μου στυλ - αλλά αυτό δεν είναι κάτι σημαντικό.

Τώρα δεν έχετε πλέον δικαιολογία - το CSS3 είναι εδώ για να μείνει!