JoomlaDay 2013 (και η παρουσίαση μου εκεί)

Το προηγούμενο Σάββατο (15 Ιουνίου) είχα την τιμή να βρίσκομαι στο JoomlaDay 2013 ως ομιλητής (και όχι μόνο). Το event ήταν πάρα πολύ καλά οργανωμένο και ανά πάσα στιγμή μπορούσες να βρεις την παρουσίαση που σου ταίριαζε στις 2 αίθουσες του κινηματογράφου Δαναού. Αξίζουν συγχαρητήρια στον Φώτη που κάθε χρόνο αναλαμβάνει και οργανώνει ένα μεγάλο event το οποίο μπορούν να παρακολουθήσει ο καθένας εντελώς δωρεάν! Αυτό που μου άρεσε – δεν ξέρω αν θα συμφωνήσουν όλοι με αυτήν την άποψη – είναι πως σχεδόν οι μισές παρουσιάσεις δεν είχαν να κάνουν με το Joomla αλλά γενικότερα με το web design, web developemt, με mobile developement (Firefox OS και Windows mobile) αλλά και με cloud services. Βρίσκω μόνο θετικά μια τέτοια αντιμετώπιση και ελπίζω να συνεχιστεί και σε άλλα event – μην κολλάμε με τεχνολογίες/CMS/frameworks… Παρακολούθησα όλες (εκτός από μία) τις παρουσιάσεις του Σαββάτου (αυτές που γινόντουσαν στην μεγάλη αίθουσα) και μου άρεσαν ιδιαίτερα οι παρουσιάσεις από τα παιδιά της Mozilla Greece για το Firefox OS, του Γεράσιμου για “Web Typography” αλλά και του Γιάννη τόσο για το “Responsive Web Design Workflow” όσο και για το “Fire the workaholics”! Δυστυχώς την Κυριακή την έχασα λόγο άλλων υποχρεώσεων, ωστόσο κατάφερα να ρίξω μια ματιά ματιά σε ελληνικές προσπάθειες που δεν γνώριζα όπως το Radiojar αλλά και σε άλλες που γνώριζα όπως το Akeeba backup και ελπίζω στο μέλλον να καταφέρω να δω κάποιες παρουσιάσεις τους. Τέλος για αυτούς που έχασαν την παρουσίαση μου, με θέμα “Responsive Web Design & Touch Devices” μπορούν να την δουν/κατεβάσουν από το Speakerdeck. Κάποια στιγμή θα έχουμε και το video της παρουσίασης ωστόσο μέχρι τότε μπορείτε να χαζέψετε τα slides. Άντε και του χρόνου.

InterACT with Web Standards : A Holistic Approach To Web Design

Μόλις τέλειωσα την ανάγνωση του παραπάνω βιβλίου, και για να μην τα πολυλογώ πιστεύω πως είναι ένα βιβλίο που πρέπει να διαβαστεί από όλους όσους θέλουν να ασχοληθούν σοβαρά (ή ασχολούνται ήδη)  με την κατασκευή sites, οποιοδήποτε ρόλο και αν έχουν στην παραγωγή (από design και development μέχρι copywriting και management). Προσωπικά θα το συστήνω και σε πελάτες, μιας και πιστεύω πως με 34 δολάρια παραπάνω (τόσο κάνει το βιβλίο), μπορείς να γλιτώσεις πάρα πολύ χρόνο που θα κατανάλωνες σε άσκοπες συζητήσεις και requests.

Το βιβλίο είναι από τα πιο καθαρό-γραμμένα βιβλία που έχω διαβάσει και απευθύνεται κυρίως σε αρχάριους του χώρου, ωστόσο όλο και κάτι θα μάθουν/βρουν ενδιαφέρον και οι πιο έμπειροι. Η δομή του βιβλίου ξεκινάει από τις απολύτως απαραίτητες γνώσεις όπως τι είναι το web και το internet, πως λειτουργούν  κτλ., για να περάσει στα πιο ενδιαφέροντα όπως Ιnformation Architecture, Content Analysis/Strategy και να καταλήξει στις σωστές τεχνικές markup/styling (HTML/CSS) και accessibility. Επίσης αγοράζοντας το παραπάνω βιβλίο ενισχύεται το “Open Web Education Alliance”, κάτι που χρειάζεται μιας και για κάποιο πολύ περίεργο λόγο η εκπαίδευση στις web τεχνολογίες πάντα βρίσκεται αρκετά βήματα πίσω από την πραγματικότητα/αγορά (διεθνές φαινόμενο – φανταστείτε πόσο πίσω είμαστε στην Ελλάδα).

Καλή ανάγνωση 😉

Η Designminds είναι εδώ

Μετά από αρκετό καιρό και γραφειοκρατεία σας παρουσιάζω επιτέλους το Designminds.gr! Πρόκειται για μια πολύ μικρή αλλά και πολύ δημιουργική εταιρεία που ασχολείται με web design και development λύσεις. Το είχαμε στο μυαλό μας εδώ και πολύ καιρό εγώ και ο Διονύσης, και επιτέλους καταφέραμε να ρυθμίσουμε κάποιες τελευταίες λεπτμέρειες και να κάνουμε την ιδέα πραγματικότητα. Όποιος λοιπόν έχει κάποια ιδέα για οποιοδήποτε είδους site, και θέλει να την υλοποιήσει σωστά και επαγγελματικά, ας μας στείλει ένα μήνυμα για να το συζητήσουμε.

Mobify.me

Πολύ ενθουσιάζομαι όταν ανακαλύπτω πραγματικά έξυπνες και πρακτικές λύσεις. Την συγκεκριμένη υπηρεσία την ανακάλυψα από το blog της Veerle και περιμένω πως και πως να γυρίσω σπίτι για να “παίξω” λίγο μαζί της. Η υπηρεσία ονομάζεται Mobify και σου επιτρέπει να δημιουργήσεις σχετικά εύκολα μια custom mobile έκδοση του site σου. Η διαφορά με τις υπόλοιπες υπηρεσίες, όπως για παράδειγμα το Mofuse που χρησιμοποιώ αυτήν την στιγμή στην mobile έκδοση του Τsevdos.com, είναι πως επιτρέπει πλήρη customization και έλεγχο της  mobile έκδοσης του site σας – κάνετε δηλαδή πραγματικό mobile web design – και δεν στηρίζεται σε κάποια έτοιμα templates τα οποία δημιουργούνται αυτόματα μέσω RSS feed (όπως λειτουργεί το Mofuse για παράδειγμα).

Με αυτόν τον τρόπο ένα μικρο-μεσαίο site μπορεί πολύ εύκολα να αποκτήσει μια αξιοπρεπέστατη και custom mobile λύση, με σχεδόν μηδενικό budget και χωρίς την σπατάλη πολύτιμων resources και χρόνου σε extra development ή την εκμάθηση πολύπλοκων API. Επίσης δεν χρειάζεται να κάνετε τίποτα το ιδιαίτερο για την ανανέωση του, πέρα από το να ανανεώνεται το κανονικό σας site. Στην συνέχεια απλά και ανάλογα με τις ρυθμίσεις και το περιεχόμενο που έχετε επιλέξει, η mobile version site σας ανανεώνεται αυτόματα!

Από μια γρήγορη ματιά που του έριξα, είναι κάπως πολύπλοκο και δύσκολο στην χρήση, τουλάχιστον μέχρι να καταλάβεις πως λειτουργεί, όμως αυτό είναι και η δύναμη του, μιας και με αυτόν τον τρόπο μας προσφέρει πλήρη ελευθερία στις δημιουργίες μας.

Τέλος οι τύποι είναι και πολύ έξυπνοι στο marketing μιας και επικοινώνησαν με μεγάλα sites/blogs όπως το Veerle’s blog και το A List Apart και τους δημιούργησαν – δωρεάν φυσικά – τις mobile version τους!

Τα καλύτερα links – Μάρτιος 09

Έμπνευση

Web Development

  • To RegExr είναι ένα φοβερό on-line tool για εκμάθηση και testing regular expressions.
  • Άλλη μια δωρεάν Javascript library με το περίεργο όνομα qooxdoo. Η library ενδείκνυται κυρίως για την δημιουργία UI.
  • Ένα δωρεάν και μάλιστα open source framework/μηχανή παιχνιδιών για Flash. To PushButton Engine δείχνει αρκετά δυνατό στον τομέα του, εάν φυσικά έχετε τις ανάλογες γνώσεις πάνω στο Flash.
  • Το Hastymail είναι ένας δωρεάν, open source, web email client, με πάρα πολλά χαρακτηριστικά και γραμμένος σε PHP. Συστήνεται ανεπιφύλακτα σε όσους θέλουν να στήσουν κάτι τέτοιο στην εταιρεία τους, μιας και υποστηρίζει άπειρους browsers, συσκευές, προσφέρει AJAX ευκολίες, ενώ είναι και πολύ παραμετροποιήσημος. Για περισσότερες λύσεις ρίξτε μια ματιά και στο άρθρο “10 AJAX-based & PHP WebMail Clients For a Great User Experience“.
  • Όσοι βέβαια ψάχνουν κάτι πιο ολοκληρωμένο, δηλαδή μια κανονική “communication platform” με email client, calendars, contacts και file managers, καλό είναι να ρίξουν μια ματιά στο επίσης δωρεάν και open source 6zap. Είναι κάπως πιο απαιτητικό σε απαιτήσεις, αλλά προσφέρει μια ολοκληρωμένη και Web 2.0 λύση επικοινωνίας…
  • Το Shopify είναι μια πολύ εύκολη και φθηνή υπηρεσία δημιουργίας e-shop.

Tools

  • Το Styleneat είναι φανταστικό εργαλειάκι για να κρατάτε τα CSS σας νοικοκυρεμένα 😉
  • Το νέο αγαπημένο μου εργαλείο ονομάζεται Texter! Είναι ένας text expander φτιαγμένος από το Lifehacker και θα σας σώσει άπειρες ώρες πληκτρολογήματος (δυστυχώς μόνο για Windows, αν και είμαι σίγουρος πως θα υπάρχει κάτι ανάλογο για Linux και OS X). Θα σας αλλάξει την ζωή, ήδη έχω αρχίσει να το συνηθίζω επικίνδυνα και να μην μπορώ να κάνω χωρίς αυτό…

WordPress

  • Ένα φανταστικό shopping cart για το WordPress, με το όχι και τόσο πρωτότυπο όνομα WP e-Commerce. Πολύ καλή λύση, με πολλά χαρακτηριστικά και εύκολο customization.

Plug ins

  • Ένα ελαφρύ jQuery image gallery plug in, με το περίεργο όνομα Pikachoose
  • Το ImageSwitch είναι άλλο ένα jQuery plug in με πολλές δυνατότητες , το οποίο μπορεί να κάνει τα δύσκολα, εύκολα! Ρίξτε του οπωσδήποτε μια ματιά…
  • Ακόμα ένα ενδιαφέρον plug in για jQuery, το οποίο έχει να κάνει με εμφάνιση tooltips.
  • Το Lightbox clone κάνει απλά και εύκολα αυτό που λέει το όνομα του…
  • Μεταφράστε το site σας σε άλλες γλώσσες εύκολα και γρήγορα, με την βοήθεια του Sunday Morning (υποστηρίζει και ελληνικά)! Προσωπικά δεν μου γέμισε το μάτι, ωστόσο δεν το έψαξα και πολύ…

Blogs

  • To DIY (Do It Yourself) είναι ένα νέο ελληνικό video-cast που ασχολείται με αρτίστικα θεματάκια.  Οι τύποι είναι φοβεροί και μάλιστα προσφέρουν το περιεχόμενο τους κάτω από άδεια Creative Commons. Καλή επιτυχία παιδιά!
  • Μια πολύ αξιόλογη ελληνίδα web designer/developer, η Lea Verou, γράφει πολλά και ενδιαφέροντα στο blog της (στα αγγλικά). Απορώ πως δεν την είχα πάρει χαμπάρι τόσο καιρό…
  • Για τους designers που δεν ξέρουν πως να ξεκινήσουν Javascript, καλό θα ήταν να περάσουν, και γρήγορα μάλιστα, από το Teach Me Javascript. To blog ξεκινάει από τα πάρα πολύ βασικά και υποθέτω πως σιγά-σιγά θα εμβαθύνει. Το καλό είναι πως δεν χρειάζεται να έχεις ιδέα από Javascript ή άλλη γλώσσα προγραμματισμού, γιατί πολύ απλά ξεκινάει από τα πάρα πολύ βασικά και εξηγεί πως λειτουργεί (και γιατί) η συγκεκριμένη γλώσσα. Εγώ πάντως θα ρίχνω μια ματιά για επανάληψη 😉
  • Άλλο ένα ελληνικό blog με θέμα το SEO και τίτλο Seotalk.gr. Προστέθηκε και αυτό στον reader μου…

Δωρεάν / Freebies

  • Το NVDA (NonVisual Desktop Access) είναι ένας δωρεάν και open source screen reader (μόνο για Windows OS προς το παρόν). Υποστηρίζει 20 γλώσσες (δεν είδα κάπου τα ελληνικά), είναι συμβατός με Firefox και υποστηρίζει και το πρότυπο  WAI-RIA.

Διάφορα links

  • Και τέλος το καλύτερο online πρωταπριλιάτικο ψέμα/αστείο. Save Internet Explorer 6! 865 άνθρωποι από όλη την γη έχουν υπογράψει ήδη την αίτηση διαμαρτυρίας. Εσείς?

Τα καλύτερα links – Φεβρουάριος 09

Με καθυστέρηση μιας εβδομάδας βγαίνουν τα links του Φεβρουαρίου, ωστόσο έχω καλή δικαιολογία γι αυτήν την καθυστέρηση… Λίγο η δουλειά στο τέλος του μήνα, αλλά το χειρότερο, το σπάσιμο του χεριού μου σε 3 σημεία (2 λάμες και 32 ράμματα!), με έκαναν να καθυστερήσω κάπως αυτό το post. Δεν έχω να μοιραστώ πολλά links μαζί σας αυτόν τον μήνα, ωστόσο αυτά που παρουσιάζω είναι πολύ ενδιαφέροντα. Έχουμε και λέμε λοιπόν :

Web Development

Tools

  • Ο WYMeditor είναι ένας δωρεάν, web-based, WYSIWYG (What You See Is What You Get) XHTML editor. Τον χρησιμοποιούν πολλές γνωστές web εφαρμογές, που σημαίνει ότι είναι δοκιμασμένος, δουλεύει καλά και υποστηρίζει τους περισσότερους browsers! Τι άλλο να ζητήσει κάποιος από έναν τέτοιον editor.
  • Άλλος ένας δωρεάν και open source WYSIWYG HTML editor, με το περίεργο όνομα Xinha. Και αυτός ο editor φαίνεται πολύ οργανωμένος και δουλεμένος, οπότε διαλέγεται και παίρνεται!

Plug ins

  • Το Simpletip είναι ένα χρήσιμο jQuery plug in, για tooltips. Απλό, εύκολο και με πολλές δυνατότητες παραμετροποίησης.
  • Άλλο ένα εντυπωσιακό jQuery plug in είναι το Slide box. Αν και μου αρέσουν τέτοιου είδους εφέ δεν ξέρω κατά πόσο πρακτικά και accessible είναι τελικά.

Blogs

Web 2.0

  • To Zemanta είναι ένα πολύ ενδιαφέρον semantic web εργαλείο. Μπορείτε να το χρησιμοποιήσετε σαν plug in σε πολλούς browsers ή να το ενσωματώσετε στις υπηρεσίες που χρησιμοποιείτε (e-mail, blogging, κτλ.). Τώρα εάν σας βοηθήσει ή κατά πόσο semantic στοιχεία βρίσκει (μιας και το web δεν είναι ιδιαίτερα semantic αυτήν την στιγμή), είναι άλλο θέμα.

Τα καλύτερα links – Ιανουάριος 09

Έμπνευση

Web Design

Web Development

  • Το JSValidate είναι ίσως το πιο αξιόλογο Javascript validation framework που έχω βρει μέχρι στιγμής! Πάρα πολύ εύκολο στη χρήση και “to the point”. Για όσους δεν με πιστεύουν, ας ρίξουν μια ματιά στα παραδείγματα.
  • Το JS Bin είναι ένα πολύ έξυπνο Javascript testing tool! Για περισσότερες πληροφορίες ρίξτε μια ματιά στο post που έχω γράψει γι αυτό στο CSS3.gr.
  • H $fx() είναι μία super-light Javascript animation library, για όποιον ενδιαφέρεται να μάθει μία ακόμη library…

Tools

  • Το καλύτερο add on για το Firebug ever! Μας έρχεται από το Sitepoint και ονομάζεται FireScope. Πραγματικά αυτό που έλειπε από το Firebug. Για περισσότερες πληροφορίες, ρίξτε και μια ματιά στο postακι που έγραψα στο CSS3.gr().
  • Το Gridr Buildrrr είναι ένα ενδιαφέρον on-line εργαλείο για την δημιουργία grids. Απλά ρυθμίστε το στις ανάγκες σας, δημιουργήστε το grid που θέλετε και ξεκινήστε το design σας!
  • Το Sigma Visual Ajax GUI Builder είναι ένας αρκετά περίεργο εργαλείο για την δημιουργία AJAX GUI. Προσωπικά δεν μ’ αρέσουν καθόλου τέτοια εργαλεία, ωστόσο κάποιοι μπορούν να το βρουν χρήσιμο. Όποιοι ενδιαφέρεστε μπορείτε να το κατεβάσετε κι όλας.
  • Η δωρεάν υπηρεσία Are my sites up? κάνει αυτό που λέει! Σας ενημερώνει εάν τα site σας είναι στον αέρα!
  • Δείτε ότι βλέπουν πραγματικά οι web browsers! Ενδιαφέρον, αλλά μετά από κάνα-δυο tests, απλά δεν θες να ξανανοίξεις την σελίδα…
  • Βαρεθήκατε να αναβάζεται τα video σας 1-1 σε κάθε υπηρεσία που υπάρχει; Εάν η απάντηση είναι θετική, τότε το TubeMogul είναι η υπηρεσία που θα σας λύσει τα χέρια. Εάν μάλιστα θέλετε και επιπλέον χαρακτηριστικά για τα video σας (όπως στατιστικά, keyword tagging, κτλ ) τότε ρίξτε και μια ματιά σε κάποιο από τα επί πκηρωμή πακέτα του.
  • To Web Development Project Estimator κάνει αυτό που λέει! Απλά ξεκινήστε ένα καινούργιο project, προσθέστε τα tasks και τις τιμές τους, και τελειώσατε!
  • Το ScreenToaster είναι μια φανταστική υπηρεσία δημιουργίας screencasts! Αν και δεν συμπαθώ την Java τεχνολογία, το συγκεκριμένο site καταφέρνει να την χρησιμοποιήσει πολύ αξιόλογα.

Τυπογραφία (Typography)

  • To FlippingTypical είναι ένα πολύ ενδιαφέρον εργαλείο που σας βοηθάει να επιλέξετε γραμματοσειρές, δίχντωντας σας αυτές που έχετε εγκατεστήμένες στο σύστημα σας. Για αναλυτηκότερες πληροφορίες ρίξτε μια ματιά στο post της sugarenias.

WordPress

  • Φτιάξτε το δικό σας Facebook, χρησιμοποιώντας το BuddyPress! Τώρα δεν ξέρω εάν κάτι τέτοιο είναι καλή ιδέα, ωστόσο για όσους θέλουν να δημιουργήσουν ένα μικρο-μεσαίο social network site, το BuddyPress είναι μια ενδιαφέρον λύση. Ρίξτε μια ματιά και στο demo
  • To WordPress TV είναι γεγονός! Καλό θα είναι να του ρίχνετε καμιά ματιά εάν ασχολείστε με την συγκεκριμένη πλατφόρμα.

Plug ins

  • Το s3Slider είναι ένα εντυπωσιακό και εύκολο στην χρήση jQuery plug in για slide shows.
  • Άλλο ένα jQuery plug in για να κόβετε, και όχι μόνο, τα images εύκολα και γρήγορα.
  • Ένα πολύ χρήσιμο date picker plug in για το jQuery.
  • Το Sexy Curls είναι ένα “sexy” jQuery plug in…

Blogs

  • Ένα νέο αλλά πολλά υποσχόμενο blog που ανακάλυψα, είναι το realmarketing.gr. Εάν σας ενδιαφέρει το θέμα (όλοι μας πρέπει να ξέρουμε marketing) προσθέστε το οπωσδήποτε στον reader σας…

Web 2.0

  • Το thisMoment είναι ένα project που μου κίνησε το ενδιαφέρον. To concept του είναι να σώνεις διαδικτυακά στιγμές τις ζωής σου (όπως video, φωτογραφίες, κτλ.) και αυτά να παρουσιάζονται στους φίλους σου σε κάποιο timeline. Για να δούμε πως θα τα πάει…
  • Ακόμα ένα ενδιαφέρον project είναι το Oursignal το οποίο συλλέγει τα top άρθρα από διάφορα media site (και πιο συγκεκριμένα από τα digg, reddit, del.icio.us, hackernews και yahoo buzz), και τα παρουσιάζει μέσα σε μία πολύ όμορφη σελίδα. Είναι με λίγα λόγια το καθημερινό σινιάλο όλων των web χρηστών!

Δωρεάν / Freebies

  • Ένα ενδιαφέρον και δωρεάν e-book από τον Antonio Lupetti. Ο τύπος απλά έχει συλέξει τα καλύτερα posts του και έχει φτιάξει ένα αρκετά ενδιαφέρον e-book. Το διάβασα από το Web Design Blog.
  • Το δεύτερο τεύχος των Ubuntistas, είναι γεγονός! Πολύ μ’ αρέσουν τέτοιες προσπάθειες, γι αυτό και τις υποστηρίζω άλλωστε.

Διάφορα links

Γρήγορο development : 5 συμβουλές για γρήγορα αποτελέσματα

Πολλοί δεν έχουν πίστη στο λαϊκό ρητό “το γοργό και χάριν έχει”, ωστόσο είναι πάρα πολλές οι φορές που απλά πρέπει να βγει κάτι στον αέρα γρήγορα! Οι πιο σκληροπυρηνικοί developers, ανήκα και εγώ κάποτε σε αυτήν την κατηγορία, θέλουν να ξεκινάνε τα πάντα από το μηδέν έτσι ώστε να ελέγχουν πλήρως τον κώδικα και γενικότερα να φτιάχνουν τα πάντα με τα χεράκια τους. Όπως καταλαβαίνεται, αυτές οι εποχές έχουν περάσει πλέον, και γενικότερα δεν εξυπηρετεί σε τίποτα να προσπαθείς να ξανά-ανακαλύψεις τον τροχό, όταν το έχει κάνει ήδη κάποιος άλλος… Παρακάτω δίνω 5 συμβουλές που πιστεύω πως εάν ακολουθηθούν, θα έχετε σε πολύ γρήγορο χρονικό διάστημα φοβερές βελτιώσεις στους development χρόνους σας, και θα σώσετε αρκετό χρόνο από κάθε σας project (και θεωρητικά θα έχετε περισσότερο χρόνο για την οικογένεια σας και τους φίλους σας, κάτι που φυσικά δεν ισχύει γιατί τα projects δεν σταματάνε ποτέ!). Έχουμε και λέμε λοιπόν :

1. Χρησιμοποιήστε frameworks και libraries

Η πιο απλή και χρήσιμη συμβουλή. Μην ξανά-ανακαλύπτετε τον τροχό όπως έγραψα και παραπάνω, το έχουν ήδη κάνει άλλοι για εσάς, εκμεταλλευθείτε το! Σε όλες τις server-side τεχνολογίες υπάρχουν frameworks που σας βοηθάνε να γράψετε ποιοτικότερο κώδικά πολύ πιο γρήγορα, πολύ πιο εύκολα και μάλιστα επαναχρησιμοποιήσιμο (σε αρκετές περιπτώσεις τουλάχιστον). Στις web εφαρμογές το pattern που έχει επικρατήσει πλέον, είναι το MVC (Model-View-Controller), και όλες οι server-side τεχνολογίες έχουν αναπτύξει πολλά και διάφορα frameworks γύρω από αυτό. Έτσι από την Ruby με το Rails ως και την PHP με το CakePHP, το αγαπημένο μου (αν και έχω καιρό να ασχοληθώ) CodeIgniter ή το πολύπλοκο Zend, δεν υπάρχει περίπτωση να μην βρείτε κάποιο framework που να κάνει την δουλειά σας πιο γρήγορα και παραγωγικά. Μέχρι και η Microsoft εισήγαγε MVC δυνατότητες στη ASP.ΝΕΤ, οπότε ποιος ο λόγος να μην εκμεταλλευθείτε το συγκεκριμένο pattern;

Στην client-side μεριά τώρα, αν δεν θέλετε να χρησιμοποιήσετε για διάφορους λόγους CSS frameworks/libraries, θα είσασταν αρκετά περίεργοι (για να μην γράψω κάτι πιο χοντρό), εάν προσπαθούσατε να κάνετε όλα αυτά τα ωραία Javascript animation/εφέ και AJAX κολπάκια χωρίς την χρήση κάποιας library… Και εδώ οι επιλογές είναι πάρα πολλές με σημαντικότερες το jQuery, MooTools, Prototype και YUI, οπότε δοκιμάζετε και κρατάτε αυτήν που σας ταιριάζει και που κάνει  γρηγορότερα την δουλειά!

2. Χρησιμοποιήστε έναν πολύ καλό text editor ή κάποιο IDE

Φυσικά και μπορείτε να κάνετε την δουλειά σας με το Notepad των Windows, το ερώτημα όμως είναι πόσο γρήγορα την κάνετε? Το θέμα text editor ή IDE είναι κάτι καθαρά προσωπικό και ο καθένας έχει τις προτιμήσεις του. Προσωπικά προτιμώ τους text editors μιας και είναι πιο ελαφριοί από τα IDE (επίσης δουλεύω ελάχιστα σε server-side επίπεδο πλέον), ενώ θέλω οπωσδήποτε να υποστηρίζουν και τα παρακάτω χαρακτηριστικά :

  • syntax highlighting
  • auto-fill
  • syntax suggestions

Τα IDE έχουν συνήθως και άλλα πιο εξεζητημένα χαρακτηριστικά, όπως FTP access, διαγνωστικά εργαλεία, εργαλεία για debugging και διάφορα άλλα που αν και χρήσιμα, συνήθως κάνουν αρκετά πιο βαριές τις εφαρμογές, κάτι που δεν μ’ αρέσει. Έτσι προτιμώ να χρησιμοποιώ τον Ε Τext Εditor (μοιάζει με το TextMate), Intype (project που δυστυχώς αργοπεθαίνει) και Notepad ++ από τα διάφορα IDE όπως Εclipse, NetBeans, Aptana Studio και Komodo IDE. Όπως και να έχει δοκιμάστε μερικά από αυτά, βρείτε πιο σας ταιριάζει και γράψτε πιο γρήγορα κώδικα!

3. Reusable code ή free code

Έχετε γράψει κάτι ανάλογο παλιότερα; Τότε απλά προσαρμόστε το στις καινούργιες απαιτήσεις σας και ξανά-χρησιμοποιήστε το! Επίσης, ρίχνετε πάντα μια ματιά σε code snippets που μπορείτε να χρησιμοποιήσετε. Το μόνο που πρέπει να προσέξετε πάρα πολύ σε αυτήν την περίπτωση είναι η άδεια χρήσης τους. Καλό είναι επίσης να δίνετε και credits στους δημιουργούς (έστω και εάν δεν το ζητάνε), αλλά να το αναφέρεται και στους υπόλοιπους εμπλεκόμενους στο project (εάν υπάρχουν).

4. Σωστά debugging tools

Το θέμα debugging είναι και αυτό αρκετά προσωπικό. Σε server-side επίπεδο μπορείτε να το κάνετε είτε μέσω των errors/warnings που παίρνεται κατευθείαν από τον server και την server-side γλώσσα που χρησιμοποιείται, είτε μέσω IDE εργαλείων που ανέφερα και πιο πάνω.

Σε client-side επίπεδο τώρα, απλά πρέπει να έχετε το Firebug! Ειλικρινά δεν μπορώ να καταλάβω πως μερικοί συνάδελφοι δεν το χρησιμοποιούν… Το Web Developer Toolbar είναι και αυτό ένα πολύ αξιόλογο εργαλείο, ωστόσο πιστεύω πως το Firebug κάνει τα πάντα και συμφέρει… Για Internet Explorer τώρα (και μόνο για να λύσετε προβλήματα που έχουν προκύψει στον συγκεκριμένο browser), μπορείτε να χρησιμοποιήσετε την Internet Explorer Toolbar, η οποία όμως δεν θα σας βοηθήσει και πολύ, ωστόσο κάτι είναι και αυτό. Τέλος περιμένω να δω και το Opera Dragonfly, αν και πιστεύω πως πολύ δύσκολα θα καταφέρει να κερδίσει τον συνδυασμό Firefox/Firebug. Δεν είναι άλλωστε τυχαία η επιλογή του συγκεκριμένου συνδιασμού από όλους σχεδόν τους web designers/developers…

5. On-line collaboration

Το θέμα συνεργασίας αλλά και γενικότερα project management, είναι ένα από τα πιο δύσκολα, ιδιαίτερα όταν οι εμπλεκόμενοι βρίσκονται σε διαφορετικές πόλεις, έχουν διαφορετικά time zones κτλ. Φυσικά με το πατροπαράδοτο e-mail μπορείτε να λύσετε τέτοια προβληματάκια, όταν όμως το project είναι μεγάλο και η ομάδα αποτελείτε από πολλά μέλη, τότε η χρήση e-mail πιο πολύ θα καθυστερεί παρά θα βοηθάει την κατάσταση… Αντιθέτως web collaboration εργαλεία, όπως το Basecamp για παράδειγμα, μπορούν να οργανώσουν καλύτερα ένα project σε όλα τα επίπεδα, όπως σε επίπεδο συνεργασίας, to do tasks, project status, ανταλλαγή αρχείων, ενημέρωση των μελών κτλ. Γιατί λοιπόν να σπαταλάτε πολύτιμο χρόνο στο παλιομοδίτικο e-mail; Προσωπικά εκτός από το Basecamp το οποίο χρησιμοποιώ για το CSS3.gr μου αρέσει πολύ και το Google Groups το οποίο χρησιμοποιώ σε μικρότερα projects αλλά πολλές φορές και μόνος μου!

Αυτά τα λίγα από εμένα. Όποιοι έχετε βάλει στόχο να κάνετε γρήγορα κάποια πράγματα ακολουθήστε μερικές από τις παραπάνω συμβουλές, όλο και πιο γρήγοροι θα γίνεται 😉

Τα καλύτερα links – Δεκέμβρης 08

Έμπνευση

Web Design

  • Το Masked Input Plugin είναι ένα καταπληκτικό jQuery plug-in, το οποίο θα λύσει τα χέρια τόσο σε εσάς όσο και στους χρήστες σας. Με το Masked Input Plugin λοιπόν μπορείτε να υποδείξετε στους χρήστες σας την μορφή των δεδομένων που περημένετε από μία φόρμα. Απλά τέλειο!
  • Η γνωστή σε όλους μας (θέλω να πιστεύω) sIFR τεχνική τώρα και σε μορφή jQuery! Είμαι σίγουρος πως τo jQuery sIFR Plugin θα βολέψει αρκετούς από εσάς…
  • Το Oomph είναι ένα ενδιαφέρον microformats toolkit, το οποίο δεν με βοήθησε όσο θα ήθελα για πω την αλήθεια. Ίσως δεν ασχολήθηκα μαζί του όσο θα έπρεπε. Όποιος έχει project με microformats όμως, ας το έχει στα υπόψη του, μπορεί να είναι το αυτό που χρειάζεται!
  • Έχετε βαρεθεί να σχεδιάζετε και να ξανασχεδιάζεται φόρμες για το web? Εάν η απάντηση είναι ναι, το NiceForms είναι ένα έτοιμο πακετάκι που αναλαμβάνει όλο το styling των φορμών σας αυτόματα! Μπορείτε επίσης να κατεβάσετε και διάφορα έτοιμα themes φορμών πέρα από το κλασικό. Αρκετά βολικό για όσους βαριούνται 😉
  • Όσοι σχεδιάζουν site στο Photoshop και θέλουν να βλέπουν και το περίγραμμα των browser, μπορούν να κατεβάσουν τα Photoshop Browser Templates σε 3 διαφορετικές αναλύσεις! Κάπως παρατραβηγμένο, αλλά έτσι κι αλλιώς δωρεάν είναι!

Web Development

  • Το foxycart είναι πλέον το νέο αγαπημένο μου σύστημα cart/checkout! Σίγουρα αξίζει την μικρή συνδρομή που ζητάει (μπορείτε να το δοκιμάσετε και δωρεάν εάν θυμάμαι καλά), ενώ εάν τα προιόντα σας δεν ξεπερνάνε τα 50, έτσι ώστε να πάτε σε κάποια CMS cart λύση όπως το osCommerce, το foxycart είναι η ιδανικότερη και η πιο έυκολη στην υλοποίηση/παραμετροποίηση λύση!

Accessibility/Usability

  • Το userfly είναι η καλύτερη υπηρεσία για usability testing που έχω δει μέχρι στιγμής! Το installation της υπηρεσίας στο site σας είναι πανεύκολο, ενώ μετά μετά από αυτό θα έχετε την δυνατότητα να βλέπετε σε playback mode τις ακριβείς κινήσεις των χρηστών σας στο site σας (για να το καταλάβετε καλύτερα παίξτε οπωσδήποτε με το demo του)! Μπορείτε να το δοκιμάσετε και δωρεάν, σε 10 χρήστες την ώρα (μια χαρά ακούγεται), και καλό είναι να το κάνετε όσο προλαβένεται γιατί από ότι κατάλαβα οι δημιουργοί του δεν έχουν καταλάβει ακόμα πόσο φοβερή υπηρεσία έχουν, ούτε έχουν σκεφτεί πόσο θα την χρεώσουν!

Δωρεάν / Freebies!

  • To Songbird έφτασε επιτέλους μετά από πολύ καιρό την πρώτη έκδοση! Μου αρέσει γιατί θέλω ανταγωνισμό, ελευθερία αλλά και ευκολία σε τέτοιους είδους players, και το Songbird μου προσφέρει όλα τα παραπάνω και με το παραπάνω! Προσωπικά έχει γίνει το iTunes killer για εμένα, τώρα εάν θα τα καταφέρει και γενικότερα, ο χρόνος θα δείξει…

Διάφορα links

  • Μια πραγματικά πολύ έξυπνη, πρωτότυπη και χριστουγεννιάτικη ιδέα από το Τutorial 9! Το εν λόγω site λοιπόν, ξεκινάει το giveaway project στο οποίο καλεί όποιον ενδιαφέρεται να γράψει κάποιο tutorial ή άρθρο για κάποιες από τις πολλές κατηγορίες του. Εάν τελικά δημοσιεύθει το άρθρο που έχετε γράψει, κερδίζετε κάποια δωράκια, αλλά το ακόμα πιο συμαντικό είναι πως το Τutorial 9 δωρίζει 100 δολάρια σε παιδιά που έχουν ανάγκη. Μακάρι να βλέπαμε περισσότερες τέτοιες προσπάθειες…

Τα καλύτερα links – Νοέμβριος 08

Από αυτό τον μήνα, όπως είχα γράψει και παλιότερα, θα συλλέγω σε ένα και μοναδικό post τα links που μου έκαναν εντύπωση…

Έμπνευση

  • Templatica : Πολύ φτηνά και ποιοτικά XHTML/CSS templates, από τον δημιουργό του CSS globe Alen Grakalic. Για να δούμε τι θα καταφέρει…

Web Design

  • Adobe Flash Catalyst : Το νέο εργαλείο της Adobe για την εύκολη δημιουργία εφαρμογών, interfaces και interactive περιεχομένου. Δείχνει καλό και πολύ εύκολο στην εκμάθηση, λέτε επιτέλους να καταφέρω να φτιάξω και κάτι σε Falsh?
  • Malo : Ένα νέο και πολύ ελαφρύ CSS framework, μόλις 8 γραμμές και 0,25kb, φτιαγμένο κυρίως για μικρό-μεσαία site. Δεν το έχω δοκιμάσει, αλλά δείχνει αρκετά ενδιαφέρον.
  • CSS Browser Selector : Ένα πολύ απλό και μικρό Javascript αρχειάκι (λιγότερο από 1KB!) αναλαμβάνει να κάνει extend της CSS! Στην συνέχεια με απλές κλάσεις (class) μπορείτε να επιλέξετε συγκεκριμένους browsers και λειτουργικά συστήματα! Απλά καταπληκτικό!
  • Yahoo! BrowserPlus : Ακόμα ένα browser plug in, αυτήν την φορά φτιαγμένο από την Yahoo! Για να δούμε τι θα καταφέρει

Web Development

Accessibility

Mobile news

  • Google Android : Και επίσημα open source πλέον. Περιμένω πολλά από την συγκεκριμένη πλατφόρμα, και είναι ο μοναδικός λόγος που δεν έχω ήδη iPhone! Έχω την αίσθηση πως θα κυκλοφορήσουν σύντομα φτηνότερα και αντίστοιχου επιπέδου κινητά με το εν λόγω λειτουργικό.

WordPress και plug ins

  • WP Best Posts Summary : Ένα πολύ βολικό WordPress plug-in, για την αυτόματη ανασκόπηση των καλύτερων άρθρων/post! Για περισσότερες πληροφορίες διαβάστε το post που έχω γράψει. Το μόνο που με χαλάει είναι το κόλλημα που τρώει στο ελληνικό κείμενο… Κάποια ιδέα/fix κανένας?

Blogs

  • HumanWorks : Το νέο blog που παρακολουθώ από την ελληνική σκηνή! Πολύ καλός ο Νίκος!

Web 2.0

  • GetSignOff : Μια πολύ καλή λύση επικοινωνίας για επαγγελματίες web designers με τους πελάτες τους. Μπορείτε να δημιουργήσετε και δωρεάν λογαριασμό, έτσι ώστε να πάρετε μια γεύση από τα features διαθέτει η εφαρμογή.
  • Protonotes : Αντίστοιχη υπηρεσία με την πάνω, με την διαφορά πως σου αφήνουν feedback κατευθείαν πάνω στο site σου μέσω σημειώσεων (notes). Επίσης επιλέγεις ποιοι άνθρωποι θα σου αφήνουν αυτά τα notes, οπότε μπορεί να είναι οποιοιδήποτε, όπως συνεργάτες οι άλλα μέλη της ομάδας, και όχι απαραίτητα πελάτες. Το καλύτερο το άφησα για το τέλος, η υπηρεσία διατίθεται δωρεάν (δέχονται φυσικά paypal donations)!
  • Yahoo! Web Analytics : Μια ολοκαίνουργια υπηρεσία στατιστικών από την Yahoo! Την άποψη μου την έχω γράψει ήδη.
  • ANIMOTO : Μια πολύ έξυπνη ιδέα και υλοποίηση. Απλά επιλέξτε ποιες φωτογραφίες σας θέλετε να κάνετε video, και το ANIMOTO θα αναλάβει όλα τα υπόλοιπα! Πρέπει να το πρωτοδιάβασα από τον papo.

Δωρεάν! Freebies!

Διάφορα links

  • TVXS : Το ειδησιογραφικό portal του Στέλιου Κούλογλου είναι γεγονός! Έχει ήδη δημοσιεύσει πολλά και ενδιαφέροντα ντοκυμαντέρ, χωρίς περικοπές και λογοκρισία! This is internet!
  • Findsubtitles : Βρείτε υπότιτλους για ταινίες και σειρές σε διάφορες γλώσσες, ανάμεσα τους και σε ελληνικά. Μέχρι να πέσουν νέες μηνύσεις και να ανοίξει κάποιο άλλο τέλος πάντων…