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

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

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

Το συγκεκριμένο post θα είναι και το τελευταίο της σειράς, μιας και τα αγαπημένα μου links θα δημοσιεύονται πλέον κατευθείαν στον twitter λογαριασμό μου (ναι είναι ενεργός επιτέλους)! Καλή χρονιά σε όλους και μην ξεχάσετε να με ακολουθείτε στο twitter 😉

Έμπνευση

  • Wolfram|Alpha : Μια νέα, πολύ εντυπωσιακή που πολλές φορές καταντάει και τρομακτική search engine. Δείτε οπωσδήποτε και το τρομακτικό video της

Web Design

  • Easy- front end framework : Ακόμα ένα CSS framework το οποίο προσφέρει πολλές “out of the box” javascript λύσεις (με την βοήθεια του jQuery).
  • Clearbox 3 : H καινούργια version είναι ακόμα καλύτερη…
  • Markup Generator : Ένας καινούργιος τρόπος γραφής markup. Θα ήθελα να το δω και σε text-editors/IDEs, μιας και θα με βόλευε πολύ…
  • Google Browser Size : Για να βλέπεται πως φαίνεται το site σας σε διάφορες αναλύσεις. Ίσως το μοναδικό Google εργαλείο για sites που δεν με εντυπωσίασε ιδιαίτερα…
  • @font-face Generator : Το καλύτερο εργαλείο που έχω βρει μέχρι στιγμής για την μετατροπή, αλλά και το editing web γραμματοσειρών. Γενικότερα το Font-Squirrel κάνει φανταστική δουλειά στα web fonts

Web Development

  • IxEdit : Ένα φανταστικό εργαλείο για την συγγραφή jQuery κώδικα, κατευθείαν μέσα στην ιστοσελίδα και μέσω γραφικού περιβάλλοντος! Θεωρητικά δεν χρειάζεται να ξέρετε καν jQuery! Τι άλλο θα δούμε…
  • BackPress : Μια PHP library που θα απλοποιήσει πολλά tasks. Την χρησιμοποιούν πολλά γνωστά open source projects όπως το WordPress και το bbPress.

Tools

  • Screenpresso : Ένα δωρεάν εργαλείο για screenshots με πολλά χαρακτηριστικά.  Είναι από τα καλύτερα που έχω δει (ειδικά σε λειτουργικό Windows, στο οποίο τέτοια εργαλεία είναι λιγότερα και με ελάχιστα χαρακτηριστικά)…
  • Ένα δωρεάν Sketching & Wireframing Kit, διαθέσιμο σε πολλά διαφορετικά formats (PDF, EPS, SVG κτλ.).

Accessibility/Usability

  • To WAVE (όχι της Google, βγαίνει από τα αρχικά  Web Accessibility Evaluation Tool), είναι μια δωρεάν υπηρεσία αξιολόγησης προσβασημότητας, κατασκευασμένη από το WebAIM.

WordPress

  • Το Carrington αυτοαποκαλείται CMS theme Framework για το WordPress. Η ιδέα είναι πολύ καλή, ωστόσο το βρήκα πολύ πολύπλοκο για την δουλειά που κάνει (απλά φτιάχνει themes!), ενώ χρειάζεται και αρκετή μελέτη…
  • WP Test data import : Ένα WP XML αρχείο για περάσετε γρήγορα στο blog σας μερικά test posts. Πολύ χρήσιμο ειδικότερα εάν δουλεύεται σε κάποιο καινούργιο theme…

Plug ins

  • jQuery Masonry : Ένα έξυπνο layout plug in που αλλάζει την default λειτουργία των floats.
  • Το Superfun είναι ένα εντυπωσιακό jQuery plug in. Ρίξτε του μια ματιά…
  • Google Page Speed : Ένα plug in/add on για το Firebug, με το οποίο μπορείτε να βρείτε και να βελτιώσετε τα αρχεία που καθυστερούν τις ιστοσελίδες σας. Προσωπικά προτιμώ την λύση της Yahoo, YSlow
  • Art Direction : Ένα WordPress plug in με το οποίο μπορείτε να δώσετε σε κάθε post σας ξεχωριστό CSS αρχείο (έτσι ώστε κάθε post σας να δείχνει διαφορετικό). Δοκιμάστε το εάν δεν βαριέστε…
  • TufteGraph : Ακόμα ένα jQuery plug in για charts/graphs…
  • Captify : Ένα απλό και πρακτικό jQuery plugin, για την προβολή των alt text στις φωτογραφίες σας.
  • jSnow : Και ένα jQuery plugin για χιόνι! Μάλλον άργησα να το παρουσιάσω…

Διάφορα links

  • Experts-Zone : Ένα ενδιαφέρον blog που προστέθηκε πρόσφατα στον RSS reader μου.
  • Academic Earth : Το εν λόγο site προβάλει (δωρεάν πάντα) video από παρουσιάσεις/lectures, των κορυφαίων ακαδημαϊκών της γης! Τα video είναι χωρισμένα σε κατηγορίες μαθημάτων, οι οποίες καλύπτουν όλο το φάσμα των επιστημών. Είναι κάτι που δεν πρόκειται να δω ούτε σε 30 χρόνια στην Ελλάδα…

Το Whitepress theme επίσημα πλέον στο WordPress.org

To Whitepress theme, κατάφερε επιτέλους να μπει και στο επίσημο WordPress Theme Directory. Αισθάνομαι αρκετά περήφανος, αν και οφείλω να γράψω πως απορρίφθηκε 2 φορές πριν γίνει δεκτό, την μία επειδή είχα πολλά backlinks στο blog μου (αν και είχα μόνο 3 – μάλλον τους χάλαγε που τα 2 ήταν ad images στην sidebar) και την δεύτερη επειδή είχα βάλει πολλά tags στην κατηγοριοποίηση του theme (έλεος)! Όπως και να έχει στο τέλος το δέχτηκαν και είμαι πλέον και επίσημα official WordPress contributor!

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

Τίποτα το σπουδαίο αυτήν την εβδομάδα, ωστόσο κατάφερα να συλλέξω κάποια πραγματάκια…

  • Το Whitepress, ένα WordPress theme φτιαγμένο από εμένα, φτάνει επιτέλους την version 1! Περισσότερες πληροφορίες και download μπορείτε να βρείτε στην επίσημη σελίδα του project! Enjoy and spread it!
  • Το ελληνικό Open Coffee γίνεται όλο και πιο ενδιαφέρον προορισμός για τους επαγγελματίες του χώρου και τις ελληνικές start up. Η ποιότητα των ομιλητών έχει ανέβει κατακόρυφα και γενικά το event μου φαίνεται πολύ πιο ώριμο πλέον… Θα ήθελα να πηγαίνω συχνότερα, ωστόσο όλο και κάτι μου τυχαίνει… Ίσως φέτος και για τους λόγους που προανέφερα να εμφανίζομαι συχνότερα εκεί…
  • Επίσημα πλέον, ο Internet Explorer 8 θα έχει επιτέλους μια Firebug-like toolbar. Καλή κίνηση από την Microsoft, αν και άργησε τραγικά και σε αυτό το θέμα…
  • Το Dropbox είναι μια πολύ καλή λύση συγχρονισμού αρχείων. Έτσι εάν εργάζεστε σε πολλά computers και θέλετε να έχετε ανά πάσα στιγμή διαθέσιμα τα αρχεία σας, το Dropbox είναι αυτό που χρειάζεστε! Αυτήν την στιγμή είναι διαθέσιμο τόσο σε Windows όσο και σε OS X.

Whitepress version 1.0

Η τελική (version 1.0) έκδοση του Whitepress theme είναι έτοιμη και μπορείτε να την κατεβάσετε, δωρεάν όπως πάντα, από το Google Code. Η καινούργια version κρατάει όλα τα χαρακτηριστικά της πρώτης, ενώ προσθέτει και πάρα πολλά καινούργια! Για περισσότερες πληροφορίες μπορείτε να διαβάσετε (στα αγγλικά δυστυχώς – δεν έχω χρόνο να τα μεταφράσω) όλη την λίστα χαρακτηριστικών :

  • Super clean and minimalistic design
  • Really lightweight theme! The generated code (including files and images) is less than 40K
  • Structured and valid web standards code (XHTML and CSS)
  • Very flexible customization (typography, sidebar, etc.)
  • Widget-ready sidebar. The sidebar has many AJAX-like effects that minimizes vertical space
  • Gravatar support for comments (from wordpress 2.5 and above)
  • Print-only style
  • Progressive Enchantment! The site is functional even when Javascript is turned off. The content is accessible to all users including text-only browsers and screen readers
  • Ready to use jQuery library (version 1.2.6), for further enchantment and development
  • Works in all modern browsers (including Firefox 2 and 3, Internet Explorer 6 and 7, Opera, Safari and Chrome)
  • Compatible with WordPress 2.5 and below

Η τελική έκδοση του theme κάνει πολύ καλύτερη χρήση τυπογραφίας (typography), λύνει κάποια μικρό-προβληματάκια CSS που υπήρχαν σε κάποια σημεία ενώ χρησιμοποιεί και gravatars στα comments (σε εκδόσεις wordpress 2.5 και πάνω, ωστόσο το theme λειτουργεί κανονικά και σε παλιότερες εκδόσεις, χωρίς να εμφανίζει τα gravatars)! Το εφέ για τα tabs λειτουργεί αμέσως (out of the box που λέμε) και χωρίς να χρειαστεί κάποια παραμετροποίηση από τον χρήστη, όπως γινόταν μέχρι τώρα (thanks a lot for the tip Johnny). Τέλος υπάρχει και ένα favicon που μπορείτε να αντικαταστήσετε με το δικό σας.

Για περισσότερες πληροφορίες για το theme, επισκεφθείτε το επίσημο project του στο Google Code, ενώ αν αποφασίσετε να το κατεβάσετε, ρίξτε και μια ματιά στην Customization Wiki page του. Ελπίζω να το βρείτε ενδιαφέρον, ενώ για όσους θέλουν να με βοηθήσουν, απλά διαδώστε το!!!

Whitepress : Το επίσημο και δωρεάν WordPress theme από το Tsevdos.com

Το επίσημο theme του blog μου είναι επιτέλους έτοιμο και διαθέσιμο (δωρεάν φυσικά) για download (όπως είχα ανακοινώσει και σε παλιότερο post)! Ονομάζεται Whitepress και μπορείτε να το χρησιμοποιήσετε και να το πειράξετε όσο θέλετε! Τέλος στην επίσημη σελίδα του Whitepress μπορείτε να βρείτε πολλές χρήσιμες πληροφορίες τόσο για το theme, όσο και το customization του. Enjoy 😉

Καινούργιο theme!

Βρήκα επιτέλους χτες λίγο χρόνο και μετά από αρκετό καιρό τελείωσα ένα προσωπικό WordPress theme το οποίο και βλέπετε (εάν βλέπετε αυτό το post μέσω RSS reader κάντε έναν κόπο και επισκεφθείτε το site). Αν και δεν είναι 100% έτοιμο ακόμα, θα ήθελα να με ενημερώσετε για τυχόν ατέλειες που εντοπίζετε σε browsers, αλλά και τις απόψεις σας για το τι σας αρέσει και τι όχι (σε θέματα όπως χρώματα, fonts, κτλ.), έτσι ώστε να το βελτιώσω και άλλο. Με την πρώτη ευκαιρία, και αφού έχουν γίνει και οι απαραίτητες τελικές ρυθμίσεις, θα το διαθέσω (δωρεάν φυσικά) στην WordPress κοινότητα και σε όποιον θέλει να το χρησιμοποιήσει…

Γενικά πιστεύω πως πέτυχα τους περισσότερους στόχους μου, μιας και το theme καλύπτει αυτήν την στιγμή τα παρακάτω χαρακτηριστικά που είχα στο μυαλό μου :

  • Να είναι απλό, καθαρό και μινιμαλιστικό
  • Να έχει πολύ white-space (έτσι ώστε να μην κουράζετε ο χρήστης κατά την ανάγνωση)
  • Να είναι πάρα πολύ ελαφρύ και με ελάχιστα images
  • Να αποφευχθεί το κάθετο scrolling (όσο γίνεται)
  • Να είναι 100% δικό μου (δεν ήθελα να χρησιμοποιήσω γραφικά, φωτογραφίες, κτλ. κάποιου άλλου)

Το theme αν και απλοϊκό κρύβει μέσα του πολλά ενδιαφέροντα χαρακτηριστικά κυρίως σε θέματα accessibility, usability και progressive enhancement, ενώ σε επόμενα posts θα παρουσιάσω και το πως φτιάχτηκαν!!! Περιμένω τα σχόλια σας και τα λέμε στα comments 😉

Πως να κάνετε το blog σας να ξεχωρίσει από την μάζα. (Μέρος πρώτο – Design και Theme)

Πολλοί φίλοι και γνωστοί με ρωτάνε να τους πω την άποψη μου για το design του blog τους, καθώς και συμβουλές για το πως μπορούν να το βελτιώσουν αισθητικά. Καταρχάς και πριν συνεχίσω με τις συμβουλές που τους δίνω, πρέπει να ξεκαθαρίσω πως αυτό που κάνει πραγματικά την διαφορά σε ένα blog, είναι το περιεχόμενο του, και τίποτα άλλο! Το design υπάρχει περίπτωση να μην το βλέπει και κανείς, όπως οι χρήστες που χρησιμοποιούν feed readers -λίγο ακραίο βέβαια το να μην το βλέπει κανείς, απλά θέλω πραγματικά να τονίσω πως το περιεχόμενο και η ποιότητα των post σας είναι αυτό που μετράει περισσότερο από όλα! Σαφέστατα όλα τα παρελκόμενα του blog, όπως το design για παράδειγμα, μπορούν να βοηθήσουν ένα ήδη καλό σε περιεχόμενο blog να πάει ακόμα καλύτερα, απλά ο γενικός κανόνας είναι ο εξής : Content is the king! Μετά από αυτήν την σημαντικότατη εισαγωγή για να αποφευχθούν οι παρεξηγήσεις, περνάμε λοιπόν και στο κυρίως θέμα του post.

Το πρώτο πράγμα που πρέπει να κάνει κάποιος είναι να επιλέξει το κατάλληλο theme για το blog του, το οποίο δυστυχώς δεν είναι εύκολη υπόθεση. Παρά την πληθώρα επιλογών που υπάρχει στο internet, ο blogger πρέπει να σκεφτεί καλά τι εκφράζει αυτόν αλλά και το blog του ως προς το ύφος, το θέμα του και την γλώσσα που θα χρησιμοποιήσει στο blog. Για παράδειγμα εάν το blog θα ασχοληθεί με κάποιο σοβαρό θέμα, θα πρέπει να πάμε σε πιο ουδέτερα χρώματα και συμβατικά σχέδια, ενώ εάν το στυλ γραφής και το θέμα είναι πιο ελεύθερο, μπορούμε να πάμε σε πιο artistic themes. Μόλις αποφασιστούν όλες αυτές οι πολύ σημαντικές λεπτομέρειες, μπορούμε να αρχίσουμε το ψάξιμο του κατάλληλου theme. Η συμβουλή μου πάντα σε αυτό το σημείο είναι απλή και σύντομη : Απλά διαλέξτε ένα όμορφο, απλό και ευκολο-προσάρμοστο (easy to cusomize) theme, και αποφύγετε εκείνα με τα πολλά γραφικά που “πνίγουν” το περιεχόμενο (εκτός και εάν έχετε σκοπό να δημιουργήσετε κάτι πολύ εξεζητημένο ή αρτίστικο). Αποφύγετε επίσης, και μην εντυπωσιάζεστε εύκολα με με τα fancy και trendy themes, τα οποία φορτώνουν το blog σας με πολλά γραφικά και χίλια-δυο άχρηστα πράγματα, που πολλές φορές δεν τα χρειάζεστε ή απλά δεν έχετε ιδέα τι κάνουν! Γενικότερα κοιτάξτε την ουσία και αγνοείστε τα υπόλοιπα!

Μιλώντας για ουσία, τα πράγματα που πρέπει να κοιτάξει κάποιος είναι τα εξής :

  • να είναι web standard valid
  • να αφήνει το περιεχόμενο να “αναπνέει”
  • να είναι γρήγορο στο downloading (είναι αρκετά σημαντικό, ιδιαίτερα για τα blog που στοχεύουν το ελληνικό κοινό)
  • να είναι ευανάγνωστο και να έχει όμορφο typography και ταιριαστές γραμματοσειρές
  • να έχει σωστά επιλεγμένα χρώματα και συνδυασμούς (έχω στραβωθεί άπειρες φορές από απαίσιους συνδυασμούς χρωμάτων!)
  • να είναι εύκολο στην χρήση (δεν χρειάζονται περίεργα navigation menus και επιλογές)
  • να μην χρησιμοποιεί ήχους, flash και άλλα αντίστοιχα ενοχλητικά plug in
  • να είναι καλογραμμένο (στον κώδικα εννοώ), τεσταρισμένο και εύκολο στο customize
  • να δουλεύει σε όλους τους mainstream browsers, αναλύσεις και λειτουργικά συστήματα
  • να είναι όσο πιο accessible γίνεται (σε screen readers, text browsers και κατ’ επέκταση σε search engine bots κτλ.)

Από εκεί και πέρα οι πιο έμπειροι χρήστες που θα πειράξουν και περαιτέρω το design τους έτσι ώστε να το φέρουν ακόμα πιο πολύ στα μέτρα τους (το customization που λέγαμε), καλό θα είναι να προσέξουν να μείνει web standard valid και να μην το παρακάνουν με τα plug-ins, banners, κουμπάκια, κτλ. γιατί τις περισσότερες φορές όλα αυτά περισσότερο μπερδεύουν παρά βοηθάνε τους τελικούς χρήστες. Τέλος προσπαθήστε να κρατήσετε κάποια ομοιογένεια σε όλο το blog (δεν χρειάζεται να αλλάζουν πολλά χρώματα, navigation bars, κτλ. από σελίδα σε σελίδα χωρίς ιδιαίτερο λόγο). Αυτά τα λίγα για το design και το theme του blog σας. Όποιος έχει να προσθέσει κάτι ας αφήσει ένα comment.

Το συγκεκριμένο post είναι μέρος ενός μεγαλύτερου άρθρου το οποίο σκοπεύω να τελειώσω σε πολλά μέρη (προς το παρόν έχω σκεφτεί 3, αλλά μπορεί να βγουν και περισσότερα). Σε κάθε post θα αναλύω-περιγράφω και μια διαφορετική πτυχή ενός blog και θα προτείνω συμβουλές για το πως αυτή μπορεί να βελτιωθεί έτσι ώστε το blog σας να ξεχωρίσει από την μάζα!