Τα καλύτερα links – Οκτώβριος 09

Web Design

  • Dive into HTML5 : Μια φανταστική πηγή εκμάθησης HTML5.
  • CSS παρουσιάσεις που πρέπει να δείτε : Απλά εξαιρετικές… Και τι δεν θα έδινα για να έβλεπα τις παρουσιάσεις  “Efficient, Maintainable CSS” και “CSS Inheritance“, όταν πρωτο-ξεκίναγα και εγώ (δυστυχώς έπρεπε να τα μάθω με τον δύσκολο τρόπο)…

Web Development

  • Underscore.js : Ακόμα μια ελαφριά utility javascript library.
  • Mu Connect : Μια library αποκλειστικά φτιαγμένη για την εύκολη ενσωμάτωση του Facebook Connect στο site σας.
  • FireQuery : Σε beta ακόμη, αλλά το περιμένω πως και πως…
  • CSScaffold : Ένα πρωτοποριακό CSS framework γραμμένο σε PHP. Μου άρεσε πιο πολύ από αντίστοιχες λύσεις σε περίεργες γλώσσες που παίζουν δύσκολα και παραείναι πολύπλοκα. Το CSScaffold γίνεται install πανεύκολα και μπορείτε να το χρησιμοποιήσετε αμέσως!

Search Engine Optimization (SEO)

Tools

  • 5 δυνατοί WYSIWYG web editors : Όλο και κάποιος θα σας βολέψει…
  • WMD : Και ακόμα ένας, πολύ πιο ελαφρύς (μόλις μία σειρά κώδικα)!
  • The Printliminator : Ένα bookmarklet που βοηθάει (θεωρητικά) στο να τυπώνεται μόνο τις πληροφορίες  που θέλετε, από σελίδες με πολλές διαφημίσεις και άλλες άσχετες πληροφορίες…
  • Conjoon : Για αυτούς που αναζητούν λίγη οργάνωση…

WordPress

  • Pods CMS : Ένα CMS framework για το WordPress. Αν και είμαι κατά της χρήσης τέτοιων plug in (τα χρησιμοποιώ μόνο σαν έσχατη λύση), οφείλω να ομολογήσω πως το συγκεκριμένο είναι πολύ ενδιαφέρον. Προσωπικά περιμένω το WordPress να αποκτήσει επιτέλους μια δικιά του τέτοια – εγγενής πάντα, όχι μέσω plug in – αρχιτεκτονική.
  • Maintenance Mode : Γιατί τώρα τελευταία δεν κάνουμε άλλη δουλειά…

Δωρεάν/Freebies

  • PicApp : Ανακαλύψτε και χρησιμοποιήστε στο blog σας φωτογραφίες υψηλής ποιότητας. Φοβερό!
  • VirtualBox :  Ένα δωρεάν και open source vistual machine, που υποστηρίζει όλα τα γνωστά λειτουργικά συστήματα.

Διάφορα links

Τα καλύτερα links – Σεπτέμβρης 09

Έμπνευση

  • BestWebFrameworks : Τα γνωστότερα frameworks για PHP, Ruby, JS και CSS, σε ευκολοδιάβαστους πίνακες (με χαρακτηριστικά κτλ.).
  • Μια πολύ καλή εισαγωγή στην HTML5, από τον Brad Neuberg της Google, που σίγουρα αξίζει να την δείτε από το πρώτο μέχρι το τελευταίο λεπτό!

Web Design

Web Development

  • Yahoo! Search BOSS : Φτιάξτε την δικιά σας custom search με την βοήθεια της Yahoo!…
  • IE7-JS : Μια javascript library που αναλαμβάνει να κάνει τις παλιότερες εκδόσεις του Internet Explorer (6 και κάτω) να συμπεριφέρονται όπως ο 7… Μπορεί να το έχω ξανά-παρουσιάσει αλλά δεν πειράζει.

Search Engine Optimization (SEO)

Tools

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

  • My Fontbook : Επιτέλους ένα όμορφος και πρακτικός on-line font viewer.

WordPress

  • Κερδίστε αρκετό χρόνο από τα WordPress style σας χρησιμοποιώντας το default WP CSS style!
  • To Status Updater αναλαμβάνει να σας γλιτώσει από την αγγαρεία του να postaρετε τα καινούργια άρθρα σας στις διάφορες social υπηρεσίες, όπως facebook, twitter, myspace κτλ.

Plug ins

  • jQTouch : Ένα jQuery plugin για mobile web development σε iPhone, Android, Palm Pre, και άλλες touch-based συσκευές.

Δωρεάν/Freebies

  • Screenr : Μια νέα υπηρεσία για εύκολο και δωρεάν screencasting. Το screencast εργαλείο της είναι εντυπωσιακό και δουλεύει κατευθείαν μέσω browser!
  • Piwik : Ένα open source και δωρεάν φυσικά, web analytics software. Για αυτούς που βαρέθηκαν το Mint και το Google Analytics

Τα καλύτερα links – Ιούλιος/Αυγουστος 09

Web Design

  • SlickMap CSS : Για εύκολα και γρήγορα CSS maps.
  • HTML 5 validator : Ο πρώτος – και πολύ πειραματικός όπως γράφουν και οι δημιουργοί του – HTML5 validator.

Web Development

  • Modernizr : HTML5 και  CSS3 εδώ και τώρα! Μπορεί να το χρησιμοποιήσω και στο επόμενο official Tsevdos.com WP theme που ετοιμάζω (ή μήπως είναι νωρίς ακόμα; )…
  • BBC Glow : H Javascript library του BBC!
  • qWikiOffice Web Desktop : Ακόμα μία Javascript library, με έμφαση σε desktop-like interfaces/λειτουργίες.
  • Javascript InfoVis Toolkit : Και άλλη μία για Interactive Data Visualizations και άλλα τέτοια περίεργα…

Tools

  • Open Atrium : Γρήγορο, εύκολο και πάνω από όλα οικονομικό intranet site! Με πολλά features και φυσικά open source. Απλά συμφέρει…
  • MeeCSS : Για να μην καταχωρείται τα site σας ένα-ένα στις CSS galleries…
  • Color Suckr : “Ρουφήξτε” τα χρώματα οποιασδήποτε φωτογραφίας.

Accessibility/Usability

  • 247 web usability guidelines : Για όσους θέλουν να ασχοληθούν σοβαρά με το άθλημα.
  • OpenHallway : Άλλη μια χρήσιμη υπηρεσία για on-line usability tests.

Plug ins

  • jQuery Blend : Πολύ απλό και εντυπωσιακό εφέ, ιδιαίτερα για μενού.
  • jQuery Flip : Για γυριστές καταστάσεις (δείτε το demo, δεν ξέρω τι άλλο να γράψω!)…

Blogs

  • SSMaP : Ένα podcast με την sugarenia και τον Στέλιο, με θέμα το web φυσικά. Κυκλοφόρησαν ήδη 2 επεισόδια
  • Pink Moustache : Το ροζ μουστάκι ήταν η ελληνική καλοκαιρινή έκπληξη που χρειαζόμουν! Πραγματικά μ’ αρέσει να βλέπω τέτοιες προσπάθειες από τόσο ταλαντούχους ανθρώπους.

Δωρεάν/Freebies

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

Έμπνευση

  • 1 γραμμή CSS grid framework : Το έβαλα πιο πολύ για έμπνευση και όχι σαν web design εργαλείο, μιας και δεν το θεωρώ framework. Παραδέχομαι ωστόσο τον τύπο που το έφτιαξε γιατί με λίγη φαντασία και με ακόμα λιγότερο κώδικα, έφτιαξε κάτι που μπορεί να κοντράρει κάποια πολύ πιο advanced CSS frameworks…

Web Design

  • Adobe BrowserLab : Μια επώνυμη και δωρεάν (προς το παρόν) υπηρεσία, για να ελέγχεται τα sites σας σε πολλούς συνδυασμούς browsers και OS.

Web Development

  • Ο φίλος, συνάδελφος και παλιός συμμαθητής μου John D.Wells, το έχει ρίξει τώρα τελευταία στο Expression Engine, με αποτέλεσμα να δημιουργήσει μία πολύ ενδιαφέρον λίστα από links για τους νέους αλλά και τους πιο έμπειρους ΕΕ developers. Εγώ πάντως της έριξα μια ματιά και ήδη αρχίζω να μπαίνω στην EE λογική…
  • Perch : Το πιο απλό και εύκολο στην χρήση CMS που έχετε δει!
  • Moousture : Η πρώτη mouse gesture Javascript library.
  • To prettyPrint είναι μια πολύ καλή λύση για Javascript debugging. Δείτε το videακι και θα καταλάβετε αμέσως τι κάνει…
  • Το JSLint, είναι για πολλούς Javascripts experts ο Javascript validator! Τον έχει φτιάξει ο guru του είδους, Douglas Crockford.

Browsers

  • Ο Opera Unite, ακούγεται σαν μια πολύ καλή ιδέα, ωστόσο έχω την αίσθηση πως έχει πολύ πολύπλοκα concepts για απλούς χρήστες. Οι πιο έμπειροι την βρίσκουν με Firefox, οπότε πάλι δεν τον βλέπω καλά τον πολύ δυνατό Opera Unite

Search Engine Optimization (SEO)

Accessibility/Usability

  • 10 φτηνές λύσεις/εργαλεία για usability tests. Η αλλιώς απ’ το ολότελα καλή και η Παναγιώταινα…
  • Ακόμα μια καλή κίνηση από την Adobe, η οποία έχει πάρει φόρα τώρα τελευταία. Στο καινούργιο της blog λοιπόν, με τίτλο Adobe Accessibility, ενημερώνει τους χρήστες των προγραμμάτων της για τα accessibility χαρακτηριστικά τους, καθώς και για το πως να τα χρησιμοποιούν με τον σωστό τρόπο. Μπράβο της, και μακάρι όλες οι εταιρείες να έκαναν κάτι ανάλογο…

Plug ins

  • jQuery TOOLS : Μια συλλογή από plug ins, για να δημιουργήται εύκολα και γρήγορα τα πιο κλασικά web 2.0 εφέ… Κάτι που κατά την γνώμη μου έπρεπε να υπάρχει στο jQuery UI.
  • jMonthCalendar : Ακόμα ένα calendar plug in για το jQuery, με πολλά features και δυνατότητες.

Blogs

  • Ότι θα θέλατε να μάθετε για την HTML5, αλλά φοβόσασταν να ρωτήσετε, βρίσκεται στο blog HTML5 Doctor… Το δημοσίευσε και η sugar στο CSS3 (από εκεί το είδα) αλλά δεν θα τους χαλάσει ένα ακόμα back link… Αξιοσημείωτο είναι πως το blog τους είναι φτιαγμένο με HTML5!

Τα καλύτερα links – Απρίλιος 09

Έμπνευση

Web Design

  • To Glimmer είναι ένα δωρεάν desktop application – μόνο για Windows προς το παρόν – το οποίο σας βοηθάει να γράφεται jQuery κώδικα! Τι άλλο θα δούμε…
  • Μόλις τελειώσατε το καινούργιο web design σας στον αγαπημένο σας browser, και ανακαλύπτετε πως δεν παίζει σωστά στον IE6. Βαριέστε (όπως όλοι μας) να λύσετε όλα τα σπαστικά IE6-only bugs; Μην ανησυχείτε, υπάρχει λύση. Απλά επισκεφθείτε το ie6fixer επιλέξτε ποια γνωστά bugs θέλετε να διορθωθούν, ανεβάστε το CSS αρχείο σας, και αυτό ήταν όλο. To ie6fixer θα δημιουργήσει αυτόματα τον IE6 κώδικα που χρειάζεστε (καλά μην περιμένετε και θαύματα, ωστόσο λύνει αρκετά προβλήματα εύκολα και γρήγορα).
  • jsDraw2D : Ακόμα μία Javascript library για γραφήματα…

Web Development

  • Το OpenCart είναι ένα όμορφο, δυνατό και open source shopping cart.

Search Engine Optimization (SEO)

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

  • Cufón ονομάζεται η νέα τεχνική αντικατάστασης web safe fonts με custom. Η διαφορά του με το γνωστό sFIR, είναι πως δεν χρησιμοποιεί το Flash για να κάνει render τα custom fonts, αλλά απλή Javascript σε συνδυασμό με το canvas element και VML (Vector Markup Language). Η διαδικασία installation είναι πραγματικά εύκολη (όχι όπως το sFIR), παίζει σε όλους τους browsers, και μάλιστα χωρίς έξτρα plug ins, ενώ είναι και αρκετά γρήγορο. Το μόνο που πρέπει να κάνετε είναι να κατεβάσετε το Cufón και να κάνετε generate τα custom fonts στον Cufón generator. Η συνέχεια είναι πανεύκολη, απλά αντικαθιστάτε τα fonts που θέλετε με τα custom fonts σας! Το έχω ήδη χρησιμοποιήσει και είναι πραγματικά πολύ εύκολο στην χρήση, ωστόσο με προβληματίζει λίγο το θέμα επιλογής του text στα Cufón generated fonts. Εάν διορθωθεί και αυτό μιλάμε για πραγματικό διαμάντι στο θέμα web typography…

WordPress

  • Στo WPSeek.com μπορείτε να βρείτε όλα τα WordPress template tags και  functions μαζί με πολλά άλλα resources και σημειώσεις. Μπορείτε επίσης να συνεισφέρετε και τις δικές σας.

Διάφορα links

  • Δεν αντέχετε άλλο τον Internet Explorer 6; Ε τότε βοηθείστε να τον σκοτώσουμε!
  • Το Sex Shop TV είναι ένα αρκετά πρωτότυπο και περίεργο για τα ελληνικά δεδομένα web project. Είναι μια ταινία που θα διανέμεται αποκλειστικά από το διαδίκτυο και που θα παίζεται σε συνέχειες. Για να δούμε τι θα δούμε…
  • Έχετε πρόβλημα εθισμού με κάποια sites; Ξοδεύεται πολύ χρόνο σε αυτά παρά την θέληση σας; Μην ανησυχείτε η web υπηρεσία KeepMeOut είναι εδώ για να λύσει το πρόβλημα εθισμού σας. Απλά δηλώστε το site και την ώρα που θέλετε να μείνετε έξω από αυτό, και το KeepMeOut αναλαμβάνει όλα τα υπόλοιπα…

Τα καλύτερα 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 αυτήν την στιγμή), είναι άλλο θέμα.

6+1 δωρεάν UI libraries

Οι web εφαρμογές έχουν ήδη κατακτήσει και το desktop με τα διάφορα widgets αλλά και τις πολλές πλέον RIA εφαρμογές. Το μεγάλο πρόβλημα που αντιμετωπίζουν οι developers τέτοιων εφαρμογών είναι πως πολλές φορές δεν υπάρχει κάποια έτοιμη βάση έτσι ώστε να αναπτύξουν πιο γρήγορα και εύκολα τα διάφορα User Interfaces. Συνήθως πρέπει σε κάθε νέο project να ξανανανακαλύπτουν τον τροχό, ενώ εάν δεν υπάρχει και κάποιος καλός σχεδιασμός, είναι δύσκολο να ξαναχρησιμοποιήσουν τα υπάρχοντα user interfaces. Παρακάτω παρουσιάζω 6 δωρεάν (και μία σχεδόν δωρεάν) λύσεις για το παραπάνω πρόβλημα. Τα παρακάτω UI Frameworks/libraries είναι πολύ παραμετροποιήσημα και προσφέρουν αμέσως πολλές UI λύσεις όπως drag ‘n drop, κουμπιά επιλογών, tabs, παράθυρα και γενικότερα ότι μπορεί να ζητήσει κάποιος από ένα user interface. Έχουμε και λέμε λοιπόν :

  1. Το Echo Web Framework είναι ίσως η πιο εντυπωσιακή λύση, ωστόσο έχω την αίσθηση πως θα είναι αρκετά πολύπλοκο στην χρήση. Όπως και να έχει το demo του είναι κάτι παραπάνω από εντυπωσιακό, οπότε  σίγουρα αξίζει να του ρίξετε μια ματιά.
  2. Το γνωστότερο ίσως από όλα είναι το Yahoo! User Interface (YUI), το οποίο παραμένει μια πολύ καλή και δοκιμασμένη λύση. Το πολύ καλό documentation, τα πολλά resources και tutorials, αλλά και το τεράστιο community που έχει χτιστεί γύρω του, είναι τα μεγάλα του πλεονεκτήματα.
  3. Το jQuery UI είναι η επίσημη λύση του jQuery στο θέμα user interface. Αξιόλογο, εύκολο στην χρήση και κυρίως με πολύ καλό support αλλά και μεγάλο community από πίσω του.
  4. Το mochaui είναι και αυτό μια ενδιαφέρουσα UI λύση για την Mootools library αυτήν την φορά.
  5. Το Jitsu είναι μια ενδιαφέρουσα λύση για την δημιουργία UI, ωστόσο έχω την αίσθηση πως τα περισσότερα πράγματα που προσφέρει γίνονται πολύ πιο εύκολα με άλλες libraries. Όπως και να έχει πάντως, καλό θα είναι να την έχετε υπόψη σας.
  6. Το iWebKit είναι η καλύτερη λύση για δημιουργία εφαρμογών που στοχεύουν στο iPhone και το iPod touch.
  7. Τέλος υπάρχει και τo IT Mill είναι μια πολύ οργανωμένη και ολοκληρωμένη λύση. Το framework είναι open source, με πολλές δυνατότητες και χαρακτηριστικά, ενώ η εταιρεία προσφέρει σε πολύ λογικές τιμές κάποια εργαλεία και επίσημη υποστήριξη. Έτσι αν και μπορεί να ξοδέψετε κάτι παραπάνω στην αρχή, σίγουρα αξίζει, μιας και μακροπρόθεσμα μπορείτε να γλιτώσετε πολύ περισσότερα χρήματα, χρόνο και κόπο.

Όποιος έχει να προσθέσει κάτι ας αφήσει ένα comment, έτσι ώστε να οργανονώμαστε σιγα-σιγά και σε αυτό το θέμα…

Γρήγορο 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 αλλά πολλές φορές και μόνος μου!

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

Best of the rest – 39η εβδομάδα 2008

Πολλά τα νέα αυτής της εβδομάδας, οπότε ξεκινάω αμέσως, χωρίς εισαγωγές!

  • Το σημαντικότερο νέο της εβδομάδας είναι η δημιουργία του World Wide Web Foundation, από τον ίδιο τον δημιουργό του web, σερ Tim Berners Lee! Οι λόγοι δημιουργίας του συγκεκριμένου οργανισμού είναι η περαιτέρω εξάπλωση του web σε ολόκληρο τον πλανήτη, σύμφωνα με την πρώτη ανακοίνωση του ιδρύματος. Πολλοί ειδικοί, ανάμεσα τους και ο δημιουργός του web, πιστεύουν πως το W3C έχει μείνει αρκετά πίσω στο θέμα προώθησης του web, και γι αυτόν ακριβώς τον λόγο αποφάσισαν να δημιουργίσουν ένα ιδρύμα το οποίο θα έχει αυτό ως σκοπό. Υπάρχει κάποια λογική στο θέμα (η Molly, γράφει και αυτή την πολύ ενδιαφέρουσα άποψη της στο τελευταίο A List Apart), ωστόσο εάν δεν ξεκαθαρίσουν κάπως τα θολά σχέδια του νέου ιδρύματος (κάπου μέσα στο 2009), δεν ξέρω εάν και κατά πόσο θα το υποστηρίξει η web κοινότητα (και εγώ ως ένα πολύ μικρό κομμάτι της)…
  • Το CSS3.gr είναι έτοιμο! Ρίξτε οπωσδήποτε μια ματιά στα άρθρα και το blog του. Σίγουρα θα βρείτε κάτι ενδιαφέρον να διαβάσετε!
  • Το Google Android είναι έτοιμο, όπως και το πρώτο κινητό που θα το χρησιμοποιήσει (ΤMobile G1)! Το Android δείχνει πραγματικά πολύ δυνατό και ανοιχτό, ενώ με εντυπωσίασε πολύ και ο ενσωματωμένος browser του! Το Read Write Web έγραψε ένα πολύ επεξηγηματικό άρθρο με πάρα πολλά video, τα οποία παρουσιάζουν τις πολλές δυνατότητες του καινούργιου λειτουργικού για κινητά τηλέφωνα. Προσωπικά το περιμένω πως και πως, μιας και απογοητεύτηκα αρκετά με το “ελληνικό” iPhone!
  • Η beta έκδοση του νέου Flash Player είναι έτοιμη και μπορείτε να την κατεβάσετε για διάφορα λειτουργικά συστήματα από τα Adobe Labs. Βλέποντας το νούμερο της έκδοσης (10), αισθάνθηκα και αρκετά γέρος, μιας και χρησιμοποιώ το συγκεκριμένο plug in από την δεύτερη έκδοση του (εάν θυμάμαι καλά)!!!
  • Πολύ δουλειά έχει πέσει στην Adobe η οποία εμφάνισε και την καινούργια Creative Suite της. Όλα τα γνωστά προγράμματα της Adobe αναβαθμίζονται στην έκδοση CS4, ενώ μπορείτε να διαλέξετε και την οικογένεια προγραμμάτων που καλύπτει τις ανάγκες σας και να γλιτώσετε αρκετά χρήματα. Προσωπικά έχω την αίσθηση πως οι αναβαθμίσεις σε Adobe προϊόντα πρέπει να γίνονται κάθε 2 με 3 εκδόσεις, αλλιώς έχω την αίσθηση πως πετάγονται πολλά λεφτά για το τίποτα… Μπορεί βέβαια να κάνω και λάθος…
  • Εμφανίστηκε και το πρώτο site (όχι επίσημο), με τίτλο Chrome Plugins, το οποίο προσπαθεί να κατασκευάσει τα πρώτα plug-ins για τον Chrome. Για να δούμε τι θα καταφέρουν…
  • To A List Apart δημοσίευσε τα νέα του άρθρα! Προσωπικά μου άρεσε περισσότερο το πιο τεχνολογικό “Test-Driven Progressive Enhancement“, ωστόσο και το “Web Standards 2008: Three Circles of Hell” σε προβληματίζει αρκετά για το που βαδίζουν τα web standards!
  • To Fire Vox είναι ένα plug in για τον Firefox, το οποίο μετατρέπει τον browser σε screen reader! Είναι ένα από τα εντυπωσιακότερα plug ins, το οποίο δίνει ένα επιπλέον κίνητρο και εργαλείο στους web designers και developers, έτσι ώστε να δημιουργήσουν ακόμα πιο accessible sites…
  • Κυκλοφόρησε ακόμα μία Javascript library, έτσι για να έχουμε ακόμα μεγαλύτερη ποικιλία, η Minordi. Όσοι δεν έχουν βρει ακόμα μια Javascript library που να τους καλύπτει (πράγμα πολύ δύσκολο), ας της ρίξουν μια ματιά…
  • Ο Webkit είναι η πρώτη μηχανή rendering που περνάει και επίσημα το Acid 3 test.
  • Και εκεί που όλοι λέγαμε πόσο σημαντικά είναι τα friendly URLs στο SEO, έρχεται η Google και ανακοινώνει από το επίσημο Google Web Master Central blog πως δεν χρειάζεται να ξαναγράφουμε με φιλικό τρόπο τα URLs μας!!! Τώρα γιατί το κάνει αυτό, ειδικά αυτήν την στιγμή όπου πλέον αρχίζουν να καταλαβαίνουν και οι λιγότερο ειδικοί την σημασία των friendly URLs, πραγματικά δεν έχω ιδέα… Περιμένω μόνο τις πρώτες αντιδράσεις από τους web masters και τους SEO experts…
  • Τέλος μου άρεσε ιδιαίτερα η ιδέα του site Yotify. Στο εν λόγω site λοιπόν, φτιάχνεις scouts (ανιχνευτές), οι οποίοι δρουν σαν bots και σε ενημερώνουν για πράγματα που ενδιαφέρεσαι αυτόματα, χωρίς να κουνάς ούτε το δαχτυλάκι σου!!! Πάρα πολύ έξυπνη και βολική ιδέα!