Δωρέαν JavaScript βιβλία

Η JavaScript είναι εδώ και πολύ καιρό η επίσημη γλώσσα του web. Είναι η γλώσσα που χρησιμοποιείται πίσω από όλες τις HTML5 εφαρμογές που μας εντυπωσιάζουν (με άλλα λόγια είναι η γλώσσα που χρησιμοποιούν όλα τα HTML5 APIs, και όχι μόνο). Το κακό με την Javascript είναι πως έχει αρκετές παραξενιές, οι οποίες κάνουν την εκμάθηση της αρκετά δύσκολη, ακόμα και σε έμπειρους προγραμματιστές. Αν θέλετε να ξεκινήσετε σωστά, το δωρεάν βιβλίο του Cody Lindley ¨Javascript Enlignment¨ είναι μια πολυ καλη αρχή. Επίσης οι πιο μυημένοι μπορούν να ρίξουν μια ματιά και στο επίσης δωρεάν βιβλίο του Addy Osmani ¨Essential JavaScript and jQuery designs patterns¨.

Καθόλου άσχημες τιμές 😉

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!

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

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).

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

Αποκτήστε δωρεάν το βιβλίο “The Principles of Successful Freelancing”

To Sitepoint για τις επόμενες 10 μέρες χαρίζει το βιβλίο “The Principles Of Successful Freelancing“! Το μόνο που έχετε να κάνετε είναι να ακολουθήσετε τις οδηγίες που αναφέρουν στο blog τους.

Και πάνω που σκεφτόμουν να αγοράσω ένα τέτοιο βιβλίο…

Τα καλύτερα 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

Web Design

Tools

  • Το Sweetcron είναι ένας δωρεάν και open source, PHP-based lifestream generator. Είναι ο επικρατέστερος lifestream generator στο redesign που θα κάνω κάποια στιγμή (να δούμε πότε) στο Tsevdos.com.
  • Το Balsamiq Mockups είναι μια Adobe AIR εφαρμογή (με άλλα λόγια παίζει παντού), με την οποία μπορείτε να κάνετε πολύ γρήγορα mockups για τα site ή τις εφαρμογές σας. Είναι με άλλα λόγια ένα digital σημειοματάριο με έτοιμα UI elements! Το μόνο του μειονέκτημα είναι πως δεν είναι δωρεάν (όποιος μου βρει ένα αντίστοιχο δωρεάν software κερδίζει το ειδικό Tsevdos.com βραβείο)!
  • Στo OctaGate SiteTimer μπορείτε να βρείτε τι καθυστερεί το site σας (ποια αρχεία αργούν να φορτωθούν, κτλ.). Τώρα εάν έχετε ήδη το Yslow plug in για το Firebug, μάλλον δεν θα σας κάνει και ιδιαίτερη εντύπωση…

Accessibility/Usability

WordPress

  • Το plug in Flutter αναλαμβάνει να δημιουργήσει custom fields ala Expression Engine μέσα στο WordPress admin panel σας. Πιστεύω πως είναι καιρός να περάσουν αυτό το functionality και στον core κώδικα του WordPress, έτσι ώστε να μην μπλέκουμε με plug in και άλλες ιστορίες…
  • Και μία WordPress theme development check list, για τους ξεχασιάρηδες…

Plug ins

  • Το νέο plug in του plug in Firebug (έτσι δεν είναι;) ακούει στο όνομα Firefinder, και αναλαμβάνει το ψάξιμο της (αχανής;) (X)HTML. Πολύ χρήσιμο, ιδιαίτερα για site που δεν έχετε φτιάξει εσείς και ο κώδικας τους περιέχει χίλιες-δυο άλλες αηδίες που απλά δεν χρειάζονται.
  • Και ακόμα μια λίστα με διάφορα Firefox add ons. Όλο και κάτι ενδιαφέρον θα βρείτε…

Blogs

Διάφορα links

  • 5 δωρεάν web templates για την παρουσίαση του βιογραφικού σας.
  • Κορυφαίο site για εταιρικούς (και όχι μόνο) χρήστες. Το Down for everyone or just me κάνει μόνο αυτό που λέει ο τίτλος του.
  • Splash/404 pages για τους ορκισμένους αντί-IE6 web designers/developers.

Τα καλύτερα 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

Τα καλύτερα 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 δολάρια σε παιδιά που έχουν ανάγκη. Μακάρι να βλέπαμε περισσότερες τέτοιες προσπάθειες…

Δωρεάν βιβλίο για design!

O Hugh Dubberly από το Dubberly Design Studios (DDO) γράφει το βιβλίο “How do you design?”, το οποίο αν και σε beta μορφή ακόμα, δείχνει πολύ ενδιαφέρον. Ακόμα πιο ενδιαφέρον είναι το γεγονός πως ο συγγραφέας αποφάσισε να διανήμει το συγκεκριμένο (beta) βιβλίο εντελώς δωρεάν, σε PDF μορφή! Το μόνο που έχετε να κάνετε είναι να επισκευθείτε το blog του και να το κατεβάσετε! Και πάνω που ήθελα να αγοράσω ένα βιβλίο για design…