Η ελαστικότητα της πλατφόρμας WordPress είναι γνωστή σε όλους τους επαγγελματίες του χώρου. Οποιοσδήποτε διαχειριστής ενός WordPress website μπορεί με ελάχιστες τεχνικές γνώσεις να βελτιώσει την λειτουργικότητα του διαδικτυακού του τόπου, προσφέροντας νέες ενδιαφέρουσες δυνατότητες στους επισκέπτες του, με την εγκατάσταση νέων plugins.

Η αγορά των WordPress plugins είναι εκτενής και μεγαλώνει καθημερινά με ραγδαίους ρυθμούς. Δυστυχώς ή ευτυχώς, όπως γίνεται πάντα σε ένα τέτοιο “περιβάλλον”, λόγω της ραγδαίας ανάπτυξης και της γρήγορης αύξησης των διαθέσιμων plugins, είναι δύσκολο να ξεχωρίσει ένας Web Master ή  Web Designer / Developer τα καλύτερα και πιο χρήσιμα από αυτά, εκτός και αν αφιερώσει πολύ χρόνο σε έρευνα και δοκιμές.

Για τον λόγο αυτό, το Web Design Blog ετοίμασε μια λίστα με τα καλύτερα WordPress Plugins για το 2012. Αυτό δεν σημαίνει πως δημιουργήθηκαν το 2012, αλλά πως βρίσκονται στις προτιμήσεις των WordPress administrators φέτος. Στην λίστα που ακολουθεί, παρουσιάζονται WP Plugins τα οποία είναι δωρεάν αλλά και επί πληρωμή.

Gravity Forms

Ίσως το καλύτερο WP Plugin για φόρμες. Δίνει την δυνατότητα δημιουργίας φορμών και τοποθέτησης αυτών σε οποιαδήποτε σημείο του WordPress διαδικτυακού σας τόπου, αλλά δεν σταματούν εκεί οι δυνατότητές του. Μπορείτε να δημιουργήσετε conditional logic αντιδράσεις στις φόρμες σας – ανάλογα με τις απαντήσεις των χρηστών σας- μπορείτε να αποθηκεύσετε στη βάση του WP τις επικοινωνίες των χρηστών σας (λειτουργώντας και σαν ένα μικρό CRM) και άλλα πολλά.
Κόστος: από $39

SEOPressor

Ένα premium plugin το οποίο λειτουργεί σαν ένας επαγγελματίας SEO σύμβουλος για το περιεχόμενο του WordPress website σας. Με την εγκατάσταση του plugin, το SEOPressor κάνει αυτόματη ανάλυση του περιεχομένου σας και σας προτείνει βελτιώσεις και ενέργειες. Εκτός από τα παραπάνω, έχει μια μεγάλη γκάμα επιλογών που μπορούν να σας βοηθήσουν να βελτιώσετε τη θέση σας στα αποτελέσματα των μηχανών αναζήτησης.
Κόστος: από $47

SlideDeck 2 Lite

Το SlideDeck 2 Lite δίνει τη δυνατότητα στους WordPress Administrators να δημιουργούν content sliders, τα οποία είναι responsive και μπορούν να περιέχουν κείμενο, εικόνες, youtube videos, tweets, pinterest και πολλά άλλα, χωρίς την παραμικρή γνώση κώδικα. Το SlideDeck 2 Lite είναι η δωρεάν έκδοση του SlideDeck 2 το οποίο περιέχει περισσότερα content sources επί πληρωμή.
Κόστος: από $0

Cyclone Slider

Άλλος ένας εύχρηστος content slider που λειτουργεί με drag and drop. Το Cyclone Slider, χρησιμοποιεί το jQuery Cycle plugin που προσφέρεται με 25+ transitions.
Κόστος: $0

HTML5 jQuery Audio Player

Το HTML5 jQuery Audio Player, δίνει την δυνατότητα στους διαχειριστές ενός WP site να προσθέσουν σε αυτό ένα audio αρχείο ή ένα audio playlist με την χρήση shortcodes. Μερικές ενδιαφέρουσες επιλογές του plugin είναι η προβολή album art, η υποστήριξη mp3 και ogg αρχείων ήχου, η δυνατότητα να παίζει στους πλοηγούς IE7, IE8, IE9, Safari, Firefox και Chrome και πολλές άλλες. Το plugin έχει και premium έκδοση στα $25 που προσφέρει επιπλέον λειτουργίες.
Κόστος: από $0

Capability Manager Enhanced

Το plugin αυτό είναι πολύ χρήσιμο για WP sites που έχουν πολλούς authors / editors ή διαχειριστές γιατί δίνει τη δυνατότητα στον κεντρικό administrator να ορίζει το επίπεδο διαχείρισης για κάθε ρόλο χρήστη στο WordPress site. Μέσα από ένα εύκολο περιβάλλον, ο WP Admin μπορεί να αλλάξει τους ρόλους ενός editor, να δημιουργήσει έναν καινούργιο τύπο χρήστη και άλλα.
Κόστος: $0

Leaflet Maps Marker

Ένα πολύ δυνατό mapping plugin, το οποίο δίνει την δυνατότητα στους WP Administrators να δημιουργούν χάρτες με pins με επεξηγήσεις ή ακόμα και διαδρομές, χρησιμοποιώντας διάφορα mapping platforms όπως Google Maps, Bing Maps, Open Street Maps και άλλα. Το plugin έχει πολλές δυνατότητες που το κάνουν να ξεχωρίζει από άλλα plugins και το καλύτερο από όλα είναι πως είναι δωρεάν.
Κόστος: $0

Visual Composer for WordPress

Ένα Premium WordPress Plugin το οποίο δίνει στους WP Admins να δημιουργούν περιεχόμενο πολύ εύκολα και γρήγορα με drag and drop τεχνολογία. Υποστηρίζει πολυγλωσσικότητα, δυνατότητα αποθήκευσης layouts ως templates για μελλοντική χρήση, είναι responsive και προσφέρει και αρκετές άλλες δυνατότητες που το ορίζουν ως ένα πολύ χρήσιμο εργαλείο για οποιονδήποτε WordPress διαχειριστή.
Κόστος: $25

UberMenu – WordPress Mega Menu Plugin

Το UberMenu plugin εγκαθiσταται εύκολα σε ένα WordPress site και δίνει τη δυνατότητα στους διαχειριστές να μπορούν να δημιουργούν εύχρηστα, customised, responsive MegaMenus τα οποία είναι συμβατά και με mobile συσκεύες. Τα MegaMenus μπορούν να είναι οριζόντια ή κάθετα και προσφέρονται σε μια ποικιλία 20 διαφορετικών σχεδίων.
Κόστος: $0

VéritéCo Timeline

Δημιουργήστε πλούσια και ενδιαφέροντα Timelines με την βοήθεια του δωρεάν WordPress plugin, VéritéCo Timeline και τοποθετήστε τα σε όποιο σημείο του περιεχομένου σας θέλετε με τη χρήστη shortcodes.
Κόστος: $0

Clean Save

Πολύ χρήσιμο WordPress plugin το οποίο δίνει τη δυνατότητα στους χρήστες του WordPress διαδικτυακού τόπου σας να αποθηκεύουν το περιεχόμενο μιας ιστοσελίδας σας σε διάφορες μορφές (PDF, Text, κλπ) και σε διάφορους εικονικούς δίσκους στο cloud (Dropbox, Box.net, Google Drive, κλπ) απλά με το πάτημα ενός κουμπιού. Το Clean Save plugin προσφέρει πολλές επιπλέον δυνατότητες τις οποίες μπορείτε να διαβάσετε στη σελίδα του στο WordPress plugin directory.
Κόστος: $0

Newsletter Manager

Το Newsletter Manager είναι ένα πολύ ισχυρό Newsletter WordPress Plugin το οποίο προσφέρεται για τη δημιουργία και αποστολή personalised Text και HTML Newsletters σε όσους χρήστες έχουν γραφτεί στα mailing list του WordPress website σας.
Κόστος: $0

Το Web Design Blog έχει αναφερθεί στα Backlinks ή Inbound links στο παρελθόν αρκετές φορές. Είναι γνωστό στους επαγγελματίες SEO πως οργανικά backlinks από έγκυρα και αξιόπιστα websites μπορούν να βοηθήσουν σημαντικά στην τοποθέτηση ενός διαδικτυακού τόπου στα αποτελέσματα κάποιας αναζήτησης.

Στην αρχή της “ζωής” ενός διαδικτυακού τόπου, τα Backlinks είναι λίγα, ίσως και μηδενικά. Καθώς όμως ο διαδικτυακός τόπος “παλιώνει” και αρχίζει και γίνεται πιο γνωστός, τα Inbound Links του αρχίζουν και πληθαίνουν. Όσο περισσότερα γίνονται αυτά, τόσο πιο δύσκολο είναι για έναν επαγγελματία SEO ή Web Master να παρακολουθεί τις αλλαγές που γίνονται στα Backlinks. Πολλές φορές ο υπεύθυνος βρίσκεται στην δυσάρεστη θέση να συγκρίνει μεγάλα XLS αρχεία στην προσπάθεια να εντοπίσει τυχόν διαφορές.

Το Monitor Backlinks είναι μια πολύ χρήσιμη υπηρεσία που αναλλαμβάνει να εκτελεί αυτούς τους ελέγχους για εσάς, τον υπεύθυνο του website. Ο τρόπος με τον οποίο το κάνει είναι ο εξής:

1. Κατόπιν εντολής σας, κάνει ένα backlink check στον διαδικτυακό σας τόπο και αποθηκεύει την λίστα που παράγεται.
2. Στην συνέχεια, σας ρωτάει αν θέλετε να ενημερωθείτε για οποιαδήποτε τυχόν αλλαγή γίνει στα backlinks σας. Αν απαντήσετε πως ναι, τότε κάθε φορά που ένα backlink θα καταργείται, θα προστίθεται ή θα αλλάζει, το σύστημα θα σας ενημερώνει με ένα mail.

Η υπηρεσία δεν παρέχεται δωρεάν. Τα κόστη αρχίζουν από $4.95 / μήνα.

Περισσότερα για τα Backlinks μπορείτε να διαβάσετε στα άρθρα του Web Design Blog στην κατηγορία Inbound Links.

Ο Γιάννης Κωνσταντακόπουλος δέχτηκε να είναι ο πρώτος σε μια σειρά από συνεντεύξεις των Ελλήνων επαγγελματιών του χώρου. Σκοπός του Web Design Blog είναι η μετάδοση της πληροφορίας και της γνώσης του αντικειμένου και η προβολή των ανθρώπων που βρίσκονται πίσω από αυτό που λέμε Ελληνικό Web.

Στην συνέντευξή του, ο Γιάννης Κωνσταντακόπουλος, μιλάει για τη σταδιοδρομία του, για τις συνήθειές του, καθώς και για ένα νέο project που έχει ετοιμάσει με μια ομάδα και θέλει να το μοιραστεί μαζί μας. Όντας 8 χρόνια επαγγελματίας Web, μας συμβουλεύει τι να αποφύγουμε και με ποια νοοτροπία κατά την γνώμη του πρέπει να πορευόμαστε σαν Web Professionals για μια πιο πετυχημένη καριέρα.

Στη συνέντευξη αναφέρονται κάποιοι σύνδεσμοι, οι οποίοι παρατίθενται παρακάτω:

ΔΙΕΘΝΗ BLOGS

www.zeldman.com
www.alistapart.com
www.daringfireball.net
www.randsinrepose.com
www.smashingmagazine.com

ΕΛΛΗΝΙΚΑ BLOGS

www.digitalbox.gr
www.sugarenia.com
www.tsevdos.com
www.cssigniter.com
www.kloudesign.gr

ΑΓΑΠΗΜΕΝΟ SITE

www.iwc.com

ΕΡΓΑΛΕΙΑ

www.sublimetext.com
www.xscopeapp.com
www.iawriter.com

ΠΑΡΟΥΣΙΑ ΤΟΥ ΓΙΑΝΝΗ ΚΩΝΣΤΑΝΤΑΚΟΠΟΥΛΟΥ

www.porcupine.gr
www.porcupinecolors.com
www.echarta.com
http://twitter.com/yiannis_k
https://www.facebook.com/yiannis.konstantakopoulos

Η συνέντευξη έγινε με την χρήση του Google+ Hangout. Σε μερικά σημεία η ποιότητα της εικόνας δεν είναι πολύ καλή, αλλά θεωρούμε πως είναι φυσιολογικό σε μια video κλήση να υπάρχουν καθυστερήσεις.

Η συνέντευξη αυτή είναι μια παραγωγή του Web Design Blog – 2012.

Υπάρχουν φορές που ίσως θα θέλατε να δημιουργήσετε μια αίσθηση εντυπωσιασμού στους χρήστες του διαδικτυακού σας τόπου, ή του διαδικτυακού τόπου κάποιου πελάτη σας. Αν μια μεγάλη εικόνα καλής ποιότητας δεν είναι αρκετή, τότε μπορείτε με την χρήστη του bigvideo.js να χρησιμοποιήσετε για background ένα full screen video. Το bigvideo.js είναι φτιαγμένο πάνω στο videojs.com και την jQuery βιβλιοθήκη. Αν το αρχικό δείγμα video που χρησιμοποιήσετε είναι καλής ποιότητας, τότε το αποτέλεσμα που παράγεται, ακόμα και σε μεγάλες οθόνες, είναι αρκετά ικανοποιητικό για τον χρήστη.

Το bigvideo.js σας δίνει την δυνατότητα να δημιουργήσετε ακόμα, image slide shows, να παίξετε πολλά video το ένα μετά το άλλο, αλλά και να δώσετε περισσότερες δυνατότητες στους χρήστες όπως την επιλογή του video background αλλά και τη δυνατότητα της διαχείρισης των video προσθέτοντας σε αυτά media player options (play, pause, κλπ).

SETUP

Το bigvideo.js όπως αναφέρθηκε παραπάνω, χρησιμοποιεί το api του videojs.com καθώς επίσης τις βιβλιοθήκες, jQuery, jQuery UI (για την χρήση του slider control) και το  jQuery imagesloaded plugin. Είναι απαραίτητη η χρήση όλων των παραπάνω ώστε να δουλέψει σωστά το bigvideo.js.

Για να μπορέσετε να χρησιμοποιήσετε ένα video σαν background όπως φαίνεται στην σελίδα του παραδείγματος που έχουν δημιουργήσει οι δημιουργοί του Big Video θα χρειαστεί να γράψετε τον παρακάτω κώδικα:

$(function() {
    var BV = new $.BigVideo();
    BV.init();
    BV.show('http://video-js.zencoder.com/oceans-clip.mp4');
});

Για καλύτερα αποτελέσματα στον Firefox, δημιουργήστε μια Ogg έκδοση του video που θέλετε να χρησιμοποιήσετε:

$(function() {
    var BV = new $.BigVideo({useFlashForFirefox:false});
    BV.init();
    BV.show('vids/river.mp4', {altSource:'vids/river.ogv'});
});

Για περισσότερες πληροφορίες σχετικά με το bigvideo.js μπορείτε να επισκεφτείτε τη σελίδα http://dfcb.github.com/BigVideo.js. Για να δείτε και άλλους τρόπους εφαρμογής του, απλά πλοηγηθείτε στην ίδια σελίδα στην παράγραφο Setup.

Κάθε μέρα οι απαιτήσεις του σύγχρονου Web Design γίνονται όλο και περισσότερες. Ο Web Designer καλείται να δώσει λύσεις σε θέματα πολύπλοκα και ενδιαφέροντα. Για το λόγο αυτό είναι σημαντικό να επικεντρώνεται στα ουσιώδη στοιχεία ενός design, όπως το design concept, το layout, την αρχιτεκτονική της πληροφορίας, την πλοήγηση κ.α. Στοιχεία όπως φόρμες και κουμπιά είναι δευτερεύουσας σημασίας αλλά δεν παύουν να είναι και μια χρονοβόρα διαδικασία η οποία είναι αναπόφευκτη. Ευτυχώς στο διαδίκτυο κυκλοφορούν συλλογές με πολλά Δωρεάν στοιχεία τέτοιου τύπου τα οποία μπορεί να εκμεταλλευτεί ο μοντέρνος επαγγελματίας και να κερδίσει πολύτιμο χρόνο από την καθημερινότητά του/της.

Το Web Design Blog βρήκε και σας παρουσιάζει 18 Δωρεάν UI Elements σε μορφή PSD τα οποία μπορείτε να τα χρησιμποιήσετε στα project σας.

BLACK UI KIT

BLAUBARRY UI KIT

BUTTERSCOTCH

CLASSIC GREY WEB UI SET

CSS3 UI KIT

DARK THEMED UI SET

DARK UI KIT

DARK WEB AND APPS UI KIT

DARK WEB ELEMENTS

DESIGN ELEMENTS

DETAILED UI KIT

FUTURICO

IMPRESSIONIST

LIGHT UI KIT

MINIMALIST DARK PSD WEB UI SET

MOONIFY UI SET

UI KIT

CLOUDY UI KIT

Ο χρήστης  @geobak στο timeline του Twitter ανέφερε ένα πολύ καλό άρθρο που είχε τίτλο “Responsive Web Design Isn’t Meant To Replace Mobile Web Sites” γραμμένο από τον Bryson Meunier της Marketingland.com. Το άρθρο αυτό αναφέρεται στο αν και πότε είναι απαραίτητη η επιλογή μιας responsive λύσης και, όπως λέει χαρακτηριστικά και ο συγγραφέας του άρθρου, εκφράζει τις απόψεις όχι μόνο του ίδιου, αλλά και του Ethan Marcotte, συγγραφέα του βιβλίου Responsive Web Design ο οποίος εισήγαγε τον όρο πρώτη φορά το Μάιο του 2010.

Responsive Web Design

Responsive web design is a design philosophy and front end development strategy that makes desktop websites accessible on a number of devices through the use of fluid grids, flexible layouts and media queries. Instead of serving your users multiple URLs depending on the device that they’re accessing your site with, responsive web design allows webmasters to design a site once and format it differently for many devices

Δηλαδή το Responsive Web Design είναι μια φιλοσοφία που εφαρμόζεται στο εικαστικό αλλά και στην ανάπτυξη της στρατηγικής του front end (User Interface) και επιτρέπει σε websites να είναι άμεσα προσπελάσιμα σε πληθώρα συσκευών ανεξάρτητα από την ανάλυση της οθόνης που διαθέτουν. Αυτό πετυχαίνεται με την χρήση ελαστικών πλεγμάτων (grids) και ελαστικών layouts και media. Αντί να γίνεται χρήση πολλαπλών URLs αναλόγως πλατφόρμας ή συσκευής, το Responsive Web Design επιτρέπει το ίδιο site (από το ίδιο URL) να απεικονίζεται και να λειτουργεί σωστά παντού. Αυτή η φιλοσοφία στο Web Design, επιτρέπει στους web designers / developers να σχεδιάζουν τον διαδικτυακό τόπο μια φορά και να του αλλάζουν μορφή ανάλογα με τις πλατφόρμες.

Γιατί είναι δελεαστικό το Responsive Web Design (RWD)

Είναι φυσικό επόμενο μια τέτοια φιλοσοφία να είναι ελκυστική. Οι περισσότεροι Web Designers / Developers και SEOs προωθούν αυτή την ιδέα για τους παρακάτω λόγους:

1. Το RWD δεν απαιτεί από τους webmasters να διαχειρίζονται πολλαπλά websites, π.χ. ένα για Desktop, ένα για Tablet και ένα για Mobile.
2. Η ανάπτυξη ενός διαδικτυακού τόπου γίνεται μόνο μία φορά. Δεν χρειάζεται να αναπτυχθεί ένα ξεχωριστό π.χ. site για smartphones.
3. Το περιεχόμενο ενός διαδικτυακού τόπου δεν είναι διαθέσιμό από πολλαπλά URLs – δημιουργώντας κινδύνους duplicate content – αλλά από ένα και μοναδικό URL.
4. Σε επίπεδο φιλοξενίας δεν υπάρχει λόγος φιλοξενίας πολλαπλών διαδικτυακών τόπων.

Σύμφωνα με τα παραπάνω, θα έπρεπε να χρησιμοποιούν όλοι το RWD σε κάθε περίπτωση. Αυτή η άποψη υποστηρίζεται ένθερμα από πολλούς επαγγλεματίες του χώρου, αλλά όχι και από τον ίδιο τον ιδρυτή της ιδέας του Responsive Web Design. Ο ίδιος ο Ethan Marcotte αναφέρει κατηγορηματικά στο τέλος του βιβλίου του την εξής φράση:

“most importantly, responsive web design isn’t intended to serve as a replacement for mobile web sites”

Δηλαδή, το Responsive Web Design δεν είναι ο αντικαταστάτης του Mobile Web Design, μια άποψη η οποία μας βρίσκει σύμφωνους για τους εξής λόγους:

Δεν είναι πάντα ίδιες οι τεχνολογικές ανάγκες για κάθε πλατφόρμα

Είναι πολλές οι φορές που τεχνολογικά θέλουμε να πετύχουμε διαφορετικά πράγματα. Έχουμε άλλους στόχους για τους χρήστες που επισκέπτονται έναν διαδικτυακό τόπο από τον υπολογιστή τους και άλλους στόχους για τους χρήστες που επισκέπτονται τον ίδιο διαδικτυακό τόπο από το κινητό τους. Για παράδειγμα, υπάρχουν τεχνολογίες που μπορεί να είναι χρήσιμες για τον mobile χρήστη όπως geolocation για navigation ή event recording ή τεχνολογίες που χρησιμοποιούν τη φωτογραφική ενός κινητού, οι οποίες να μην έχουν καμία χρήση για τον χρήστη εκείνο που βλέπει ένα website από τον H/Y του και αντίστροφα. Αυτό που κάνει το RWD είναι να προσφέρει το ίδιο περιεχόμενο σε άλλη μορφή ή να αφαιρεί περιεχόμενο αλλά η τεχνολογία του διαδικτυακού τόπου παραμένει η ίδια για όλες τις πλατφόρμες. Αυτό και μόνο περιορίζει ένα project που θέλει να προσφέρει διαφορετική χρήση του website του ανάλογα με την πλατφόρμα.

Δεν είναι πάντα ίδιες οι ανάγκες περιεχομένου για κάθε πλατφόρμα

Εκτός από το επίπεδο της τεχνολογίας, μπορεί να θέλουμε να πετύχουμε διαφορετικούς στόχους και σε επίπεδο περιεχομένου. Όπως αναφέραμε παραπάνω το RWD σερβίρει το ίδιο περιεχόμενο παντού. Ανάλογα την περίπτωση (κάτι που ισχύει τις περισσότερες φορές) το περιεχόμενο για mobile sites χρειάζεται να είναι διαφορετικά διαμορφωμένο για να εξυπηρετεί καλύτερα τους mobile χρήστες. Να είναι πιο μικρό σε όγκο, πιο στοχευμένο, πιο γρήγορο στην ανάγνωση. Κάτι τέτοιο απαιτεί μια μοναδική λύση mobile web site.

Το Duplicate Content πρόβλημα με το SEO – πλέον – αντιμετωπίζεται

Σύμφωνα με το άρθρο της Google “30 search quality highlights (with codenames!)” η αλλαγή με κωδικό όνομα “old possum“ (skip redirect) αναφέρει πως πλέον οι διαδικτυακοί τόποι με mobile έκδοση που έχουν ξεχωριστό URL (π.χ. mobile.nameofwebsite.com) θα αναγνωρίζονται αυτόματα χωρίς ειδικά redirects από τη μηχανή αναζήτησης και θα σερβίρονται στα αποτελέσματα mobile αναζητήσεων αντί των κεντρικών websites. Αν δείτε στην εικόνα την αναζήτηση που κάναμε σε iPhone για τον όρο “Mykonos Luxury Hotel” θα παρατηρήσετε πως τα 2 πρώτα αποτελέσματα προσφέρουν αυτομάτως Mobile εκδόσεις ενώ το τρίτο αποτέλεσμα που δεν έχει mobile έκδοση παρουσιάζει την κανονική Desktop έκδοση.

Ο κώδικας των Mobile Web Sites είναι optimized για φορητές συσκευές και δίκτυα φορητής τηλεφωνίας

Οι φορητές συσκευές και οι browsers τους έχουν λιγότερη επεξεργαστική ισχή από ότι οι Η/Υ και οι αντίστοιχους πλοηγοί τους. Αυτό σημαίνει πως όσο πιο βελτιστοποιημένος είναι ο κώδικας μιας σελίδας γι’ αυτές τις πλατφόρμες τόσο το καλύτερο. Διατηρώντας μια “ελαφριά” σελίδα με δίχως περιττό κώδικα, μπορεί να παρουσιαστεί πολύ πιο γρήγορα και με λιγότερη επιβάρυνση στο δίκτυο φορητής τηλεφωνίας και κατά συνέπεια στο λογαριασμό του χρήστη. Το RWD ελέγχει μόνο την εμφάνιση του περιεχομένου και όχι τον κώδικα που χρησιμοποιείται. Αυτό σημαίνει πως ασχέτως παρουσίασης, η κινητή συσκευή είναι αναγκασμένη να κάνει download τον ίδιο όγκο δεδομένων αλλά και τον ίδιο κώδικα που κατεβάζει και ένας Η/Υ.

Δεν χρειάζεται να σχεδιαστεί όλος ο υπάρχον διαδικτυακός τόπος από την αρχή

Ένας από τους βασικούς λόγους που κάποιος δεν θα δημιουργήσει μια responsive λύση είναι γιατί έχει ήδη έναν διαδικτυακό τόπο από τον οποίο είναι πολύ ευχαριστημένος και θέλει να επεκταθεί και στις κινητές συσκευές. Σε αυτή την περίπτωση είναι πιο λογικό να επενδύσει στην κατασκευή ενός mobile web site παρά σε ένα εκ νέου RWD site.

Συμπέρασμα

Το άρθρο λοιπόν του Bryson Meunier της Marketingland.com καταλήγει στο ότι δεν είναι όλες οι περιπτώσεις ίδιες και δεν έχουν όλα τα project τις ίδιες ανάγκες. Συμφωνούμε. Τα Mobile Website Designs και τα Responsice Website Designs έχουν τα υπέρ και τα κατά τους και αυτό που κρίνει την επιλογή είναι οι στόχοι και το περιεχόμενο του εκάστοτε έργου.

Το ψηφιακό βιβλίο έχει εισβάλλει για τα καλά στη ζωή μας και όσο και αν είμαστε λάτρεις του χαρτιού δεν μπορούμε να παραβλέψουμε τα πολλά πλεονεκτήματα που μας προσφέρει.
Ιδιαίτερα όσον αφορά στην ανάγνωση τεχνικών βιβλίων, περιοδικών ή references όπου με την πάροδο του χρόνου ένα μεγάλο ή μικρό μέρος από το περιεχόμενό τους μεταβάλλεται, ίσως δεν έχει και πολύ νόημα η απόκτησή τους στη χάρτινη μορφή.
Στο διαδίκτυο μπορείτε να βρείτε αναρίθμητα ebooks για web design σε διάφορες ψηφιακές μορφές, είτε δωρεάν είτε επί πληρωμή.

Σήμερα σας παρουσιάζουμε 20 Δωρεάν Ebooks σε PDF μορφή για Web Design, Responsive Web Design και Web Development.
Αν έχετε εντοπίσει κι εσείς ebooks (δωρεάν ή μη) που πιστεύετε ότι αξίζουν αναφοράς μη διστάσετε να μας τα προτείνετε.

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

_________________________________________________________________________

 1. 100 Do And Don’ts In WebDesign

_________________________________________________________________________

2.Responsive Design Guide

_________________________________________________________________________

3.Manifesto For Meaningful Design

_________________________________________________________________________

 4.Delivering Web to Mobile 

_________________________________________________________________________

 5.Design Your Imagination

_________________________________________________________________________

6.Go Mobile

_________________________________________________________________________

 7. How To Be Creative

_________________________________________________________________________

 8.How to Build a Mobile Website

_________________________________________________________________________

9. Up To Speed On HTML5 & CSS3

_________________________________________________________________________

10. HTML Quick Learning Guide

_________________________________________________________________________

11. Introduction To Good Usability

_________________________________________________________________________

12.Mobile-first Responsive Web Design

_________________________________________________________________________

13.Responsive Web Design: Enriching the User Experience

_________________________________________________________________________

14.Design Case Study:Responsive Web Design Increases Sales

_________________________________________________________________________

15. Taking Your Talent To The Web

_________________________________________________________________________

16. Time Management for Creative People

_________________________________________________________________________

17. Type Classification

_________________________________________________________________________

18.Responsive Design and Small Screen Optimisation

_________________________________________________________________________

20.Responsive Web Design

_________________________________________________________________________

Σύμφωνα με τα τελευταία νέα, η Google σε πρόσφατο Tweet  ανανακοίνωσε τη νέα έκδοση του Google Panda.

Panda refresh rolling out now. Only ~1.6% of queries noticeably affected. Background on Panda: goo.gl/mTKCH.

Δεν αναφέρθηκαν σε κάποια έκδοση του Panda, αλλά μπορεί να είναι η 3.4 ή η 4. Το σημαντικό πάντως είναι πως αυτή τη φορά θα επηρρεαστεί το 1.6% των αναζητήσεων. 

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

Το Web Design Blog έχει παρουσιάσει στο παρελθόν αρκετές φορές Cheat Sheets. Από το 2008 που είχε γίνει η πρώτη τέτοια παρουσίαση μέχρι σήμερα, έχουν γραφτεί 5 αντίστοιχα άρθρα, αλλά οι εξελίξεις προχωράνε με γοργούς ρυθμούς και όπως είναι φυσικό έχουν αλλάξει πολλά (και αλλάζουν συνεχώς) στον χώρο. Για τον λόγο αυτό η ομάδα του WDB έκανε έρευνα ώστε να παρουσιάσει μια πιο πρόσφατη λίστα με Cheat Sheets για HTML5, CSS3, JQuery και WordPress.

Πολλά από τα Cheat Sheets που ακολουθούν περιέχουν όμοιες μεταξύ τους πληροφορίες αλλά αυτό δεν σημαίνει πως δεν έπρεπε να παρουσιαστούν όλα μαζί στην ίδια λίστα. Κάθε αρχείο παρουσιάζει την επιθυμητή πληροφορία με το δικό του τρόπο και έτσι μπορεί κάποιο από αυτά να σας εξυπηρετεί περισσότερο από κάποιο άλλο. Είναι στην κρίση σας ποιο θα χρησιμοποιήσετε.

HTML 5

1. HTML5 CHEAT SHEET – TAGS
   
2. HTML5 CHEAT SHEET – EVENT ATTRIBUTES
   
3. HTML5 CHEAT SHEET – BROWSER SUPPORT
   
4. HTML5 CHEAT SHEET
   
5. HTML5 POCKETBOOK
   
6. HTML5 SECTIONING FLOWCHART
   
7. HTML5 CHEAT SHEET – CANVAS
   
8. HTML5 CHEAT SHEET – QUICK REFERENCE GUIDE
   

CSS 3

1. CSS3 CHEAT SHEET – QUICK REFERENCE GUIDE
   
2. CSS3 PROPERTIES INDEX
   
3. CSS3 CHEAT SHEET – COLOR NAMES
   
4. CSS3 HELP SHEET
   
5. CSS3 WEBKIT CHEAT SHEET
   
6. CSS3 CLICK CHART
   

JQuery

1. JQUERY QUICK API REFERENCE
   
2. JQUERY 1.4 CHEAT SHEET
   
3. JQUERY COLORCHARGE CHEAT SHEET
   
4. JQUERY 1.7 VISUAL CHEAT SHEET
   

WordPress

1. WORDPRESS CHEAT SHEET – TEMPLATE MAP
   
2. WORDPRESS CHEAT SHEET – BASIC THEME ANATOMY
   
3. WORDPRESS CHEAT SHEET – THE LOOP VISUAL MODEL
   
4. WORDPRESS CHEAT SHEET – THE LOOP
   
5. WORDPRESS CHEAT SHEET
   
6. WORDPRESS ADVANCED HELP SHEET
   
7. WORDPRESS CHEAT SHEET FOR SEO
   
8. WORDPRESS THEME DEVELOPMENT CHECK LIST
   
9. WORDPRESS CHEAT SHEET – TEMLPATE TAGS
   
10. WORDPRESS CHEAT SHEET – PLUGIN API
11. WORDPRESS HELP SHEET
    

Όλο και περισσότεροι επαγγελματίες SEO πιστεύουν πως τα SEO rankings έχουν πεθάνει. Αυτή η άποψη, η οποία μας βρίσκει σύμφωνους, βασίζεται σε μια σειρά από αλλαγές που έχουν υποστεί οι αλγόριθμοι των search engines. Υπάρχουν αναφορές πως κάθε χρόνο εκτελούνται πάνω από 500 αναβαθμίσεις στους αλγόριθμους. Αυτό που έχει σημασία είναι πως οι μηχανές αναζήτησης έχουν αλλάξει πια συμπεριφορά και τα αποτελέσματά τους έχουν γίνει διαφορετικά από τον ένα χρήστη στον άλλο και από την μια περιοχή στην άλλη.

Για να υπάρχει δυνατότητα μέτρησης των search engine optimization rankings, χρειάζεται να υπάρχει μια συνοχή στα δεδομένα ώστε να μπορούν να γίνονται συγκρίσεις και να εκτελούνται οι ανάλογες ενέργειες.

Συνοχή δεν υπάρχει πλέον.

Συνεπώς δεν υπάρχει η δυνατότητα για SEO rankings. Όπως λέει και ο Tom Schmitz του Search Engine Land:

“δεν έχουμε πια search engine rankings αλλά search engine placements”.

Τι έχει αλλάξει;

Οι μηχανές αναζήτησης προσφέρουν ειδικά διαμορφωμένα αποτελέσματα για τον κάθε χρήστη.

Όλο και περισσότεροι χρήστες της Google χρησιμοποιούν και άλλες υπηρεσίες της μηχανής αναζήτησης, είτε αυτή είναι το Gmail, ή το Google+, ή τα Google Analytics, ή άλλη υπηρεσία. Η Google προσφέρει πάρα πολλές δωρεάν υπηρεσίες τις οποίες για να χρησιμοποιήσει κάποιος πρέπει να έχει δημιουργήσει Google λογαριασμό. Κάνοντας login στον Google λογαριασμό του ο χρήστης, προσφέρει απλόχερα μέσα από τις αναζητήσεις του, τις συνήθειες και τις προτιμήσεις του στην μηχανή αναζήτησης. Η Google μαθαίνει και δημιουργεί με βάση αυτά τα στοιχεία ένα προφίλ χρήστη και του παρουσιάζει στις αναζητήσεις του τις πραγματικές προτιμήσεις του. Είναι σίγουρο πως μεταξύ των logged in χρηστών είναι σχεδόν απίθανο να υπάρχουν παρόμοια αποτελέσματα σε μια τυχαία αναζήτηση.

Συμπέρασμα: Δεν υπάρχει συνοχή, άρα δεν υπάρχουν μετρήσιμα αποτελέσματα μεταξύ των συνδεδεμένων χρηστών.

Οι επιρροές από τα κοινωνικά δίκτυα επηρεάζουν τα αποτελέσματα των search engines.

Τόσο η Google με το Google+, όσο και η Bing σε συνεργασία με το Facebook, προσφέρουν πια αποτελέσματα στα SERP που είναι επηρεασμένα από τις προτιμήσεις, τα likes και τα +1 των φίλων του κάθε χρήστη. Όταν κάποιος χρήστης είναι συνδεδεμένος με το κοινωνικό δίκτυο της προτίμησής του και κάνει μια αναζήτηση, τα αποτελέσματα που θα παρουσιαστούν θα έχουν σχέση με την on line κοινωνική του ζωή. Συνεπώς αν 2 οι περισσότεροι χρήστες που είναι logged in στα κοινωνικά τους δίκτυα κάνουν την ίδια αναζήτηση, είναι σχεδόν σίγουρο πως τα αποτελέσματα που θα τους παρουσιαστούν θα είναι διαφορετικά.

Συμπέρασμα: Δεν υπάρχει συνοχή, άρα δεν υπάρχουν μετρήσιμα αποτελέσματα μεταξύ των συνδεδεμένων χρηστών.

Πλέον στα αποτελέσματα των μηχανών, δεν αναφέρονται μόνο διαδικτυακοί τόποι.

Όταν ένας χρήστης αναζητάει κάτι σε μια μηχανή αναζήτησης, τα αποτελέσματα που εμφανίζονται περιέχουν διαδικτυακούς τόπους, όπως υπήρχαν ανέκαθεν, αλλά και επιπλέον αποτελέσματα νέας μορφής. Αυτά τα αποτελέσματα, μπορεί να είναι video από το YouTube ή το Vimeo, ή τοποθεσίες σε έναν χάρτη, ή εικόνες, ή ακόμα και νέα σχετικά με την φράση-κλειδί που χρησιμοποίησε ο χρήστης. Αυτό έχει ως συνέπεια, ένας διαδικτυακός τόπος ο οποίος είναι πρώτος στα οργανικά αποτελέσματα να φαίνεται στα μέσα της σελίδας γιατί προηγούνται τόσα επιπλέον στοιχεία.

Συμπέρασμα: Δεν υπάρχει συνοχή, άρα δεν υπάρχουν μετρήσιμα αποτελέσματα μεταξύ των συνδεδεμένων χρηστών.

Tο Localized Search έχει κάνει πιο αισθητή την παρουσία του.

Ακόμα και χωρίς να είναι κάποιος χρήστης συνδεδεμένος με τον Google λογαριασμό του, το location based search έχει γίνει πολύ πιο αυστηρός παράγοντας στη διαμόρφωση των αποτελεσμάτων Αυτό σημαίνει πως τα αποτελέσματα του καθενός επηρεάζονται και από την τοποθεσία του, είτε αυτή προσφέρεται μέσω της IP, είτε μέσω του GPS, ή του WiFi triangulation μιας κινητής συσκευής. Δηλαδή αν ένας χρήστης στη Μελβούρνη της Αυστραλίας ψάξει για την λέξη Hotel και το ίδιο κάνει και ένας χρήστης στην Πάτρα, ακόμα και αν δεν είναι συνδεδεμένοι με τον προσωπικό τους λογαριασμό, τα αποτελέσματα τους θα είναι διαφορετικά.

Συμπέρασμα: Δεν υπάρχει συνοχή, άρα δεν υπάρχουν μετρήσιμα αποτελέσματα μεταξύ των συνδεδεμένων χρηστών.

Χωρίς συνοχή, πλέον τι έχει σημασία;

Σημασία πλέον δεν έχουν τα search engine rankings. Σημασία έχει η επισκεψιμότητα σε ένα website και ο ρυθμός της διάδρασης των χρηστών σε αυτό. Σημασία έχουν οι αναφορές που γίνονται για αυτόν τον διαδικτυακό τόπο στα κοινωνικά δίκτυα και ο αριθμός των σελίδων που συνδέεται προς αυτές. Τα αποτελέσματα για μια λέξη ή φράση-κλειδί πλέον είναι ρευστά και μπορεί να αλλάζουν σε καθημερινή βάση και σε μερικές περιπτώσεις ακόμα πιο συχνά.