Web Design Blog X2interactive

Αλλαγές και ερώτημα προς αναγνώστες

Σπύρος Παπασπυρόπουλος | Web Professional — Sun, 29 Jan 2012 14:55:22 +0000

Το άρθρο "Αλλαγές και ερώτημα προς αναγνώστες" είναι γραμμένο από την ομάδα του Web Design Blog. Ένα blog για το Internet και το Web Design.

Μέσος χρόνος ανάγνωσης άρθρου: 5 λεπτά

Εισαγωγή

Το Web Design Blog είναι ένα blog για το Internet, το Web Design και το SEO. Είναι μια συλλογική προσπάθεια των στελεχών της εταιρίας x2interactive Web Agency αλλά και των φανατικών αναγνωστών του blog, δηλαδή εσάς που μας στηρίζετε με τα ενθαρρυντικά σας λόγια τόσο καιρό. Μερικοί από εσάς έχουν προσφερθεί και έχουν γράψει ποιοτικά άρθρα για το WDB τα οποία έχουμε αναρτήσει ανά τους καιρούς. Ευχαριστούμε πολύ τους Βασίλη Κανονίδη και Νίκο Ζηνά για την πολύτιμη συμμετοχή τους.

Aπό το 2008 το Web Design Blog προσφέρει νέα και resources σχετικά με την αγορά του Web στα Ελληνικά και προσπαθεί να κρατάει μια όσο το δυνατόν πιο αντικειμενική στάση απέναντι στις εξελίξεις, ίσως με μόνη εξαίρεση την κατάσταση με τον Internet Exlporer 6!

Αν και δεν έχουμε τον χρόνο να ανανεώνουμε το περιεχόμενό μας όσο συχνά το ανανεώναμε κάποτε, δεν έχουμε σταματήσει να σκεφτόμαστε το community που έχει δημιουργηθεί γύρω από το blog και θέλουμε να συνεχίσουμε να προσφέρουμε σε αυτό, όποτε και όπως μπορούμε. Για να δώσουμε κίνητρο στους εαυτούς μας, όσο σε εσάς τους αναγνώστες μας, αποφασίσαμε να αλλάξουμε το look & feel μας, να γίνουμε πιο up to date, υιοθετώντας ένα πιο φρέσκο και responsive τρόπο παρουσίασης του περιεχομένου μας. Αν και έχουμε ολοκληρώσει την διαδικασία του design, και το νέο theme που θα φιλοξενεί το περιεχόμενο μας είναι έτοιμο, θέλουμε πριν βγούμε στον αέρα να σας κάνουμε μια ερώτηση της οποίας η απάντηση θα κρίνει την μελλοντική μας πορεία.

Ερώτημα προς αναγνώστες

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

Απόψεις που ακούστηκαν που ενισχύουν την μετάβαση είναι:

Θα μεταδίδεται το Ελληνικό Web Design σε μεγαλύτερο κοινό.
Θα μπορούν να μάθουν οι ξένοι συνάδελφοί μας κάτι παραπάνω για εμάς και το τι κάνουμε εδώ στην Ελλάδα.
Θα μπορούν να μάθουν οι ξένες εταιρίες κάτι παραπάνω για εμάς και το τι κάνουμε εδώ στην Ελλάδα.
Θα υπάρχει μεγαλύτερος βαθμός συζήτησης και συμμετοχής στα comments του κάθε άρθρου, κάτι που θα μας ωφελήσει όλους.

Απόψεις που ακούστηκαν που δεν ενισχύουν την μετάβαση είναι:

Ίσως υπάρχουν αναγνώστες τους οποίους θα τους εκνευρίσει αυτή η μετάβαση, γιατί η αλλαγή της γλώσσας είναι μεγάλη αλλαγή.
Υπάρχουν τόσα και τόσα άρθρα γραμμένα ήδη στα Ελληνικά, τα οποία θα πρέπει σιγά σιγά να μεταφραστούν όλα και να αναρτηθούν στην Αγγλική γλώσσα.
Θα επιβαρυνθεί το SEO ranking για τα άρθρα που έχουν γραφτεί.

Ύστερα από πολλές συζητήσεις, καταλήξαμε πως ότι και να λέμε μεταξύ μας δεν έχει καμία σημασία.

Σημασία έχει τι θα πείτε εσείς, οι αναγνώστες μας.

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

Συγκεκριμένα:

Θα συνεχίσουμε να γράφουμε άρθρα γύρω από τους Έλληνες Web Designers / Developers, στην προσπάθεια ενίσχυσης του Ελληνικού Web community.
Θα συνεχίσουμε να αναφέρουμε και να παρουσιάζουμε σημαντικά επιτεύγματα Ελλήνων επαγγελματιών του χώρου.
Θα συνεχίσουμε να έχουμε Ελληνικό χαρακτήρα,

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

Take Our Poll

Επίλογος

Θα χαρούμε πολύ να μάθουμε ποια είναι η άποψή σας. Θα την στηρίξουμε και θα την υλοποιήσουμε. Στο μεταξύ προχωρήσαμε σε ανανέωση της λίστας των Ελλήνων Web Designers / Developers με 3 νέα ονόματα.

Ευχαριστούμε.

Δωρεάν WordPress Mobile Pack plugin

Σπύρος Παπασπυρόπουλος | Web Professional — Thu, 24 Nov 2011 21:37:48 +0000

Το άρθρο "Δωρεάν WordPress Mobile Pack plugin" είναι γραμμένο από την ομάδα του Web Design Blog. Ένα blog για το Internet και το Web Design.

Μέσος χρόνος ανάγνωσης άρθρου: 1 λεπτό

Τα mobile websites είναι πλέον κάτι το αναμενόμενο. Όλο και περισσότεροι χρήστες αναζητούν πληροφορίες χρησιμοποιώντας τα κινητά τους.

Το WordPress Mobile Pack είναι ένα ΔΩΡΕΑΝ plugin, το οποίο σας δίνει την δυνατότητα να κάνετε το WordPress website σας συμβατό με κινητές συσκευές. Μεταξύ άλλων, προσφέρει Themes, Widgets, Mobile Analytics, μια ειδική έκδοση του διαχειριστικού του WordPress για κινητό και μια λειτουργία που την ονομάζει “Mobile Switcher” η οποία δίνει την δυνατότητα αυτόματης αναγνώρισης συσκευής αλλά και δυνατότητα να επιλέγουν οι χρήστες Theme με απομνημόνευση της επιλογής τους.

Η έκδοση του administration για κινητές συσκευές, επιτρέπει στον / στους διαχειριστές να γράφουν και να επεξεργάζονται άρθρα εν κινήσει, κάτι το οποίο μπορεί να φανεί ιδιαίτερα χρήσιμο. Το Plugin δουλεύει με όλες τις τελευταίες εκδόσεις του WordPress καθώς και με το παλιότερο WordPress MU αρκεί να είναι εγκατεστημένο στα plugins και όχι στα mu_plugis.

Συλλογή από 20 ΔΩΡΕΑΝ PSD σχεδιαστικά στοιχεία

Σπύρος Παπασπυρόπουλος | Web Professional — Thu, 24 Mar 2011 20:25:55 +0000

Το άρθρο "Συλλογή από 20 ΔΩΡΕΑΝ PSD σχεδιαστικά στοιχεία" είναι γραμμένο από την ομάδα του Web Design Blog. Ένα blog για το Internet και το Web Design.

Στο σημερινό άρθρο, το Web Design Blog παραθέτει μια σειρά από ΔΩΡΕΑΝ PSD αρχεία τα οποία περιέχουν ενδιαφέροντα σχεδιαστικά στοιχεία όπως κουμπιά, σκιές, ετικέτες και πολλά άλλα. Τα PSD αρχεία περιέχουν επεξεργάσιμα γραφικά σε layers και μπορούν να γίνουν download απευθείας από τους παρεχόμενους συνδέσμους. Πριν την χρήση κάθε αρχείου, προτείνεται να διαβάζετε τους όρους χρήσης μήπως υπάρχουν κάποιοι περιορισμοί.

Εύκολο caching με χρήση PHP και mySQL

Νίκος Ζηνάς | Web Developer — Mon, 21 Mar 2011 18:36:38 +0000

Το άρθρο "Εύκολο caching με χρήση PHP και mySQL" είναι γραμμένο από την ομάδα του Web Design Blog. Ένα blog για το Internet και το Web Design.

Σκοπός αυτού του οδηγού είναι να παρουσιάσουμε ένα απλό τρόπο με τον οποίο μπορούμε να υλοποιήσουμε ένα σύστημα caching, χρησιμοποιώντας php και mysql. Ο οδηγός απευθύνεται κυρίως σε developers με όχι και τόσο μεγάλη εμπειρία και στόχος είναι το αποτέλεσμα να είναι εύκολο στη χρήση και αρκετά ευέλικτο.

Η βασική ιδέα είναι να υλοποιήσουμε μία κλάση η οποίο θα αναλαμβάνει να κάνει αυτόματα το caching για όλες τις μεθόδους που περιέχει. Στο τελικό αποτέλεσμα, κάθε μέθοδος θα περιέχει όλες τις ενέργειες που θέλουμε να κάνουμε και στις παραμέτρους, θα ορίζουμε και το χρόνο για τον οποίο θα ισχύει η cache, πριν χρειαστεί ανανέωση.

Σημείωση: Σε μερικά από τα παρακάτω παραδείγματα δεν φαίνεται όλος ο κώδικάς. Αν τον επιλέξτε και τον επικολήστε στον text editor της επιλογής σας θα μπορέσετε να τον δείτε.

Cache table

Ας δούμε πρώτα το table που χρειάζεται να δημιουργήσουμε στη βάση. Θα του δώσουμε το πολύ πρωτότυπο όνομα ‘cache’. Αυτό είναι το αντίστοιχο CREATE TABLE.

CREATE TABLE IF NOT EXISTS `cache` (

`id` int(11) NOT NULL AUTO_INCREMENT,

`_key` varchar(255) DEFAULT NULL,

`_call` text,

`value` longtext,

`ts` int(11) DEFAULT NULL,

`locktime` int(11) DEFAULT NULL,

`expirationtime` int(11) DEFAULT '0',

PRIMARY KEY (`id`),

UNIQUE KEY `_key_2` (`_key`)

) ENGINE=MyISAM  DEFAULT CHARSET=utf8

_key είναι το μοναδικό αναγνωριστικό για κάθε εγγραφή στην cache. Είναι ένα string που παράγεται εφαρμόζοντας md5 στο όνομα και τις παραμέτρους τις συνάρτησης (περισσότερα γι αυτό στη συνέχεια).
_call είναι το όνομα της συνάρτησης και οι παράμετροι.
value είναι το αποτέλεσμα που είναι cached.
ts είναι το timestamp που δείχνει πότε έγινε η εγγραφή στην cache.
locktime είναι το timestamp που δείχνει πότε κλειδώθηκε η εγγραφή στην cache (για να γίνει update).
expirationtime είναι το timestamp που δείχνει πότε θα καταστεί άκυρη η εγγραφή στην cache.

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

$cache->searchBooksByAuthor(300, "nikos");

Όπου 300 είναι ο χρόνος σε δευτερόλεπτα που η εγγραφή στην cache θα πάψει να ισχύει.

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

class Cache {

var $lock_timeout = 10;

function __call($name, $arguments) {

function _searchBooksByAuthor($author) {

// query the database like you would normally do and return the result

Προσοχή στο underscore (_) που προηγείται του ονόματος της συνάρτησης και επίσης στο ότι το timeout δεν περιλαμβάνεται στα arguments. Θα γίνει σαφές το γιατί συμβαίνει αυτό, μόλις αρχίζουμε να υλοποιούμε την λειτουργικότητα της συνάρτησης __call().

H __call() είναι μία από τις λεγόμενες magic methods της php. Καλείται αυτόματα όταν ζητήσουμε μέθοδο της κλάσης που δεν υπάρχει στην πραγματητότητα. Οπότε, αν στην παραπάνω κλάση ζητήσουμε την συνάρτηση “searchBooksByAuthor” που δεν υπάρχει, τότε θα κληθεί η __call. Τώρα αρχίζει να γίνεται σαφές γιατί χρησιμοποιήσαμε το _ στο όνομα της συνάρτησης μέσα στην κλάση. Θέλουμε να αναγκάσουμε όλες τις μεθόδουμε να περνάνε μέσα από την __call, όπου και θα υλοποίήσουμε όλη την λειτουργικότητα της cache.

Ας ξεκινήσουμε να γράφουμε κώδικα μέσα στην __call. Μία υποσημείωση. Μιας και ο καθένας χρησιμοποιεί το δικό του database wrapper (έτσι τουλάχιστον οφείλουμε να κάνουμε), δεν θα χρησιμοποιήσουμε κάποια πραγματική συνάρτηση για τα queries, αλλά μια φανταστική, την myquery().

// first think we must check that the function actually exists

if ( !method_exists($this, '_'.$name) ) {

// handle the error anyway you like

$current_timestamp = time();

$timeout = $arguments[0]; // we said that the first argument will be the time till the cache record invalidates

$expiration_timestamp = $current_timestamp + $timeout;

// lets create the key for the cached row

$arguments[0] = $name;

$call = serialize(array_merge((array)$name, array_slice($arguments, 1)));

$key = md5($call);

Φτιάξαμε λοιπόν ένα serialized array που αποτελείται από το όνομα της συνάρτησης και τις παραμέτρους. Περνώντας αυτό από md5() προκύπτει το τελικό κλειδί της εγγραφής μας στην cache. Η μεταβλητή $call δεν χρησιμοποιείται πουθενά ουσιαστικά, αλλά είναι πολύ χρήσιμη για debugging, αν χρειαστεί κάποια στιγμή να βρείτε συγκεκριμένη συνάρτηση στην cache.

Στη συνέχεια, ελέγχουμε τη βάση και αν δεν υπάρχει εγγραφή με το συγκεκριμένο κλειδί, δημιουργούμε μια νέα στον πίνακα της cache.

// searching for the cached row

$cached = myquery("SELECT * FROM cache WHERE _key = '$key'");

if ( !$cached['id'] ) {

// row doesn't exist in the cache table, we just need to create it

// but first, run the original function and get the result

$data = call_user_func_array(array($this, '_'.$name), array_diff_key($arguments, array($timeout)));

$value = serialize($data);

myquery("

INSERT INTO `cache`

(`_key`, `_call`, `ts`, `locktime`, `expirationtime`, `value`)

VALUES

('$key', '$call', $current_timestamp, 0, $expiration_timestamp, $value)

");

return $data;

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

/ if valid

if ( $cached['ts'] + timeout > $current_timestamp ) return unserialize($cached['value']);

// locked, so we'll serve the outdated content

if  ( $cached['locktime'] && $cached['locktime'] +  $this->lock_timeout < $current_timestamp ) return  unserialize($cached['value']);

// if we reach here, either the cache is invalid, or it is locked, and past the locked timeout

// in either case we lock and update the cache row

myquery("UPDATE `cache` SET locktime = $current_timestamp WHERE `_key`='$key'");

$data = call_user_func_array(array($this, '_'.$name), array_diff_key($arguments, array(' ')));

$value = serialize($data);

myquery("

UPDATE `cache` SET

`value` = '$value',

`ts` = $current_timestamp,

`locktime` = 0,

`expirationtime` = $expiration_timestamp

WHERE `_key` = '$key'

");

return $data;

Και με αυτό η κλάση ολοκληρώνεται.

Προφανώς μία τέτοια κλάση είναι χρήσιμη σε περιπτώσεις όπου έχουμε μεγάλα και αργά queries ή και ολόκληρες php functions που είναι πολύ αργές. Έχει μεγάλο πλεονέκτημα ότι είναι αρκετά ευέλικτη και σίγουρα είναι ένα καλό έναυσμα για κάποιο με όχι και τόσο μεγάλη εμπειρία στην php.

Εσείς χρησιμοποιείται κάποιο caching σύστημα στις εφαρμογές σας;

Το παραπάνω άρθρο ήταν Guestpost

Το παραπάνω άρθρο ήταν Guestpost και γράφτηκε από τον Νίκο Ζηνά.
Περισσότερα για τον Νίκο Ζηνά μπορείτε να δείτε στους παρακάτω συνδέσμους:

Blog: http://nzinas.com/blog
Twitter: http://twitter.com/nzinas
Linkedin: http://gr.linkedin.com/in/zinas

Εάν ενδιαφέρεστε και εσείς να γράψετε άρθρο για το Web Design Blog, μπορείτε να διαβάσετε περισσότερα στο άρθρο Το Web Design Blog ανοίγει τις πόρτες του!

Ωθήστε το self hosted WordPress σας σε άλλα επίπεδα επιδόσεων!

Σπύρος Παπασπυρόπουλος | Web Professional — Fri, 18 Mar 2011 19:56:19 +0000

Το άρθρο "Ωθήστε το self hosted WordPress σας σε άλλα επίπεδα επιδόσεων!" είναι γραμμένο από την ομάδα του Web Design Blog. Ένα blog για το Internet και το Web Design.

Λίγα λόγια για το WordPress

Αρχικά για όσους δεν το γνωρίζουν, αξίζει να αναφερθεί πως υπάρχουν 2 ειδών WordPress websites. Υπάρχουν τα WordPress.com sites τα οποία φιλοξενούνται κάτω από την κοινή ομπρέλα του WordPress community και έχουν περιορισμούς σε ευελιξία κινήσεων και υπάρχουν και τα αυτοφιλοξενούμενα (self hosted) WordPress τα οποία είναι εγκαταστάσεις του γνωστού Blog / CMS σε αυτόνομους / τυχαίους διακομιστές που δεν συνδέονται άμεσα με τον server του WordPress.com community. Τα αρχεία εγκατάστασης για τα Self Hosted WordPress sites μπορείτε να τα κατεβάσετε από το www.wordpress.org/download και να τα εγκαταστήσετε σε οποιονδήποτε συμβατό web server. Περισσότερα για τα δύο αυτά ήδη του WordPress μπορείτε να μάθετε στους 2 παρακάτω συνδέσμους:

Jetpack WordPress Plugin

Το Jetpack είναι ένα ΔΩΡΕΑΝ WordPress plugin το οποίο δίνει την δυνατότητα σε Self Hosted WordPress Installations, να εκμεταλλευτούν την δύναμη του WordPress.com cloud. Με λίγα λόγια το WordPress σας θα αποκτήσει μια σειρά από νέες δυνατότητες, δυνατότητες που υπάρχουν μόνο σε WordPress.com websites. Συγκεκριμένα με την εγκατάσταση του εν λόγω plugin, ένας WordPress admin θα έχει:

Δωρεάν χρήση των WordPress.com στατιστικών (WordPress.com Stats).
Δυνατότητα χρήσης του Twitter Widget.
Δυνατότητα χρήσης των Gravatar Hovercards (Mouseover info κάρτες με πληροφορίες για όσους σχολιάζουν στα comments σας).
Δυνατότητα χρήσης του URL shortner του WordPress.com (WP.me Shortlinks).
Δυνατότητα χρήσης του Sharedaddy για να διαδίδουν οι χρήστες του WordPress σας τα άρθρα σας στα Social Media.
Δυνατότητα χρήσης της γλώσσας LaTeX.
Δυνατότητα ορθογράφου με την τεχνολογία After the Deadline (Χρήση μόνο στην αγγλική γλώσσα).
Δυνατότητα χρήστης των Shortcode Embeds για να μπορείτε να εισάγετε video και άλλα media στα post σας με Shortcodes.

Κοιτάζοντας την επίσημη ιστοσελίδα του Jetpack φαίνεται πως υπάρχουν 3 κενές θέσεις για νέες λειτουργίες / δυνατότητες που θα προστεθούν στο μέλλον. Κάτι τέτοιο κάνει ακόμα πιο ενδιαφέρον το ήδη πολύ χρήσιμο αυτό WordPress plugin.

Πως να αφαιρέσετε την admin μπάρα από το WordPress 3.1

Σπύρος Παπασπυρόπουλος | Web Professional — Tue, 15 Mar 2011 07:30:47 +0000

Το άρθρο "Πως να αφαιρέσετε την admin μπάρα από το WordPress 3.1" είναι γραμμένο από την ομάδα του Web Design Blog. Ένα blog για το Internet και το Web Design.

Σε προηγούμενο άρθρο, αναφέρθηκαν οι λειτουργίες τις admin bar του WordPress 3.1. Στο σημερινό μίνι post το Web Design Blog παρουσιάζει πως να αφαιρεθεί αυτή η μπάρα από το Wordress installation σας. Ένας λόγος που μπορεί να δημιουργήσει την ανάγκη αφαίρεσης της μπάρας είναι πως εκείνη εμφανίζεται ακόμα και στους loged in users ενός subscriber based WordPress insallation σπαταλώντας έτσι αρκετό χώρο από την σελίδα αλλά και επηρεάζοντας το εικαστικό αποτέλεσμα.

Αφαίρεση της μπάρας

Πολύ απλά, βρείτε το αρχείο functions.php, ανοίξτε το και επικολλήστε σε όποιο σημείο του θέλετε τον παρακάτω κώδικά:

add_filter( 'show_admin_bar', '__return_false' );

Υπάρχουν βέβαια και plugins που πετυχαίνουν το ίδιο αποτέλεσμα, αλλά επειδή ακριβώς είναι plugins μπορεί να επηρεάζουν τις επιδόσεις του WordPress:

• Admin Bar Disabler
• Custom Admin Bar
• Global Hide/Remove Admin Bar Plugin
• Admin Bar Removal

Η τελική επιλογή είναι του διαχειριστή του website.

Τι είναι η Admin μπάρα στο WordPress 3.1 και τι προσφέρει;

Σπύρος Παπασπυρόπουλος | Web Professional — Mon, 14 Mar 2011 19:52:46 +0000

Το άρθρο "Τι είναι η Admin μπάρα στο WordPress 3.1 και τι προσφέρει;" είναι γραμμένο από την ομάδα του Web Design Blog. Ένα blog για το Internet και το Web Design.

Το καινούργιο update του WordPress, η έκδοση 3.1, έφερε μεταξύ άλλων και ένα νέο χαρακτηριστικό, αυτό της administrator bar. Η admin bar -για όσους δεν έχουν προχωρήσει ακόμα στο upgrade- είναι μια μπάρα με διάφορες συντομεύσεις που εμφανίζεται πλέον στο front end όταν είσαστε logged in σαν διαχειριστής και περιέχει τις εξής συντομεύσεις:

Σύνδεσμος με το όνομα του διαχειριστή

Αυτός ο σύνδεσμος ανοίγει ένα drop down menu το οποίο περιέχει 3 λειτουργίες:

Edit my profile (Μεταφορά στην σελίδα επεξεργασίας του προφιλ του διαχειριστή)
Dashboard (Μεταφορά στην σελίδα του πίνακα ελέγχουν του WordPress)
Log out (Αποσύνδεση)

Add New

Αυτός ο σύνδεσμος ανοίγει ένα drop down menu το οποίο περιέχει 2 λειτουργίες:

Post (Μεταφορά στην σελίδα δημιουργίας νέου Post)
Page (Μεταφορά στην σελίδα δημιουργίας νέου Page)

Comments

Πατώντας σε αυτόν τον σύνδεσμο ο διαχειριστής μπορεί να μεταβεί στην σελίδα επεξεργασίας των σχολίων του WordPress installation του.

Appearance

Αυτός ο σύνδεσμος ανοίγει ένα drop down menu το οποίο περιέχει 2 λειτουργίες:

Widgets (Μεταφορά στην σελίδα δημιουργίας / επεξεργασίας των Widgets του WordPress installation)
Menus (Μεταφορά στην σελίδα δημιουργίας / επεξεργασίας των Menu του WordPress installation)

Όλες οι παραπάνω επιλογές φαίνονται στην Admin Bar στην αρχική σελίδα. Αν ο διαχειριστής μεταβεί σε ένα post, τότε στην μπάρα αυτή προστίθενται άλλες 2 επιλογές. Οι επιλογές αυτές είναι οι εξής:

Edit Post

Αυτός ο σύνδεσμος δίνει την δυνατότητα στον διαχειριστή να μεταβεί αμέσως στην σελίδα επεξεργασίας του post που διαβάζει εκείνη την στιγμή. Ουσιαστικά μπορεί ο διαχειριστής χωρίς ψάξιμο να κάνει άμεσα διορθώσεις, γλυτώνοντας αρκετό χρόνο. Υπάρχει αντίστοιχη επιλογή Edit Page όταν ο διαχειριστής μεταβαίνει σε σελίδα τύπου page.

Shortlink

Πατώντας σε αυτόν τον σύνδεσμο, ο διαχειριστής μπορεί να δει το shortlink (σύνδεμος με παραμέτρους) της συγκεκριμένης σελίδας στο οποίο φαίνεται το id της. Αυτή την πληροφορία μπορεί να την χρησιμοποιήσει για εσωτερική χρήση (επιλογή προβολής promo posts) ή για εξωτερική χρήση.

Οι απόψεις σχετικά με την χρησιμότητα της Admin Bar διίστανται και δεν είναι λίγοι οι WordPress administrators που θέλουν να την καταργήσουν, ιδιαίτερα όσοι διατηρούν WordPress sites με πολλούς εγγεγραμμένους χρήστες. Ο χρόνος θα δείξει αν τελικά θα παραμείνει στο WordPress σαν υποχρεωτικό χαρακτηριστικό ή θα μπορεί να ενεργοποιείται / απενεργοποιείται από τον διαχειριστή σε μαζικό επίπεδο. Μέχρι στιγμής ο διαχειριστής μπορεί να την ενεργοποιήσει / απενεργοποιήσει μόνο ατομικά (για κάθε έναν χρήστη μοναδικά), κάτι που δεν είναι πρακτικό αν π.χ. διατηρεί ένα website με 1000 loged in subscribers.

Η αλλαγή στον αλγόριθμο του Google

Σπύρος Παπασπυρόπουλος | Web Professional — Wed, 09 Mar 2011 21:31:52 +0000

Το άρθρο "Η αλλαγή στον αλγόριθμο του Google" είναι γραμμένο από την ομάδα του Web Design Blog. Ένα blog για το Internet και το Web Design.

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

Το CNNMoney.com σε χθεσινό του άρθρο με τίτλο “Google’s code change shifts billions from losers to winners” παρουσιάζει τις επιπτώσεις της παραπάνω αλλαγής. Από ότι αναφέρεται στο άρθρο αυτό, το Online Publishers Association υποστηρίζει πως περισσότερα από 1 δισεκατομμύριο δολάρια σε τζίρο “αλλάξανε χέρια” με την αλλαγή αυτή στον αλγόριθμο.

Σε μερικές περιπτώσεις η αλλαγή αυτή ήταν τόσο αισθητή που η ελάττωση της εισερχόμενης κίνησης προκάλεσε άμεση μείωση εισροών σε επιχειρήσεις σε σημείο ανησυχητικό. Συγκεκριμένα το portal Mahalo.com προχώρησε σε αναγκαστικές απολύσεις έως και του 10% του προσωπικού.

Το Mahalo.com και πολλά ακόμη website τα οποία γεύτηκαν την άσχημη πλευρά αυτής της αλλαγής ανήκουν στην κατηγορία των content farms. Δηλαδή είναι διαδικτυακοί τόποι οι οποίοι παρέχουν περιεχόμενο παντός είδους, όχι απαραίτητα ούτε συνήθως ποιοτικό, με σκοπό την απόκτηση περισσότερης κίνησης (traffic) και κατά συνέπεια μεγαλύτερων εσόδων, κυρίως από διαφημίσεις. Όλα δείχνουν πως ο νέος αλγόριθμος φιλτράρει την ποιότητα πλέον του περιεχομένου ενός διαδικτυακού τόπου και αν κρίνει πως δεν είναι καλής ποιότητας το “τιμωρεί” τοποθετώντας το χαμηλά στις μηχανές αναζήτησης. Αυτή η ενέργεια σε επίπεδο SEO είναι πολύ σπουδαία γιατί με το “φρεσκάρισμα” αυτό οι επαγγελματίες SEO που ακολουθούν White Hat τακτικές και προσφέρουν στοχευμένο, ποιοτικό και εξειδικευμένο περιεχόμενο, θα δουν (αν δεν έχουν δει ήδη) εντυπωσιακά άλματα των πελατών τους στα SERPs.

Χρήσιμη πληροφορία

Αν κάποιος ενδιαφέρεται να δει την διαφορά στα αποτελέσματα μεταξύ του παλιού και του νέου αλγόριθμου μπορεί, σύμφωνα με το CNNMoney, να επισκεφτεί την IP Address http://64.233.179.104/, να εκτελέσει τις αναζητήσεις του και να δει πως ήταν τα SERPs πριν την αλλαγή στον αλγόριθμο. Η συγκεκριμένη IP δεν δούλεψε την στιγμή των δοκιμών για την ομάδα του Web Design Blog αλλά λόγο της εγκυρότητας της πηγής της πληροφορίας θεωρήθηκε πως έπρεπε να συμπεριληφθεί στο άρθρο.

Βέβαια υπάρχει και η άλλη όψη του νομίσματος. Διαδικτυακοί τόποι που προσφέρουν ποιοτικό περιεχόμενο παρατήρησαν σημαντική μείωση στην δημοτικότητά τους επειδή οι θέσεις τους στα SERPs αλλάξανε προς το χειρότερο χωρίς εξήγηση. Η Google σε επίσημη ανακοίνωσή τους βέβαια είπε πως:

Ο στόχος μας είναι απλός: Να σερβίρουμε στους χρήστες μας τις πιο σχετικές απαντήσεις στις αναζητήσεις τους όσο το δυνατόν πιο γρήγορα. Κάτι τέτοιο απαιτεί συνεχείς ρυθμίσεις του αλγόριθμου μας ο οποίος πρέπει να φιλτράρει τόσο το καλό, όσο και το κακό περιεχόμενο με το οποίο τροφοδοτείται συνεχώς το διαδίκτυο. Τελευταία οι χρήστες μας, έχουν εκφράσει την επιθυμία πως θέλουν να βλέπουν λιγότερα αποτελέσματα που σχετίζονται με χαμηλής ποιότητας websites.

Σε περίπτωση που κάποιος έχει αντίρρηση με τις νέες αυτές εξελίξεις, μπορεί να επισκεφτεί το Google WebMaster Central Forum και να εκφράσει τις απόψεις του σχετικά.

Εσείς παρατηρήσατε αλλαγές στα αποτελέσματα των αναζητήσεών σας;

Πηγή: http://money.cnn.com/2011/03/08/technology/google _algorithm_change/index.htm και http://money.cnn.com/2011/02/25/technolog y/gaming_google/index.htm?iid=EL

Ο θάνατος του ΙΕ6 δια χειρός Microsoft

Σπύρος Παπασπυρόπουλος | Web Professional — Tue, 08 Mar 2011 19:51:21 +0000

Το άρθρο "Ο θάνατος του ΙΕ6 δια χειρός Microsoft" είναι γραμμένο από την ομάδα του Web Design Blog. Ένα blog για το Internet και το Web Design.

Ο Internet Explorer 6 της Microsoft, ο γνωστός browser με την έλλειψη υποστήριξης web standards, είναι πονοκέφαλος για τους επαγγελματίες του χώρου εδώ και πάρα πολλά χρόνια. Υπάρχουν εταιρίες που έχουν δηλώσει επίσημα πως δεν υποστηρίζουν πλέον την ανάπτυξη web sites και web applications για αυτόν τον οδηγό πλοήγησης, ανάμεσά τους και η Google.

Το Web Design Blog έχει γράψει μερικά άρθρα σχετικά με αυτόν τον browser, τα οποία μπορείτε να τα βρείτε στους παρακάτω συνδέσμους:

Αυτό όμως που αξίζει να συζητηθεί σήμερα είναι πως η ίδια η Microsoft δημιούργησε τον διαδικτυακό τόπο http://www.ie6countdown.com/ μέσα από τον οποίο μπορούν οι χρήστες να παρακολουθούν την σταδιακή μείωση της “πίτας” της αγοράς που έχει ο Internet Explorer 6.

Η σελίδα αυτή περιέχει έναν δυναμικό χάρτη που παρουσιάζει με έναν όμορφο, οπτικό τρόπο την μείωση αυτή. Επίσης, υπάρχει στα αριστερά του χάρτη ένα μικρό κείμενο το οποίο θα μπορούσε να χαρακτηριστεί από πολλούς και ως “επικήδειος λόγος” της Microsoft για το IE6.

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

Από ότι φαίνεται κουράστηκε και η ίδια η Microsoft να “σέρνει” αυτό το φορτίο τόσα χρόνια.

Τι είναι Mega Drop Down menus; Ανάλυση και παραδείγματα.

Σπύρος Παπασπυρόπουλος | Web Professional — Fri, 04 Mar 2011 20:57:52 +0000

Το άρθρο "Τι είναι Mega Drop Down menus; Ανάλυση και παραδείγματα." είναι γραμμένο από την ομάδα του Web Design Blog. Ένα blog για το Internet και το Web Design.

Η χρήση των Mega Drop Down menus έχει αρχίσει να γίνεται trend τα τελευταία χρόνια. Τόσο στο εξωτερικό, όσο και στην Ελλάδα, οι επαγγελματίες του χώρου έχουν υιοθετήσει αυτή την μορφή πλοήγησης για να μπορούν να προσφέρουν μια ομαλή εμπειρία στους χρήστες των διαδικτυακών τόπων που έχουν σχεδιάσει. Ένα Mega Drop Down menu μπορεί να βοηθήσει τον μέσο χρήστη να μεταβεί στην πληροφορία που τον ενδιαφέρει, γρήγορα και εύκολα χωρίς να επηρεάζεται από το βάθος / επίπεδο της πληροφορίας.

Τι είναι ακριβώς Mega Drop Down menu;

Η ορολογία της έννοιας σύμφωνα με τον Guru του Usability, Jakob Nielsen, είναι:

Τα Mega Drop Down menus είναι μεγάλα δισδιάστατα πλαίσια πλοήγησης με ομαδοποιημένο περιεχόμενο τα οποία έχουν σαν σκοπό την κατάργηση του scrolling και χρησιμοποιούν εικονίδια, ξεκάθαρο typography και tooltips για να εξηγήσουν στον χρήστη τις επιλογές που έχει.

Ποια είναι τα χαρακτηριστικά των Mega Drop Down menus;

Τα περισσότερα χαρακτηριστικά αναφέρονται ξεκάθαρα και στον παραπάνω όρο της έννοιας. Συγκεκριμένα:

Μεγάλα δισδιάστατα πλαίσια πλοήγησης με ομαδοποιημένο περιεχόμενο.
Οι επιλογές πλοήγησης είναι ξεκάθαρες και ενισχυμένες από την χρήση εικονιδίων, φωτογραφιών, ξεκάθαρου typography και tooltips.
Όλες οι επιλογές είναι εμφανείς στον χρήστη από την αρχή. Δεν υπάρχει scrolling του μενού ή της σελίδας που φιλοξενεί το μενού ώστε να χάνεται κάποια στιγμή η αρχική επιλογή από το πολύ scrolling.
Είναι μενού που προσφέρει γρήγορη πλοήγηση με ένα κλικ.

Πότε χρειάζεται ένα Mega Drop Down menu;

Για να χρησιμοποιηθεί ένα Mega Drop Down menu στο design ενός διαδικτυακού τόπου, θα πρέπει να απαντηθούν θετικά τουλάχιστον οι 2 πρώτες από τις παρακάτω ερωτήσεις:

Το website έχει μεγάλο βάθος επιπέδων δομής;
Το κάθε επίπεδο δομής περιέχει πολλές επιλογές;
Απαιτείται ομαδοποίηση της πληροφορίας σε επίπεδο πλοήγησης;

Πως γίνεται η καλύτερη ομαδοποίηση των επιλογών πλοήγησης;

Η αρχική στρατηγική ομαδοποίησης γίνεται ακολουθώντας την λογική δομή του διαδικτυακού τόπου. Αυτό σημαίνει πως αν ο διαδικτυακός τόπος έχει μια συγκεκριμένη δομή, το Mega Drop Down menu θα ακολουθήσει και αυτό εκείνη την δομή. Για καλύτερα αποτελέσματα μπορούν οι τίτλοι των ομάδων πλοήγησης να εμφανίζονται με διαφορετική γραμματοσειρά η μορφοποίηση. Αυτό όμως δεν μπορεί να θεωρηθεί σαν η καλύτερη λύση σε όλες τις περιπτώσεις.
Αν η παραπάνω τακτική δεν είναι αρκετή, τότε η παρουσίαση των ομαδοποιημένων επιλογών γίνεται με σειρά προτεραιότητας (σημασίας). Είναι προτιμότερο να γίνεται τοποθέτηση των σημαντικότερων ομάδων επιλογών στο σημείο που βρίσκεται κοντά στην κεντρική πλοήγηση του website. Δηλαδή αν υπάρχει μια κεντρική πλοήγηση π.χ. που το πρώτο της επίπεδο περιέχει την επιλογή “Υπηρεσίες”, τότε, από τις ομάδες επιλογών που υπάρχουν στην κατηγορία αυτή (Υπηρεσίες), είναι προτιμότερο να τοποθετούνται εκείνες με την μεγαλύτερη σημασία κοντά στο σημείο όπου το Mega Drop Down menu ανοίγει. Δηλαδή κοντά στην λέξη “Υπηρεσίες” του κεντρικού συστήματος πλοήγησης.
Επίσης είναι σημαντικό να μην επαναλαμβάνονται στις επιλογές της ομαδοποιημένης πλοήγησης διπλοί όροι, ακόμα και αν αναφέρονται σε διαφορετικές κατηγορίες. Είναι χαρακτηριστικό των Mega Drop Down menus να έχουν όλο το σύστημα πλοήγησης εμφανιζόμενο, οπότε θα φαίνονται οι διπλές ονομασίες και θα μπερδεύουν τους χρήστες.
Τέλος με την χρήση του Title attribute μπορεί να επιτευχθεί ενίσχυση της κάθε επιλογής εντός του συστήματος πλοήγησης κάνοντας ακόμα πιο ξεκάθαρη την λειτουργία της για τους χρήστες.

Ποια είναι τα πλεονεκτήματα της χρήσης των Mega Drop Down menus;

Άμεση πρόσβαση σε οποιοδήποτε επίπεδο ή σημείο επιθυμεί ο χρήστης.
Δημιουργία “λογικής” του διαδικτυακού τόπου και συνηθειών πλοήγησης στο μυαλό του χρήστη μέσα από οπτική απεικόνιση της δομής.
Αποφυγή αχρείαστου scrolling εντός των drop down menus του διαδικτυακού τόπου, το οποίο θα μπορούσε να δημιουργήσει εν συνεχεία και scrolling στις σελίδες του site όταν αυτό (το μενού) είναι σε πλήρη ανάπτυξη.
Ενίσχυση του SEO του διαδικτυακού τόπου γιατί με την χρήση Mega Drop Down menus γίνεται και αυτομάτως internal linking των σελίδων του website.

Παραδείγματα πετυχημένης χρήσης Mega Drop Down menus

Ακολουθεί μια λίστα από διαδικτυακούς τόπου που χρησιμοποιούν Mega Drop Down menus για να ενισχύσουν την εμπειρία της πλοήγησης και που αξίζει να σημειωθούν σαν σημεία αναφοράς και έμπνευσής. Κάθε μια περίπτωση προσφέρει ξεκάθαρα ομαδοποιημένες επιλογές η οποίες μπορούν πολύ εύκολα και γρήγορα να “σκαναριστούν” με το μάτι και να οδηγήσουν γρήγορα και κατανοητά τους χρήστες στα σημεία που τους ενδιαφέρουν.

Bentley Motors

http://www.bentleymotors.com/

Clinique

http://www.clinique.com/index.tmpl

Converse

http://www.converse.com/

Electronic Arts

http://www.ea.com/

Gateway Computers

http://www.gateway.com/

Guitar Hero

http://hub.guitarhero.com/games/ghiphone

Intel

http://www.intel.com/p/en_US/business?iid=gg_work+home_business

La Residence Mykonos Luxury Hotel

http://www.laresidencemykonos.com/

MTV

http://www.mtv.com/

NPR

http://www.npr.org/

REI

http://www.rei.com/

Republic

http://www.republic.co.uk/

Reuters

http://www.reuters.com/

Starbucks

http://www.starbucks.com/

White House

http://www.whitehouse.gov/

Mega Drop Down Menu resources

Στο διαδίκτυο υπάρχουν αρκετές λύσεις που μπορούν να χρησιμοποιηθούν για να επιταχυνθεί η διαδικασία της δημιουργίας ενός δυναμικού Mega Drop Down Menu συστήματος πλοήγησης. Μια αναζήτηση σε οποιαδήποτε μηχανή αναζήτησης για τον όρο “Mega Drop Down Menu Scripts” θα επιστρέψει πολλά αξιόλογα αποτελέσματα. Για την διευκόλυνσή σας, έχουν σημειωθεί παρακάτω οι σύνδεσμοι για 4 τέτοιες λύσεις:

CSS Ultimate Menus

http://codecanyon.net/item/css-ultimate-menus/123107?ref=1stwebdesigner

CSS3 Mega Drop Down Menu

http://codecanyon.net/item/css3-mega-drop-down-menu/126387?clickthrough_id=&redirect_back=true&ref=105

Make a Mega Drop-Down Menu with jQuery

http://blogs.sitepoint.com/2009/03/31/make-a-mega-drop-down-menu-with-jquery/

Cut & Paste jQuery Mega Menu

http://www.javascriptkit.com/script/script2/jkmegamenu.shtml

Επίλογος

Αν θέλετε να προσθέσετε κάποιο website ή resource το οποίο πιστεύεται πως πρέπει να μπει στο άρθρο, μην διστάσετε να το γράψετε στα comments. Θα χαρούμε να το προσθέσουμε.