To Ambrosia theme μέσα στα 50 καλύτερα δωρεάν theme του 2011!

To Αmbrosia theme κατάφερε και μπήκε μέσα στα 50 καλύτερα δωρεάν themes του 2011 σύμφωνα με το noupe.com! Το noupe.com, μέλος του πασίγνωστου Smashing Magazine Network, δημοσίευσε ένα post με τα 50 καλύτερα δωρεάν theme για WordPress του 2011. Το theme μου (Ambrosia για όσους έχουν χάσει επεισόδια) κάνει την εμφάνιση στην εν λόγω λίστα, στην θέση 41!

Θα ήθελα να ξαναευχαριστήσω τον Κωστή Βασιλειάδη για την γραφιστική (και όχι μόνο) υποστήριξη 😉

Το internet είναι η θρησκεία μου

Αν και συνήθως δεν κάνω post με τέτοια θέματα, τα συγκεκριμένα videos τα βρήκα εξαιρετικά ενδιαφέροντα! Στο πρώτο οι κορυφαίοι web experts εξηγούν γιατί αγαπάνε το web. Απαντήσεις που πραγματικά εμπνέουν και σε προτρέπουν να πας λίγο παραπέρα… Η δεύτερη ονομάζεται “The Internet is My Religion” και δείχνει την τεράστια δύναμη του internet μέσα από την ζωή του Jim Gilliam! Μην τις χάσετε…

Watch live streaming video from pdf2011 at livestream.com

iPad εφαρμογές και σκέψεις

Εδώ και κάτι μέρες είμαι κάτοχος ενός iPad 2 και οφείλω να ομολογήσω πως το έχω ευχαριστηθεί και χρησιμοποιήσει περισσότερο από το Macbook pro μου! Μετά από κάτι μέρες λοιπόν αισθάνομαι πως επιτέλους το έφερα στα μέτρα μου και αποφάσισα να μοιραστώ την εμπειρία. Οι εφαρμογές που θα παρουσιάσω κάνουν για όλους και οι περισσότερες είναι δωρεάν. Έχουμε και λέμε λοιπόν:

  • Terra browser : Καλός ο Safari αλλά του λείπουν κάποια πραγματάκια που θα ήθελα, όπως tabs, bookmarks κτλ. Ο συγκεκριμένος browser είναι και αυτός webkit-based που σημαίνει πως δεν χάνεται τίποτα σε ποιότητα, αλλά ταυτόχρονα κερδίζετε και τα extra καλούδια που παρέχει.
  • Mail Client : Και πάλι δεν χρησιμοποιώ το Apple Mail, γιατί και δεν μου αρέσει (σοβαρά μιλάω, το έχουν κάνει κάπως περίεργο) αλλά και επειδή βολεύομαι αρκετά με την πολύ καλή mobile version του Gmail. Αν κάποιος έχει να προτείνει κάτι ας αφήσει comment.
  • MobileRSS : Φανταστικός RSS client για το Google Reader. Αν τώρα δεν χρησιμοποιείτε το Google Reader για τα feeds σας δεν έχω να προτείνω κάτι άλλο.
  • FlexPlayer : Ακόμα μια εφαρμογή τρίτων που τρώει μια εγγενής εφαρμογή της Apple, και για την ακρίβεια το Apple Videos. Ο συγκεκριμένος player παίζει αυτόματα όλα τα video formats, κάτι που δεν κάνει το Videos (θέλει μετατροπές και άλλα τέτοια). Κατά τα άλλα είναι ένας minimal player που απλά κάνει την δουλειά του. Το μόνο που δεν έχω δοκιμάσει ακόμα είναι αν παίζει υπότιτλους, αλλά δεν καίγομαι κι ολας. (Σημείωση : δεν είναι streaming λύση)
  • iBooks : Επιτέλους και μια Apple εφαρμογή που χρησιμοποιώ, κυρίως για την ανάγνωση PDF αρχείων. Όσοι θέλουν μπορούν να δοκιμάσουν και το επίσης πολύ καλό και δωρεάν PerfectReader (το χρησιμοποιούσα μέχρι να ανακαλύψω πως διαβάζεις PDFs από το iBooks).
  • Instapapaper ή Read it Later : Προσωπικά χρησιμοποιώ το Instapaper, το οποίο δεν είναι δωρεάν αλλά έχει πολύ καλύτερη υποστήριξη σχεδόν από όλα τα υπόλοιπα iPad apps. Αν τώρα σας χαλάει πάρα πολύ η πληρωμή, το Read it Later είναι η καλύτερη εναλλακτική δωρεάν λύση.
  • Twitter : Ο επίσημος client του twitter είναι μια από τις πιο καλοσχεδιασμένες εφαρμογές που έχω δει. Απλά must!
  • Friendly for Facebook : To Facebook δεν έχει προς το παρόν κάποιον επίσημο client, ωστόσο το Friendly κάνει μια χαρά την δουλειά του.
  • Skype : Ακόμα μια εντυπωσιακή εφαρμογή που αξίζει να έχετε.
  • IM+ : Η καλύτερη και πιο ολοκληρωμένη εφαρμογή για chat που βρήκα. Υποστηρίζει σχεδόν όλα τα δίκτυα, οπότε τα έχετε όλα σε 1.
  • Dropbox : Το Dropbox σας στο iPad.
  • Flipboard : Ακόμα μια πολύ εντυπωσιακή εφαρμογή που σίγουρα αξίζει να της ρίξετε μια ματιά. Το Flipboard θα δημιουργήσει το προσωπικό σας ψηφιακό περιοδικό από τις social media υπηρεσίες που χρησιμοποιείται και θα σας το παρουσιάσει με όμορφα εφέ.
  • PlainText : Η καλύτερη δωρεάν λύση που βρήκα για δημιουργία εγγράφων στο cloud. Γράφεις το κείμενο σου στην εφαρμογή και σου κρατάει τα πάντα μέσα σε ένα directory στο dropbox σου. Ιδανικά θα ήθελα έναν καλό Goolge Docs client, αλλά αυτοί που δοκίμασα (ακόμα και μερικοί ακριβοί) κάνουν edit με το web inerface του Google Docs το οποίο δεν με βολεύει. Αν κάποιος έχει να προτείνει κάτι, please share.
  • Άλλες εφαρμογές που χρησιμοποιώ αλλά που είναι λίγο πιο “ειδικές” είναι το WordPress, TED (παρουσιάσεις), BBC news και FTP Client.
Αυτά τα λίγα από εμένα, όποιος θέλει να προσθέσει κάτι ή να μου προτείνει κάτι που χάνω, ας αφήσει σχόλιο. Καλές διακοπές σε όλους!

Front-end development: Libraries, frameworks και άλλα εργαλεία

H εποχή που με έναν απλό και ταπεινό text editor ξεκινάγαμε να γράφουμε από την αρχή τα πάντα έχει τελειώσει εδώ και πολύ καιρό. Πλέον για την δημιουργία ακόμα και του πιο απλού HTML template είναι σχεδόν υποχρεωτικό να χρησιμοποιήσουμε τουλάχιστον ένα CSS-reset καθώς και αρκετά javascript files, έτσι ώστε να προσθέσουμε συμβατότητα σε παλιότερους browsers, να ελέγξουμε τι υποστηρίζει ο κάθε browser κτλ κτλ. Παρακάτω περιγράφω τι διαδικασία, και φυσικά τα εργαλεία, libraries, scripts και snippets που χρησιμοποιώ σχεδόν σε κάθε νέο project, από το πιο μικρό μέχρι το πιο μεγάλο…

Markup

Ίσως το πιο εύκολο κομμάτι του puzzle. Μέχρι και πέρσι, συνήθως χρησιμοποιούσα ένα δικό μου template (βασισμένο σε Strict XHTML), ωστόσο μιας και προσπαθώ να το γυρίσω σε HTML5, πιάνω τον εαυτό μου να χρησιμοποιεί όλο και πιο συχνά το HTML5 boilerplate του Paul Irish. Το μόνο κακό που του βρίσκω είναι πως δεν μου φαίνεται και τόσο “boilerplate”, και συνήθως μου παίρνει αρκετή ώρα στο να διαγράφω αρχεία και κώδικα έτσι ώστε να το φέρω στα μέτρα μου. Σιγά-σιγά θέλω να φτιάξω και την δική μου λύση, ωστόσο μέχρι τότε το HTML5 boilerplate κάνει μια χαρά την δουλειά του.

CSS

Το πρώτο πράγμα που χρειάζομαι είναι ένα καλό CSS-reset. Αν η markup μου είναι HTML5, χρησιμοποιώ το HTML5 reset του HTML5 Doctor, αν όχι χρησιμοποιώ το παλιό καλό HTML reset του Eric Meyer . Πολλές φορές αν το project “βιάζεται”, χρησιμοποιώ και σαν βάση την τυπογραφία κάποιου έτοιμου CSS framework, συνήθως του Blueprint ή του HTML5 boilerplate. Τέλος, αν το project βιάζεται απελπιστικά ή θέλω κάποιο γρήγορο prototype εδώ και τώρα, χρησιμοποιώ και το grid system του Blueprint (είναι και το μόνο που έχω μάθει!). Τέλος, συνήθως περνάω και τα media queries του Andy Clarke αλλά και ένα print-only style που περιέχει όλη την βασική τυπογραφία για εκτύπωση, για να υπάρχουν (αργά ή γρήγορα θα χρειαστούν)…

Javascript

Και εφόσον κλείσαμε από markup και CSS το μόνο που μας μένει είναι η Javascript μας. Εάν το project έχει HTML5 markup, το html5shiv είναι το πρώτο “must” script που πρέπει να φορτώσουμε. Από εκεί και πέρα συνήθως περνάω το modernizr και το jQuery γιατί όλο και κάπου θα χρειαστούν. Τώρα τελευταία μου αρέσει πολύ σαν ιδέα και το selectivizr μιας και σε βοηθάει πολύ στο να κρατάς την markup σου ακόμα πιο καθαρή, ωστόσο μπορώ να ζήσω και χωρίς αυτό. Τέλος, υπάρχει πιθανότητα (πάντα ανάλογα το project και εάν ο πελάτης είναι περίεργος/φανατικός χρήστης IE) να χρησιμοποιήσω και το Respond.js, έτσι ώστε τα media queries να παίζουν και σε IE 6-7-8…

Αυτά τα λίγα σχετικά με το front-end κομμάτι των site. Όπως καταλαβαίνεται, ακόμα και μικρά projects μπορεί να θέλουν όλα τα παραπάνω και ακόμα περισσότερα για να στηθούν και να λειτουργήσουν όπως πρέπει. Τέλος αν κάποιος χρησιμοποιεί φανατικά κάποιο εργαλείο/library που δεν αναφέρω παραπάνω, ας αφήσει ένα σχόλιο έτσι ώστε το τεστάρουμε και εμείς…

Ambrosia WordPress theme

Μετά από αρκετό καιρό, το δεύτερο προσωπικό μου theme είναι διαθέσιμο (δωρεάν πάντα και κάτω από την GPL 2 άδεια) στο WordPress.org. Ονομάζεται Ambrosia και πρόκειται για ένα πολύ ελαφρύ και minimal theme, όπως το ήθελα άλλωστε, το οποιο επιμελήθηκε ο αγαπητός Κωστής Βασιλειάδης. Μην σας ξεγελάει όμως η απλότητα του, πίσω του κρύβει αρκετά πρωτοποριακά χαρακτηριστικά, ειδικά για free WordPress theme, όπως :

  • Valid HTML5
  • Responsive design (για desktop monitor, iPad και iPhone)
  • Είναι widget ready με 4 διαφορετικές περιοχές
  • Υποστηρίζει custom menus (κεντρικό και βοηθητικό)
  • Υποστηρίζει threaded/nested σχόλια
  • Υποστηρίζει sticky posts
  • Μπορείτε να το μεταφράσετε σε όποια γλώσσα θέλετε (δεν το έχω δυστυχώς μεταφράσει ακόμα στα ελληνικά 🙁 )
  • Είναι accessible και SEO-friendly

Όπως βλέπεται το theme είναι μια αρκετά ολοκληρωμένη λύση, που μπορείτε πολύ εύκολα και γρήγορα να παραμετροποιήσετε και φέρεται στα μέτρα σας. Το theme έχει ελεγχθεί στους περισσότερους browsers, ωστόσο αν δείτε/βρείτε κάτι περίεργο παρακαλώ ενημερώστε με.

Θα ακολουθήσει μια σειρά από posts στο Phrappe.com, τα οποία θα περιγράφουν το πως επιτεύχθηκαν κάποια από τα πιο προχωρημένα πραγματάκια του theme, οπότε όσοι ενδιαφέρεστε περάστε μια βόλτα από εκεί (ή απλά εγγραφείτε στο feed).

Τέλος όποιος θέλει να με βοηθήσει, απλά ας διαδώσει το νέο όπου και όπως μπορεί 😉

Mobile app vs native app

Ο τίτλος θα μπορούσε να είναι και “θέλω να φτιάξω ένα site που να παίζει σε όλους τους browsers, κινητά και tablets που υπάρχουν στην αγορά”. Δυστυχώς όμως μερικά πράγματα δεν γίνονται όσο μαγικά θέλουμε… Αλλά καλύτερα ας πάρουμε τα πράγματα από την αρχή. Το mobile web έχει μπει για τα καλά στην ζωή μας, μιας και μπορούμε πολύ εύκολα είτε με ένα smartphone είτε με ένα tablet να κάνουμε σχεδόν τα πάντα και μάλιστα ενώ είμαστε μακριά από το γραφείο μας. Η πλειοψηφία των παραπάνω συσκευών λειτουργεί με μόλις 2 λειτουργικά, το iOS της Apple που είναι ενσωματωμένο σε όλες τις συσκευές της (iPhone, iPad, κτλ.) και το Androind OS το οποίο είναι η πρώτη σοβαρή και open source επιλογή για τους υπόλοιπους κατασκευαστές.

Το πρόβλημα συνήθως ξεκινάει με το πως θα φαίνεται το site μας σε μια τέτοια συσκευή. Για κάποιο περίεργο λόγο, οι περισσότεροι χρήστες/πελάτες είναι αρκετά μπερδεμένοι, μιας και δεν ξέρουν τι λύσεις υπάρχουν (και υπάρχουν λύσεις για όλα τα budgets), ποια είναι τα πλεονεκτήματα και μειονεκτήματα τους, και γενικότερα επικρατεί μια σύγχυση για το θέμα, με αποτέλεσμα να δημιουργούνται προβλήματα και παρεξηγήσεις. Ελπίζω το παρακάτω άρθρο να ξεδιαλύνει κάπως το τοπίο έτσι ώστε να επωφεληθούμε όλοι. Σε αυτό το σημείο θα ήθελα να τονίσω πως δεν είμαι κανένας φοβερός mobile guru/expert, και ίσως κάπου κάνω λάθος, γι’ αυτόν τον λόγο όποιος έχει να συμπληρώσει/προσθέσει κάτι, απλά ας μου αφήσει ένα σχόλιο. Έχουμε και λέμε λοιπόν, το site μας μπορεί να εμφανιστεί στο smartphone/tablet μας με δύο τρόπους.

Web app

Επιλέγοντας αυτήν την λύση, εννοούμε πως θα χρησιμοποιούμε τον browser της συσκευής μας (smartphone/tablet) για να δούμε το site μας. Μια αρκετά απλή λύση μπορεί να είναι η χρήση κάποιων CSS queries (Responsive Web Design) έτσι ώστε το site μας να φαίνεται λίγο πιο μαζεμένο και optimised στις συσκευές (οθόνες) που έχουμε αποφασίσει να υποστηρίξουμε. Αυτό δεν σημαίνει πως μπορούμε να φτάσουμε μέχρι εκεί. Ανάλογα με τις ανάγκες του project, και φυσικά το budget του, το mobile site μπορεί να γίνει όσο πολύπλοκο θέλουμε, χρησιμοποιώντας όσο καλύτερα γίνεται τις δυνατότητες της συσκευής και του browser που μας παρέχει. Για παράδειγμα η Google (λόγω και του Android), αποφεύγει τις native εφαρμογές, προσφέρει όμως σχεδόν σε όλες της τις υπηρεσίες ειδικά διαμορφωμένες web εφαρμογές για κινητά και tablets (μπείτε στο Gmail από τον browser του κινητού σας και θα καταλάβετε τι εννοώ).

Τα πλεονεκτήματα μιας web app είναι αρκετά. Το πρώτο και σημαντικότερο είναι πως δεν χρειάζεστε κάποιο συγκεκριμένο SDK (όπως πχ. το iOS SDK) για να δημιουργήσετε την web εφαρμογή σας. Μπορείτε να χρησιμοποιήσετε web τεχνολογίες όπως HTML (HTML5 καλύτερα), CSS και Javascript! Σε αυτό το σημείο αξίζει να σημειώσω πως οι browsers των κινητών/tablet (των σοβαρών κατασκευαστών τουλάχιστον) είναι φοβερά εξελιγμένοι και με πολλά χαρακτηριστικά, πράγμα που σημαίνει πως ήδη υποστηρίζουν πολλά HTML5 και CSS3 καλούδια. Το δεύτερο πλεονέκτημα μιας web app είναι πως, αν είναι καλοσχεδιασμένη φυσικά (βλέπε Progressive enhancement, Responsive Web Design, κτλ. κτλ.), μπορεί να καλύψει την πλειοψηφία των συσκευών και των browser που υπάρχουν! Αυτό σημαίνει πως με μόλις μία εφαρμογή μπορεί να καλυφθούν όλα τα κινητά και tablets ανεξαρτήτου κατασκευαστή και λειτουργικού συστήματος. Τέλος ακόμα ένα πλεονέκτημα μπορεί να θεωρηθεί και η ανεξάρτητη διανομή, μιας και στην ουσία η εφαρμογή ζει στο web και όχι σε κάποιο store (o χρήστης απλά συνδέεται με την εφαρμογή χρησιμοποιώντας τον browser του). Χαρακτηριστικό παράδειγμα φοβερής web εφαρμογής που ήθελε να παρακάμψει το γνωστό για την εκκεντρικότητα του Apple App Store, είναι η εφαρμογή της Financial Times. Ρίξτε οπωσδήποτε μια ματιά από το κινητό σας και δείτε τι φανταστική δουλειά έχουν κάνει…

Τα μειονεκτήματα τώρα (ναι υπάρχουν και αυτά) έχουν να κάνουν κυρίως στο ότι δεν είναι εγγενής (native) εφαρμογή (τι έγραψα τώρα!). Οι web εφαρμογές λοιπόν, είναι συνήθως λίγο πιο αργές σε ανταπόκριση, μιας και στέλνουν σε έναν server κάποιο request και περιμένουμε απάντηση, ενώ συνήθως δεν έχουν και την “γυαλάδα” του native user interface. Επίσης οι web εφαρμογές μπορούν να κάνουν μόνο ότι μπορεί να καταλάβει ο browser της εκάστοτε συσκευής, δεν έχουν με άλλα λόγια πρόσβαση σε πιο advanced χαρακτηριστικά της συσκευής (όπως πχ. camera, GPS, πυξίδα, γυροσκόπιο, κτλ.).

Native app

Εγγενείς (native) εφαρμογές ονομάζουμε αυτές που τις κατεβάζουμε και της εγκαθιστούμε στην συσκευή μας από κάποιο store (πχ. App Store), είτε δωρεάν, είτε πληρώνοντας κάποιο χρηματικό ποσό. Η κάθε εφαρμογή έχει φτιαχτεί ειδικά για την συγκεκριμένη συσκευή, πράγμα που σημαίνει πως εκμεταλλεύεται πολύ καλά τα χαρακτηριστικά της εκάστοτε συσκευής, αλλά όπως καταλαβαίνεται πρέπει να γράψετε τουλάχιστον 2 διαφορετικές εφαρμογές (και να δουλέψετε με 2 διαφορετικά SDK) έτσι ώστε να δημιουργήσετε εφαρμογές για τα 2 βασικά λειτουργικά των κινητών/tablet (iOS και Android).

Τα πλεονεκτήματα και εδώ είναι αρκετά, με πρώτο και σημαντικότερο πως δεν χρειάζεται να είσαι συνδεδεμένος στο internet για να χρησιμοποιήσεις την εφαρμογή (εκτός φυσικά και αν αυτό είναι requirement της ίδιας της εφαρμογής). Το user interface και η απόκρισή είναι πολύ πιο γρήγορα και συνήθως πιο εντυπωσιακά από τα αντίστοιχα μιας web εφαρμογής, ενώ μπορούμε να χρησιμοποιήσουμε και όλα τα advanced χαρακτηριστικά της εκάστοτε συσκευής όπως camera, GPS, πυξίδα, γυροσκόπιο, κτλ. (εδώ την έχει πατήσει λίγο το Android μιας και οι κατασκευαστές εκτός από ότι είναι πολλοί, προσφέρουν και διαφορετικά χαρακτηριστικά στις συσκευές τους, πράγμα που δημιουργεί αρκετά προβλήματα στους developers).

Το βασικότερο μειονέκτημα τώρα, το ανέφερα και πιο πάνω, δεν είναι άλλο από το γεγονός πως η εφαρμογή είναι platform-dependent, που σημαίνει πως πρέπει να γράψετε την ίδια εφαρμογή για πολλές πλατφόρμες (τουλάχιστον 2), χωρίς να κάνω λόγο για τις υποπεριπτώσεις τους (όπως πχ. τις αλλαγές που μπορεί να υπάρχουν σε hardware χαρακτηριστικά πχ. retina display, ή εντελώς διαφορετικά hardware setup σε android συσκευές). Τέλος ένα μικρό μειονέκτημα μπορεί να θεωρηθεί και το γεγονός πως για να γίνει update η εφαρμογή, πρέπει να ξανά-ανέβει στο εκάστοτε store (αφού εγκριθεί κτλ .κτλ.), να την ξανά-κατεβάσει και να την ξανά-κάνει install ο εκάστοτε χρήστης (στην περίπτωση της web app το update είναι πολύ πιο άμεσο).

Αυτά τα λίγα περί web και native εφαρμογών για κινητά και tablets. Ελπίζω να ξεκαθάρισα λιγάκι το τοπίο, μιας και για κάποιο ανεξήγητο λόγο τα πράγματα είναι αρκετά μπερδεμένα! Αν κάποιος θέλει να συμπληρώσει κάτι, ας αφήσει απλά ένα σχόλιο…

3 ελληνικά events που αξίζει να παρακολουθήσετε

Απ ότι φαίνεται η ελληνική κοινότητα θα είναι πολύ δραστήρια τις επόμενες μέρες μιας και ετοιμάζονται όχι 1, ούτε 2, αλλά 3 (!!!) events σε Αθήνα και Θεσσαλονίκη. Ακολουθούν τα events σε χρονολογική σειρά (για να μην παρεξηγηθώ), καθώς και μια μικρή περιγραφή.

Joomladay

Το πρώτο επίσημο event για Joomla στην Ελλάδα, θα πραγματοποιηθεί στον συνεδριακό χώρο του κινηματογράφου “ΔΑΝΑΟΣ” το Σαββατοκύριακο 28 και 29 Μαΐου. Το πρόγραμμα δείχνει γεμάτο και αξιόλογο, με 33 παρουσιάσεις και ομιλητές από όλη την γη (φυσικά κάποιες παρουσιάσεις θα είναι στα αγγλικά)! Καλή επιτυχία και συνέχεια στο event αν και νομίζω πως δεν την χρειάζεται μιας και ήδη δείχνει πως κρύβεται φοβερή ποιότητα και οργάνωση από πίσω του…

GreeceJS Meetup

Το πρώτο meetup του ελληνικoύ JavaScript User Group θα πραγματοποιηθεί στο CoLab την Τετάρτη 1 Ιουνίου (19:00). Οι παρουσιάσεις, αν και μόλις 3 φαίνεται να έχουν ιδιαίτερο ενδιαφέρον μιας και γίνονται από πολύ έμπειρους επαγγελματίες του χώρου.

Wordcamp

Τέλος στις 4 Ιουνίου γίνεται το 2ο ελληνικό Wordcamp και πάλι στην Θεσσαλονίκη. Οι παρουσιάσεις υπόσχονται πολλά, ενώ χαίρομαι ιδιαίτερα που βλέπω πολλούς φίλους/συναδέλφους να βρίσκονται εκεί ως ομιλητές. Είμαι σίγουρος πως όποιος αποφασίσει να παρευρεθεί δεν θα το μετανοιώσει.

Καλή επιτυχία και συνέχεια σε όλα τα events και εύχομαι να δούμε ακόμα πιο πολλά!

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.

Nwrapper jQuery plugin

Μόλις τελείωσα ένα πολύ εύχρηστο jQuery plugin με την ονομασία nwrapper. Πρόκειται για ένα utility plugin, με το οποίο μπορείτε να κάνετε wrap ανά όσα elements θέλετε (όπως κάνει η wrap() function του jQuery αλλά με περισσότερες επιλογές)… Για περισσότερες πληροφορίες μπορείτε να ρίξετε μια ματιά σε αυτό το post (στα αγγλικά) και φυσικά στην demo page που έχω ετοιμάσει. Αν έχετε κάποια επιπλέον ιδέα αφήστε μου comment. Enjoy ‘n Share 😉

2010 : μια προσωπική ανασκόπηση…

Φέτος αντί για μελλοντικές προβλέψεις και άλλα τέτοια βουντού, λέω να γράψω ένα πιο προσωπικό post για την χρονιά που πέρασε, και πιο συγκεκριμένα μια ανασκόπηση για το τι κατάφερα, τι δεν κατάφερα, τι κέρδισα και τι έχασα μέσα στο 2010…

Το 2010 ήταν μια πολύ παραγωγική χρονιά, με πάρα πολλές δουλειές, αλλά και αρκετή κούραση! Το πέρασα όλο στην Wedia μαζί με πάρα πολύ καλούς φίλους και συνεργάτες από τους οποίους μαθαίνω πολλά… Μόνο τον τελευταίο χρόνο λοιπόν έχω συμμετάσχει ενεργά σε πάνω από 12 μεγάλα sites/παραγωγές αναλαμβάνοντας πάντα το  front-end κομμάτι τους (HTML, CSS και Javascript), ενώ αξίζει να σημειώσω πως όλες οι παρακάτω παραγωγές είναι βασισμένες στο ίδιο CMS, το Drupal. Πιο συγκεκριμένα έχω συμμετάσχει στα παρακάτω έργα :

Αν τα βάλει κανείς κάτω μιλάμε για περίπου ένα μεγάλο site τον μήνα, πράγμα φοβερά δύσκολο στην υλοποίηση, μιας και τα πάντα πρέπει να έχουν μελετηθεί και σχεδιαστεί τέλεια, ενώ πρέπει να συνεργαστούν άψογα όλοι οι υπεύθυνοι παραγωγής του site, ανάμεσα τους και ο δύστροπος έλληνας πελάτης που πάντα δυσκολεύει περισσότερο την κατάσταση από το να την διευκολύνει (φταίμε πάρα πολύ και εμείς σε αυτό το θέμα, αλλά ας τα αφήσουμε αυτά για άλλο post). Α, καταφέραμε να κερδίσουμε και ένα BRONZE Ermis Award για το I Love GR, όχι πως σημαίνει κάτι, απλά το αναφέρω…

Σε ακόμα πιο προσωπικό επίπεδο, ξεκίνησα ακόμα ένα blog το οποίο έχει και πάλι ως θέμα το web design/developement, και ονομάζεται Phrappe.com. Όπως θα παρατηρήσετε αν το επισκεφθείτε, τα αγγλικά είναι η επίσημη γλώσσα του, ενώ σχεδόν σε όλα τα post του θα βρείτε και snippets κώδικα. Ήταν κάτι που πραγματικά ήθελα να κάνω…

Ακόμα μια πολύ καλή και τιμητική στιγμή που είχα προς το τέλος του έτους, ήταν η παρουσίαση που έκανα μαζί με τον Μιχάλη Μαυρομμάτη, στο ελληνικό DrupalCamp. Θα ήθελα να ευχαριστήσω τον Νεκτάριο Συλλιγαρδάκη για την πρόσκληση και την πολύ καλή διοργάνωση, και εύχομαι κάθε camp να είναι καλύτερο από το προηγούμενο! Ελπίζω να βλέπουμε όλο και πιο συχνά τόσο οργανωμένα και ενδιαφέροντα events στην χώρα μας, γιατί πραγματικά τα χρειαζόμαστε.

Κλείνοντας θα ήθελα να σχολιάσω και κάποιους στόχους που είχα θέσει για το 2010, αλλά δυστυχώς δεν κατάφερα να φέρω εις πέρας (μην ευλογούμε μόνο τα γένια μας). Δυστυχώς αισθάνομαι πως ασχολούμαι όλο και λιγότερο με τα blogs μου, και γενικότερα είμαι λιγότερο δραστήριος προς κοινότητα, κάτι στο οποίο θέλω να βελτιωθώ φέτος. Ανάλογη αμέλεια έχει και το κακόμοιρο theme του blog μου το οποίο δεν έχω καταφέρει να ανανεώσω ακόμα! Έχω τελειώσει πάνω από 5 διαφορετικά themes, ωστόσο κανένα δεν μου άρεσε όσο θα ήθελα, αλλά ελπίζω φέτος να καταφέρω να φτιάξω κάτι που να μου αρέσει. Τέλος θέλω να βρω τον χρόνο έτσι ώστε να ξεκινήσω επιτέλους κάποια pet projects που έχω στο μυαλό μου. Το ξέρω πως είναι πολύ δύσκολο, ωστόσο θα προσπαθήσω να τα βάλω μπρος σιγά-σιγά…

Αυτά τα λίγα από εμένα. Καλή Χρονιά με υγεία σε όλους 😉