CSS3 και βοηθητικά εργαλεία…

Δεν υπάρχει πιο καλή περίοδος από αυτήν για να αρχίσουμε σιγά-σιγά να χρησιμοποιούμε όλο και περισσότερους CSS3 κανόνες. Οι καινούργιοι browsers είναι αρκετά ώριμοι για κάτι τέτοιο, οι mobile  browsers βρίσκονται σε εξίσου υψηλό επίπεδο, ενώ στους παλιότερους δεν πρόκειται να χαλάσει τίποτα, απλά δεν θα “βλέπουν” τα καινούργια καλούδια (δεν πρόκειται να χαλάσει κάτι).

Το μόνο αρνητικό στην παραπάνω υπόθεση είναι πως στις περισσότερες περιπτώσεις είτε το συντακτικό είναι κάπως δύσκολο στην εκμάθηση (κάθε αρχή και δύσκολη), είτε χρησιμοποιούνται διάφορα browser prefixes για να λειτουργήσουν σωστά, είτε οι κανόνες είναι αρκετά “visual”, οπότε θέλουμε να βλέπουμε άμεσα στον browser το αποτέλεσμα, και όχι να προσπαθούμε να μαντεύουμε τις ρυθμίσεις.

Παρακάτω έχω μαζέψει κάποια online εργαλεία που χρησιμοποιώ για την γρήγορη επίλυση των παραπάνω περιπτώσεων. Έχουμε και λέμε λοιπόν :

  • CSS3 Please! : Ένα απλό αλλά πολύ περιεκτικό site για να αντιγράψετε εύκολα και γρήγορα τους CSS3 κανόνες που θέλετε (μαζί με όλα τα browser prefixes). Γρήγορο, minimal και “to the point”. Είναι συνήθως ο πρώτος μου σταθμός όταν ψάχνω κάποιο prefix για CSS3 κανόνα.
  • CSS3 Generator : Εξίσου καλό εργαλείο, ωστόσο μερικές φορές πρέπει να κάνεις κάποια click παραπάνω για να πάρεις αυτό που θέλεις…
  • Font Squirrel : Απλά το καλύτερο εργαλείο για μετατροπή γραμματοσειρών σε web fonts (@font-face). Δεν έχω χρησιμοποιήσει ποτέ μου άλλο εργαλείο γι’ αυτήν την δουλειά.
  • Layer Style : Ένα πολύ-εργαλείο που προσφέρει γραφικό περιβάλλον (σε στυλ “Photoshop”) για την δημιουργία των κανόνων μας, αλλά και live preview! Πολύ έξυπνη ιδέα και υλοποίηση, που θα βοηθήσει πολλούς γραφίστες και όχι μόνο…
  • Drop Shadow Generator : Πιο εξειδικευμένο στις σκιές, ωστόσο τα έτοιμα presets του είναι φανταστικά, ενώ μπορείτε να δείτε και σε live preview το πως θα φαίνεται η σκιά σας. Προσωπικά το χρησιμοποιώ συχνά γιατί δεν μπορώ να προβλέψω με τίποτα το πως θα φαίνονται οι σκιές στον browser!

Έχετε να προσθέσετε κάποιο άλλο εργαλείο, τότε απλά αφήστε ένα comment 😉

Update : Προσθέτω ακόμα 2 πολύ καλά εργαλεία που συστήνει ο φίλος μου Γιάννης.

  • CSS3.0 Maker : Μια λύση “όλα σε ένα”, μιας και δημιουργεί κώδικα για τα πάντα, από border-radius μέχρι CSS animations. Μου αρέσει γιατί δείχνει και ποιοι browsers υποστηρίζουν τους CSS3 κανόνες.
  • Ultimate CSS Gradient Generator : Πολύ καλό εργαλείο για την δημιουργία gradients με πολλά presets και εύκολο UI.

Το τέλος του Text Link Ads στο Tsevdos.com

Μετά από την πολύ ενδιαφέρον συζήτηση στο blog περί on-line διαφήμισης, αποφάσισα να τερματίσω την υπηρεσία Text Link Ads που χρησιμοποιούσα εδώ και αρκετό καιρό. Ο λόγος, όπως μπορείτε να διαβάσετε και στα σχόλια, είναι πως η Google τιμωρεί τα site που επιτρέπουν τις αγοραπωλησίες link, και για να μην μπω σε πολλές λεπτομέρειες, το Text Link Ads κάνει ακριβώς αυτό το πράγμα.

Μένω λοιπόν προς το παρόν μόνο με το Adsense (το οποίο δεν μου δίνει σχεδόν τίποτα, αλλά το έχω για να πειραματίζομαι), και περιμένω πως και πως να βγει από την beta το BuySellAds (ή έστω να δεχτούν επιτέλους το ελληνικό blogακι μου)…

Η απόλυτη λίστα web accessibility και usability υπηρεσιών

Το Virtual Hosting blog δημιούργησε την πιο ολοκληρωμένη λίστα δωρεάν web accessibility και usability υπηρεσιών που έχω βρει μέχρι τώρα! Το post είναι εξαιρετικό, με αρκετές λεπτομέρειες για την κάθε υπηρεσία, και είναι must για όλους όσους ασχολούνται σοβαρά με το web design. Ετοίμαζα και εγώ κάτι σχετικό, αλλά πλέον δεν υπάρχει λόγος να ξαναγράφω τα ίδια πράγματα…

Δωρεάν On-line Flash editor

Μετά τους on-line HTML editors καιρός ήταν να δούμε και τον πρώτο on-line, και δωρεάν πάντα, Flash editor, με το όνομα Sprout. Αν και δεν δοκίμασα ακόμα την εν λόγω υπηρεσία, η ιδέα είναι η δημιουργία μικρών Flash εφαρμογών κατευθείαν στον browser (χωρίς την ανάγκη ύπαρξης του Adobe Flash με λίγα λόγια) και στη συνέχεια το μοίρασμα αυτών των εφαρμογών οπουδήποτε, κάνοντας embed τον κώδικα που σας παρέχει το Sprout! Οι δυνατότητες που προσφέρει φαίνονται αρκετές (ιδιαίτερα για τον μέσο χρήστη), και σίγουρα αποτελεί μια πολύ απλή, εύχρηστη και γρήγορη λύση για μικρά Flashάκια που ζητάνε συνήθως οι πελάτες. Είναι ήδη στα bookmarks μου και θα το κοιτάξω και πιο προσεκτικά! Viva Web 2.0!!!

Δωρεάν on-line WYSIWYG HTML editors

Για όσους δεν έχουν ιδιαίτερες web design γνώσεις και θέλουν μια πολύ απλή και δωρεάν προβολή στο internet υπάρχουν πλέον δύο δωρεάν on-line λύσεις! To Roxer και το Webnode λοιπόν, αναλαμβάνουν να γίνουν οι on-line WYSIWYG HTML editors του απλού χρήστη! Μάλλον θα αρχίσω να τα συστήνω και σε ανθρώπους που βρίσκουν ακριβές τις web design υπηρεσίες… Ξέρετε αυτούς που με 300 ευρώ θέλουν να τους φτιάξεις το νέο Youtube ή Flickr!