Time Management Tips for Web Developers

There is a way to make life better. Really a few time management principles can bring success in our life and improve software and web development to really profitable and fascinating levels.

Introduction

Software and web development can be really exciting, after years of work it can reward you a million dollars or you can get in a groove. Many of us only care about keeping a head above water. But isn’t it our goal or did we dream about it in school and childhood.

To earn more money, many of us search for additional work and don’t bother about anything other than hands down programming. We can’t take a rest, we can’t spend more time with our family and friends, we can’t do anything other than work. This leads to a stress and an unsatisfied life.

But wait. There is a way to make our life better. Really, a few time management principles can do our life successful and improve software and web development to profitable and fascinating levels.

Set your goals: long term and short term

To make life better, first of all you need to know what is “better” for you. Where do you want to be next week, next quarter, next two years, or even next 20 years (if you are young enough Smile. You must decide for yourself what you want from your life.

Do not plan in a lazy way

Napoleon once told that only properly planned things can produce a desired result. Don’t ignore this principle and invest time for planning. Remember, mussing is not planning. I like the classical citation: “Sometimes I sit and think and sometimes I just sit”. Usually this phenomenon can eat much time. If you find yourself mussing, switch to another work, look out from the window or simply relax your eyes.

Regularly update your plans according to reality.

If you can’t plan, just track

If you can’t plan anything now, don’t worry, you can do it later. Just track whatever you do on a paper, Excel sheet or use a task management software. Update the list every two hours, or at least in the end of the day on in the beginning. This will help you to find common interrupters and recurring tasks, this way you can plan things for future. Even one week of day to day time tracking can bring a light on how we live.

Look at your time journal and try to find out things that don’t really need to be done, things that could be done by someone else, work that can be done more effectively or quickly, actions that wastes others’ time etc.

You can download a simple time tracking template here.

Collect all tasks in a to do list

Sometimes we have no work, and later we remember (or manager reminds) a number of important tasks, whose are very urgent and important. The only way to avoid such situations is to collect tasks in a to-do list. Add tasks to a list whenever it comes to you from your boss, colleague or from your mind. If you can’t access computer, or don’t remember the task, write it down on a scratch or any other media. Transfer it to the main list whenever possible.

Estimate every task, set deadlines yourself. This will help you to avoid doing things in a last minute.

Adjust priorities

Drucker Dictum told: “Doing things right is not as important as doing the right things”. In software and web development it is possible to spend a lot of time for tasks that produce insufficient value for the customer or even do not produce any value at all. For example, writing a regular expression to split a coma-delimited array or writing a CORBA application to access two methods on a remote server. There is no silver bullet that can shoot all prioritization cases, but a few tips can help:

  1. Ask a customer or manager for the proper task ordering and prioritization first. Be sure to do it beforehand: not every customer can answer immediately.
  2. If someone else is dependent on a specific task then do it first.
  3. For equal tasks set priorities using a task difficulty: ugliest tasks first (some prefer interesting tasks first, why not?).

Delegate when feasible

If someone, who can take a part of your work, is available, do not hesitate to share some work with him. Give objectives, not procedures, take responsibility and accountability. Describe a task clearly. Provide a “how to test” example.

The following rules can be used to determine whether to delegate a specific task or not:

  1. Will he/she do it better or faster than you? If yes, no doubt, delegate it.
  2. Will you commit a task to somebody if you have more important tasks to do? If yes, delegate it.
  3. Is someone is able to complete a work without your assistance, for example if you are out of office? If yes, delegate it.
  4. Of course, you can even delegate your work to your boss, but do not abuse.

In a multi project environment, the work of the whole team cannot be distributed equally to every member. Someone will have to do more and someone less. Using Goldrat’s Theory of Constraints, project cannot be completed until the slowest member completes his work. Thus delegation should be promoted inside a team, not only from manager to developer. This process can only be effective in teams with honest and open communication, like in XP and agile teams.

Perfect is not better than good

While writing a code, for example, it is more important to finish in time than to worry about a perfect solution that fits for all. Get the job done and you can add more features later. Do your best and “Get it right the first time”. Do not save on coding conventions and code quality. Pure code usually increases support time later. Consider unit tests, it can improve quality and speedup development. Automated tests reward with a confidence.

Split difficult tasks into bite-sized pieces

People usually avoid difficult tasks. Break them down into smaller steps. Complete manageable chunks and soon you will notice that the problem is resolved. A very helpful approach is to add “how to test” notes for each task. This will setup a micro goal and will help in determining task completion. Of course, if these tests can be automated time on repeated tests will be reduced.

Identify your time wasters

Man is a social creature, we deal with people every day and hour. We have colleagues, friends or kin. They can help or slowdown you in various ways. Someone can ask you directly, via phone, instant messaging or email. This leads to interruptions as well as time spending. Interruption of 6 – 9 minutes usually takes additional 4 – 5 minutes to recover. Five interruptions will shoot an hour. It’s always good to think about ways to reduce a frequency of such interruptions. It is hard to setup firewall around or ignore others. For example, ignoring phone calls from sposure can lead to unpredictable results 😉 The only way to reduce such time spending is to find repeatable time wasters. Once you get the whole picture it is easy to decide where to save and where to spend.

Plan relaxation and recreation

Keith Frayn, professor of human metabolism at Oxford University, told TV Plus: “Any normal person could survive for up to 60 days without food on just a water”. But without some sleep men can degrade much quickly. In 1964, a high school student Randy Gardner attempted to break the Guinness Book of World Records for the longest time awake – 260 hours. Stanley Coren describes the day-by-day impact on Randy in the book Sleep Thieves, as documented by John Ross of the US Navy Medical euro-psychiatric Research Unit in San Diego. Randy had trouble focusing his eyes on day 2, hallucinations on day 4, and slurred speech and short attention span by the last day.

Do not expect high productivity if you are tired. Sleep recharges our brains and helps us to think more clearly. Plan your day adequately, do not save on sleeping.

Developers usually sit for 8 hours a day or more in the work place near a computer. This leads to emotional and physical diseases. One of our exposed organs is eyes. Working behind a monitor for a long time, even expensive one, will ruin our eyesight. To reduce pernicious influence on our eyes there are many techniques of eyes training. Type “training eyes” in a search engine and find a suitable training for you. Schedule it daily, just before a dinner, or at any other convenient time.

Do not hesitate to ask friends or colleagues for an advice

Almost every IT project involves risks; they are either hidden or visible in the beginning. Developers have to resolve them. Working on any of them, even a small risk, can take days or even weeks. To avoid these time spending just take the advice or help of your colleague or friend. I have many examples of how this rule reduced a time on difficult tasks and prevented project failures. An example from my experience: customers of our recent project required an extra safety for applications from possible cracks. One part of the protection was to download a component from the server and load this DLL to the application without writing to the disk. Even after two hours of research I couldn’t find any useful information. I paused for a moment and tried to recall someone who could help me with it. I asked a friend of mine who has worked as a developer in another company and he helped me. He sent me a link to a tutorial that I was looking for and the problem was resolved.

Reward yourself

Everyone expects a reward or praise for his work, especially completion of something. Lack of a reward can kill our desire to work. This usually leads to a reduced productivity. That is why we prefer working for others than doing something for ourselves. Promise yourself a reward after completing a task or finishing a job. For example, let yourself to watch an interesting movie once you finish developing a page or a new feature or eat some sweets or anything.

Conclusion

This list of time management tips is just a starting point to a new improved life. Following these principles every day can show a way to a successful career, robust health and welfare.

My university teacher always told me that every detail is important. Usualy failture in something happens due a small but important detail that we forgot or skipped. Help yourself to achieve your dreams. Avoid chaotic motion, plan and manage your time, be successful and healthy.

License

How to disable mouse wheel scrolling on an embedded Google map

HTML:

CSS:

http://webdesignandsuch.com/how-to-disable-mouse-wheel-scrolling-on-an-embedded-google-map/

Email Signature Template Generator

Use this free tool to make your professional email signature template, then simply add it to Gmail, Outlook, Apple Mail, Yahoo Mail, or any other email provider. Start by filling out the form to populate your signature, then click across to the ‘social’ and ‘style’ tabs to add your social media links and customize your design. When complete, click the ‘create signature’ button for several export options – and you’re done!

http://www.hubspot.com/email-signature-generator#form-tab-main

Γιατί οι προγραμματιστές προτιμούν να δουλεύουν τη νύχτα;

Ρωτήστε έναν προγραμματιστή πότε παράγει το πιο δημιουργικό έργο του και κατά πάσα πιθανότητα θα σας απαντήσει ότι είναι αργά το βράδυ. Κάποιοι δουλεύουν πιο νωρίς και κάποιοι πιο αργά αλλά μια δημοφιλής τάση στο χώρο είναι να σηκώνονται κατά τις 4 το μεσημέρι, ώστε να τακτοποιήσουν κάποιες δουλειές προτού η τρέλα της νυχτερινής δουλειάς αρχίσει. Άλλοι πάλι αρέσκονται να πέφτουν για ύπνο στις 4 το μεσημέρι.

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

Η απάντηση συνοψίζεται σε τρία πράγματα:

  • το ωράριο του δημιουργού,
  • την υπνηλία
  • τις φωτεινές οθόνες των υπολογιστών!

Το ωράριο του δημιουργού

Ο Paul Graham έγραψε για το ωράριο του δημιουργού το 2009 – ουσιαστικά συμπέρανε ότιυπάρχουν κυρίως δύο τύποι «προγραμμάτων» σε αυτόν τον κόσμο. Το πρόγραμμα του παραδοσιακού εργάτη, όπου η ημέρα κόβεται σε ώρες και μια μικρή απόσπαση της προσοχής κοστίζει, ένα μικρό ποσοστό της απόδοσης της εργασίας. Και από την άλλη υπάρχει κάτι που το ονομάζει το πρόγραμμα του δημιουργού – ένα πρόγραμμα για όσους παράγουν κάτι πιο δημιουργικό. Η εργασία αυτή έχει να κάνει με μεγάλα αφηρημένα συστήματα και περιλαμβάνει την αφομοίωση όλου του συστήματος στο μυαλό σου – κάποιος παρομοίασε την διαδικασία σαν την κατασκευή ενός σπιτιού από ακριβά κρύσταλλα όπου αν κάποιος σου αποσπάσει την προσοχή, το όλο εγχείρημα καταρρέει και σπάει σε χίλια κομμάτια.

Αυτός είναι και ο λόγος που οι προγραμματιστές ενοχλούνται τόσο πολύ όταν αποσπάται η προσοχή τους.

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

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

Η υπνηλία

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

Γιατί τότε επιλέγουν να επιτελέσουν τα πιο σύνθετα διανοητικά έργα της δουλειάς τους το βράδυ, όταν ο εγκέφαλος θέλει να ξεκουραστεί και αφήνουν τα πιο απλά καθήκοντα, όταν ο εγκέφαλός τους είναι σε εγρήγορση;

Επειδή η κούραση τους κάνει καλύτερους προγραμματιστές!

Σύμφωνα με την αρχή ballmer peak, η κούραση μπορεί να σε κάνει να επικεντρωθείς καλύτερα στον στόχο σου λόγο του ότι σε περιόδους κόπωσης, δεν υπάρχει αρκετή ενέργεια στον οργανισμό σου για χάσιμο χρόνου.

ballmer peak

Μπορεί να μοιάζει παράξενο αλλά το να είσαι γεμάτος ενέργεια σε κάνει υπερδραστήριο που έχει ως αποτέλεσμα να προσπαθείς να κάνεις πολλά πράγματα ταυτόχρονα. Έτσι την μία θα κοιτάς τα email σου, μία το twitter, μια τα νέα και γενικά θα επικρατεί μια χαοτική κατάσταση. Το να είσαι κουρασμένος σε κάνει αρκετά χαζό ώστε το μυαλό σου να απασχολείται μόνο με ένα πράγμα! Το μυαλό σου δεν έχει άλλη επιλογή από το να συγκεντρωθεί.

Οι φωτεινές οθόνες των υπολογιστών

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

Συμπέρασμα

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

πηγή: http://enquire.gr/why-programmers-work-at-night/

Το 2016 θα αποτελέσει την χρονιά ορόσημο για αυτό που σήμερα ξέρουμε ως SEO. Είναι το site σας έτοιμο;

seo-2016

Το Search Engine Optimization έχει αλλάξει δραματικά τα τελευταία χρόνια. Η βελτιστοποίηση του κειμένου με τα «σωστά keywords» είναι πλέον μέρος του SEO. Το 2016 θα αποτελέσει την χρονιά ορόσημο για αυτό που σήμερα ξέρουμε ως SEO. Είναι το site σας έτοιμο;

Ας ξεκινήσουμε από τα βασικά. Οι παράμετροι που επηρεάζουν το SEO είναι πολλές. Λειτουργούν με αρνητικό ή θετικό πρόσημο για τις λεπτομέρειες που ανιχνεύουν οι μηχανές αναζήτησης στο web. Λεπτομέρειες που αντιλαμβάνεται το Google, το Bing και οι άλλες υπηρεσίες στο web για το site σας. Όχι μόνο το περιεχόμενο του site σας.

Το 2016 οι γνωστές μηχανές αναζήτησης θα καθορίσουν σε μεγάλο βαθμό το SEO αλλά δεν θα είναι μόνες. Το Facebook, το Pinterest, το Tumblr, το YouTube και η Apple έχουν ήδη μπει δυναμικά στην αγορά του περιεχομένου. Η χρονιά που μας έρχεται θα αλλάξει σημαντικά το Search Engine Optimization για δύο λόγους: τεχνητή νοημοσύνη και ποιότητα στην εμπειρία του επισκέπτη.

Η εξέλιξη της έρευνας στον χώρου του Artificial Intelligence και των μηχανών αναζήτησης είναι κάτι που δεν μπορούμε να επηρεάσουμε. Όχι άμεσα τουλάχιστον. Η δουλειά γίνεται πίσω απο κλειστές πόρτες στα κτήρια του Google A.I Lab και Facebook AI Research μεταξύ των άλλων. Αυτό που μπορούμε να αλλάξουμε το 2016 είναι η ποιότητα της εμπειρίας των επισκεπτών στα sites μας.

Ξεχάστε για λίγο το web. Σκεφτείτε την τελευταία φορά που πήγατε για ψώνια ή για φαγητό. Θυμηθείτε μια καλή μέρα που αγοράσατε αυτό που ψάχνατε ή φάγατε κάτι υπέροχο. Οι λόγοι που έκαναν την εμπειρία ευχάριστη ήταν πολλοί. Μια πρόταση φίλης για το μαγαζί, τα online reviews, οι καλές τιμές, το εξυπηρετικό προσωπικό, η μεγάλη ποικιλία, η πρωτοτυπία των ρούχων ή του φαγητού, ο καθαρός χώρος, η σωστή παρουσίαση, το δωρεάν πάργκινκ. Σημαντικό ρόλο μπορεί να έπαιξε και η γρήγορη εξυπηρέτηση, η μουσική στο μαγαζί, η ευγένεια του προσωπικού, ο φωτισμός, η όμορφη συσκευασία ή το κέρασμα στο τέλος.

Κάθε λεπτομέρεια έπαιξε το ρόλο της. Αν κάτι δεν ήταν σωστό η εμπειρία δεν θα ήταν το ίδιο ευχάριστη. Κάτι θα έλειπε. Κάπου θα υπήρχε το παράπονο με στυλ «καλά ήταν αλλά…» ή «δεν θα ξαναπάω εκεί γιατί…».

Με τον ίδιο ακριβώς τρόπο σκέφτονται και λειτουργούν οι μηχανές αναζήτησης και οι επισκέπτες των sites σήμερα: ως καταναλωτές που αναζητούν την καλύτερη δυνατή εμπειρία. Κοιτάζουν, βρίσκουν, αναλύουν αμέτρητες παραμέτρους και τις βαθμολογούν. Μένουν στο site για περισσότερο χρόνο ή φεύγουν μετά από μια γρήγορη ματιά. Τα sites και το περιεχόμενο με καλύτερο SEO εμφανίζονται υψηλότερα στα αποτελέσματα της αναζήτησης. Sites και περιεχόμενο που προσφέρουν κακή εμπειρία τιμωρούνται.

Αυτός ακριβώς θα είναι ο ρόλος του SEO το 2016. Η βελτίωση της εμπειρίας του επισκέπτη στο site. Τα κατάλληλα keywords αποτελούν μέρος αυτής της εμπειρίας. Ας δούμε πώς μπορείτε να βελτιώσετε την εμπειρία και το SEO του site σας για τη νέα χρονιά. Το Google, το Bing και το Facebook θα εκτιμήσουν ιδιαίτερα την προσπάθεια. Το ίδιο και οι επισκέπτες σας.

Ταχύτητα φόρτωσης site

Τα σύγχρονα sites πρέπει να είναι γρήγορα. Πολύ γρήγορα. Για την ακρίβεια αυτό που έχει σημασία είναι ο επισκέπτης να νιώθει οτι το site φορτώνει γρήγορα. Αυτό έχει αξία. Οι μεταβλητές που επηρεάζουν την ταχύτητα είναι πολλές. Σε τεχνικό επίπεδο η λύση μπορεί να είναι ένας καλύτερος server ή page caching. Lazy loading, λιγότερα plugins, νέο theme, αλλαγές στον κώδικα κλπ. Η ταχύτητα φόρτωσης και απόκρισης ενός site μπορεί να βελτιωθεί και με άλλους τρόπους. Προσφέροντας μια καλύτερη εμπειρία στον επισκέπτη.

Widgets και galleries

Είναι απαραίτητα όλα τα widgets που χρησιμοποιείτε στο site σας; Τι εξυπηρετούν; Σκεφτείτε τι προσφέρει το widget με φωτογραφίες από Instagram ή τα πιο πρόσφατα tweets σε κάθε σελίδα. Βελτιώνουν στην εμπειρία του επισκέπτη; Προσφέρουν επιπλέον περιεχόμενο σχετικά με το θέμα της σελίδας ή απλά καθυστερούν τη φόρτωση του site και τροφοδοτούν το Εγώ σας;

Φανταστείτε κάθε φορά που κοιτούσατε για νέο t-shirt η υπάλληλος του καταστήματος να σας έδειχνε τις τελευταίες 10 φωτογραφίες της από το Instagram. Θα συνεχίζατε το shopping;

Διαφημίσεις

Οι πολλές διαφημίσεις καθυστερούν τη φόρτωση του site. Προκαλούν σύγχυση και προβληματίζουν τον επισκέπτη. Η προσοχή χάνεται ανάμεσα στο περιεχόμενο και τα διαφημιστικά. Γιατί διαφήμιση δεν είναι μόνο τα banners αλλά και ό,τι άλλο προωθείται στον χρήστη. Φωτογραφίες του Instagram, επιπλέον άρθρα, εγγραφή σε λίστα email κλπ. Η σύγχρονη πραγματικότητα είναι δυσάρεστη για τον επισκέπτη ενός site. Πρώτα εμφανίζονται τα διαφημιστικά banners και μετά το περιεχόμενο της σελίδας. Βρείτε ισορροπία μεταξύ διαφημίσεων κάθε είδους και βελτιστοποίησης της εμπειρίας.

Το site σας πρέπει να φορτώνει γρήγορα σε κάθε είδους συσκευή: υπολογιστή γραφείου, smartphone και tablet. Κανείς δεν θέλει να περιμένει στην ουρά για να εξυπηρετηθεί.

Δομή site και ποιότητα κειμένου

Η δομή του site και η ποιότητα του κειμένου παίζουν σημαντικό ρόλο. Οι επισκέπτες και οι μηχανές αναζήτησης λατρεύουν την ύπαρξη δομής και καλογραμμένου κείμενου. Η κάθε λεπτομέρεια επηρεάζει θετικά ή αρνητικά την εμπειρία του χρήστη και την θέση του site στα αποτελέσματα αναζήτησης.

Φανταστείτε ότι διαβάζετε το μενού ενός εστιατορίου. Το περιεχόμενο είναι χωρισμένο σε ενότητες. Ορεκτικά, σαλάτες, κυρίως πιάτα και επιδόρπιο. Υπάρχει ξεχωριστός κατάλογος για το κρασί. Η κάθε ενότητα περιεχομένου είναι τοποθετημένη εκεί που πρέπει. Τα ορεκτικά βρίσκονται πρώτα στη σειρά και ακολουθούν οι σαλάτες, τα κυρίως και το γλυκό.

Η γλώσσα του μενού είναι απλή και κατανοητή. Περιγραφική όσο χρειάζεται για να ανοίξει την όρεξη. Ιδιαίτερη ώστε να κεντρίσει το ενδιαφέρον για ερώτηση στον σερβιτόρο. Το κάθε πιάτο έχει όνομα και περιγραφή. Μεγάλη γραμματοσειρά για το όνομα και μικρότερη για την περιγραφή. Οι λέξεις είναι ευανάγνωστες. Ξεχωρίζουν από το φόντο. Έτσι τουλάχιστον θα έπρεπε να είναι.

Δυστυχώς όλοι έχουμε εμπειρίες από καταλόγους που «δεν διαβάζονται». Γιατί η γραμματοσειρά είναι τόσο μικρή ή «καλλιτεχνική» που κυριολεκτικά βγάζει μάτι. Γιατί το φυλλάδιο είναι γεμάτο χρώματα και φωτογραφίες που κρύβουν το κείμενο. Γιατί θέλεις να παραγγείλεις αλλά δεν βρίσκεις το τηλέφωνο του ντελιβεράδικου. Τελικά βρίσκεται στην τελευταία σελίδα κάτω από τις προσφορές.

Το SEO του 2016 απαιτεί σωστή δομή, σωστή παρουσίαση, ευκολία πλοήγησης και εμπιστοσύνη. Όλα τα στοιχεία ενός site πρέπει να ειναι δομημένα. Τίτλοι, κατηγορίες, κείμενο, φωτογραφίες, βίντεο. Είναι σημαντικό να υπάρχει μια λογική συνέχεια αλλά και διαχωρισμός του περιεχομένου. Από το γενικό στο ειδικό και το ανάποδο. Μενού όπου εύκολα και γρήγορα ο επισκέπτης βρίσκει τρόπο να πλοηγηθεί. Εμφάνιση που κερδίζει την εμπιστοσύνη. Όπως στον σωστό κατάλογο εστιατορίου.

Οι επισκέπτες του site σας όχι μόνο θα βρουν αυτό που θέλουν γρηγορότερα, αλλά θα μείνουν ικανοποιημένοι και θα επιστρέψουν ξανά. Το ίδιο θα κάνουν και οι μηχανές αναζήτησης. Η σωστή δομή του site και του κειμένου προσφέρουν μια καλύτερη εμπειρία. Το Google και το Bing είναι σε θέση να αναγνωρίζουν αυτές τις λεπτομέρειες. Βοηθήστε τις μηχανές αναζήτησης για να σας βοηθήσουν στο SEO. Βελτιστοποιήστε το Structured Data Markup από το Google Search Console (πρώην Google Webmaster Tools). Προσθέστε Rich Snippets και Breadcrumbs. Για επιχειρήσεις, εστιατόρια και καταστήματα η τοποθεσία / διεύθυνση και το τηλέφωνο παίζουν σημαντικό ρόλο.

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

Η ευκολία ανάγνωσης κειμένου (readability) είναι εξαιρετικά σημαντική. Το πόσο ευανάγνωστο είναι το κείμενο επηρεάζει την συμπεριφορά του χρήστη αλλά και των μηχανών αναζήτησης σε κάθε σελίδα.

Social Media, Open Graph, iOS 9 Search, HTML5

Tί κοινό έχει το Twitter, Facebook, Pinterest, Medium, Tumblr, Google+, YouTube και το LinkedIn; Πέρα από τον social media χαρακτήρα, κάθε υπηρεσία αποτελεί πλέον θετικό ή αρνητικό πρόσημο για το SEO. Πόσα retweets και πόσα likes είχε το τελευταίο άρθρο που γράψατε; Οι επισκέπτες σας κάνουν Pin τις φωτογραφίες; Έχετε αρκετά μεγάλο αριθμό subscribers στο YouTube; Συγκεντρώνετε αρκετά σχόλια στις δημοσιεύσεις σας;

Οι μηχανές αναζήτησης ανιχνεύουν όλα τα παραπάνω σήματα για το site σας και τα βαθμολογούν. Συγκρίνουν με άλλα sites και διαμορφώνουν το SEO του site σας. Ένα viral YouTube βίντεο μπορεί να αυξήσει σημαντικά την επισκεψιμότητα του site σας. Το Google, το Bing αλλά και το Facebook θα καταλάβουν την απήχηση του βίντεο και θα το προωθήσουν.

Η πρόσφατη συνεργασία Google και Twitter ανοίγει νέους ορίζοντες για αναζήτηση περιεχομένου σε πραγματικό χρόνο. Το Pinterest αποτελεί πλέον εναλλακτική πηγή εύρεσης φωτογραφιών στο Google Image Search. Το Tumblr είναι η απόλυτη πηγή για GIFs και Reaction GIFs. Η επιρροή των social media στο SEO το 2016 θα είναι μεγαλύτερη από ποτέ.

Φροντίστε το site σας να πληρεί τις προδιαγραφές για open graph, twitter cards αλλά και iOS 9 Search αν ασχολείστε με apps. Σημαντική είναι επίσης η υποστήριξη HTML5 και semantics χαρακτηριστικών. Με αυτές τις τεχνολογίες βοηθάτε τις μηχανές αναζήτησης να καταλάβουν καλύτερα την δομή και το περιεχόμενο σας. Ως αντάλλαγμα θα το προωθήσουν όσο καλύτερα μπορούν στα αποτελέσματα αναζήτησης.

SEO 2016: εμπειρία και artificial intelligence

Τα sites του 2016 πρέπει να είναι φτιαγμένα για να προσφέρουν την καλύτερη δυνατή εμπειρία στον επισκέπτη και να φορτώνουν γρήγορα. Ώστε να βρίσκει εύκολα αυτό που ψάχνει. Να ξοδεύει χρόνο στο site ανακαλύπτοντας τα τελευταία νέα. Να μοιράζεται άρθρα και νa κάνει tweets και likes. Να ψωνίζει με ασφάλεια σε e-shops.

Tα ίδια sites πρέπει να ικανοποιούν και τις προδιαγραφές των μηχανών αναζήτησης. Να είναι εύκολα προσβάσιμα από αυτές με σωστή δομή και ποιοτικό περιεχόμενο για την τεχνητή νοημοσύνη και τους A.I αλγόριθμους του Google. Όμορφη εμφάνιση και λειτουργικό σχεδιασμό. Social χαρακτηριστικά και open graph tags. Links από sites αντίστοιχου ενδιαφέροντος και σωστέ λέξεις κλειδιά.

Όταν το site σας πληρεί όλα τα παραπάνω χαρακτηριστικά θα κερδίσει την εμπιστοσύνη των μηχανών αναζήτησης και μια θέση ψηλότερα στα αποτελέσματα τους.

πηγή: https://www.papaki.gr/blog/2015/12/09/seo-2016/

Twitter Bootstrap 3: how to use media queries?

or

Read more at: stackoverflow.com

Useful :nth-child Recipes – CSS tricks

I get a little giddy when I come across perfect uses for :nth-child or:nth-of-type (read about the difference). The better you understand them, the more css nerdgasms you get to have!

In these simple “recipes” (really: expressions) I’ll arbitrarily use a flat list of list items and randomly chosen numbers. But it should be fairly obvious how to alter them to get similar selections.

Read more here: http://css-tricks.com/useful-nth-child-recipies/

5 Things To Know Before You Date A Programmer!

date-programmer

So you have hots for this nerdy programmer you met somewhere and you are already dreaming of dating him/her! Good enough, but it isn’t easy to date a geek! Here are 5 things you should know before dating a programmer and the tips come straight from the horse’s mouth. Excerpts from willwriteforacookie.com’s blog:

1. We are not here to fix your computer. 

“If that is the first thing that crosses your mind, then give up. There is nothing more annoying than someone asking you so you are a programmer, can you fix computers? Infact we do not like to fix our own computers, our solution to a slow computer is to Erase the damn thing and reinstall everything.”

2. Yes we think we are smarter than you. 

“The IT industry is very competitive. Programmers are a dime a dozen, so the only way to stand out is to be the best and to be the smartest person in the room. Google, Apple, Microsoft, amongst others, only hire the best and the smartest people out there to create the next best thing. Due to the competitive nature of our field, we tend to be arrogant and prove that you are wrong and we are right. Furthermore, a lot of programmers have masters or phD degrees.”

3. Work is above everything, including you. 

“We are passionate about our work and give the extra mile to get things done and to make it look good. Sometimes we even forget to eat or sleep to meet our deadlines. When we are absorbed in work, we are in our little bubble world, especially during crunch period. So if we forget to eat or sleep, don’t expect us to call you back. We are borderline OCD perfectionist, so we spend our waking hours trying to make our project as close to perfect as possible.”

4. We love our toys – gadgets. “Don’t be surprised if we jump like a 5 years old when we see a new gadget in the wild. It’s usually something that we have been reading and hyping up for the past 5 months, so it’s only normal to be excited when we see it in real life.”

5. We are worth your time and effort. “We consider our job as an extension of our personality. If our work is an extension of our personality, chances are, our relationships are the same, for better or for worst.” 

source: efytimes.com

Showcase of Useful Bootstrap Tools For Web Developers

The popularity of Bootstrap tools has been greatly increased in the past few years because of the awesome features they offer such as add-ons, pre-styled modules of library and so on. The responsive framework in the Bootstrap tool helps you keep your website transparent, thus making it more appealing. Moreover, since these Bootstrap tools are designed according to your professional requirements, you will not face many problems in using them.

With these tools, you can make the process of web development faster and easier. These Bootstrap tools increase the effectiveness of building modern and approachable websites. We hope that you will like this collection. Scroll through our amazing collection and be inspired to create your own artwork as well.

http://www.onextrapixel.com/2014/03/20/showcase-of-useful-bootstrap-tools-for-web-developers/

How to Disable Pinch Zoom on Mobile?

To disable the pinch zoom on mobile devices add the below code inside .

 

Responsive Web Design

responsive_web_design1

Το responsive web design είναι ένας σχετικά καινούριος όρος. Για πρώτη φορά αναφέρθηκε από τον Ethan Marcotte στο άρθρο του με τίτλο “Responsive Web Design“.

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

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

Στόχος είναι η δημιουργία μίας «έξυπνης» ιστοσελίδας η όποια θα προσαρμόζει το μέγεθος και τα βασικά χαρακτηριστικά της (μενού, εικόνες, κείμενο) ανάλογα με τις διαστάσεις της οθόνης της συσκευής του χρήστη!

Τι είναι το responsive design;

Ουσιαστικά αποτελεί μια σειρά τεχνικών που μας επιτρέπουν να κατασκευάζουμε σελίδες οι οποίες προσαρμόζονται δυναμικά και “on the fly” σε κάθε διάσταση και προσανατολισμό (orientation) οθόνης. Αξίζει να προσέξουμε τα εξής:

  • Αυτό που “προσαρμόζεται δυναμικά” δεν είναι απλά το πλάτος του περιεχομένου όπως γνωρίζαμε παλιά με τα λεγόμενα fluid sites (δηλαδή τα sites που καταλαμβάνουν όλη την οθόνη). Στο responsive design μπορούμε να αλλάξουμε εντελώς τη δομή, το layout, τις εικόνες, το μέγεθος των γραμματοσειρών και φυσικά το περιεχόμενο της σελίδας. Μιλάμε δηλαδή για μια σελίδα η οποία πραγματικά προσαρμόζεται σε κάθε διάσταση, αλλάζοντας ακόμα και δομικά στοιχεία της έτσι ώστε ο χρήστης να βλέπει πάντα την καταλληλότερη έκδοση για τη συσκευή που χρησιμοποιεί.
  • Η προσαρμογή αυτή γίνεται με βάση την ανάλυση της οθόνης του χρήστη. Έτσι, όταν το site εμφανιστεί σε μια μικρή ανάλυση κινητού, ο χρήστης θα δει την αντίστοιχη έκδοσή του, το ίδιο στο tablet κ.ο.κ. Προσοχή, η τεχνική του responsive design, ΔΕΝ ανιχνεύει τη συσκευή από την οποία μπήκε ο χρήστης (όπως γίνεται π.χ. στην περίπτωση δημιουργίας ενός mobile site), αλλά την ανάλυση. Αυτό σημαίνει ότι το site προσαρμόζεται και σε μεγαλύτερες οθόνες όπως έχουν π.χ. πλέον πάρα πολλά desktop PCs. Αντίστοιχα, αν ο χρήστης δεν έχει μεγιστοποιημένο το παράθυρο του browser του, θα βλέπει την κατάλληλη version για το μέγεθος του παραθύρου.
  • To responsive design, εκτός από την ανάλυση λαμβάνει υπόψιν του και τον προσανατολισμό, το orientation. Έτσι, όταν π.χ. κρατάμε ένα tablet οριζόντια δηλαδή σε landscape μπορούμε να έχουμε άλλη εμφάνιση της σελίδας από ό,τι όταν το κρατάμε κάθετα, δηλαδή σε portrait. Το ίδιο ισχύει φυσικά και με τα κινητά τηλέφωνα.
  • Τέλος, το responsive design site μπορεί να προσαρμόζεται δυναμικά, on the fly όπως ανέφερα. Αυτό σημαίνει ότι η αλλαγή γίνεται στο front end, στον ίδιο τον browser του χρήστη με αποτέλεσμα να μπορεί ο χρήστης να δει αυτή την άμεση αλλαγή όταν για παράδειγμα αλλάζει το orientation της συσκευής του από landscape σε portrait. Αυτό το ίδιο στοιχείο είναι που επιτρέπει στα responsive sites να αλλάζουν δυναμικά όταν ο χρήστης μικρύνει με το ποντίκι του το μέγεθος του παράθυρου του browser του. Τότε θα δει τη σελίδα να μεταμορφώνεται δυναμικά μπροστά στα μάτια του. Δοκιμάστε το και εσείς στα sites του Mashable και της βρετανικής Vogue.

Το πρόβλημα

Τα τελευταία χρόνια αυξάνεται με γοργούς ρυθμούς η χρήση των tablets και των κινητών συσκευών για την πλοήγηση στο διαδίκτυο από ότι παλαιότερα που χρησιμοποιούσαμε αποκλειστικά σταθερό ηλεκτρονικό υπολογιστή.

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

Χρησιμοποιώντας την τεχνική του responsive web design για να κατασκευάσουμε μια ιστοσελίδα έχουμε ως στόχο να αποφύγουμε τέτοιου είδους προβλήματα και να προσφέρουμε στον επισκέπτη την καλύτερη δυνατή εμπειρία πλοήγησης, καθώς και τις δυνατότητες που προσφέρει το εκάστοτε μέσο που χρησιμοποιεί.

ifix-slide11

Πως λειτουργεί;

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

Σε οθόνες με μικρότερες διαστάσεις, τα αντικείμενα τοποθετούνται συνήθως το ένα κάτω από το άλλο και μερικές φορές αποκρύπτονται εντελώς.

blog-Responsive-Design

Πλεονεκτήματα

Γιατί να στραφεί τελικά κανείς στο responsive design; Γιατί να επιλέξει κανείς μία ομολογουμένως πιο περίπλοκη και τεχνικά απαιτητική λύση για το site του;

  1. Βελτιωμένο user experience (UX): Ο βασικός λόγος είναι φυσικά η παροχή ενός θετικού user experience στους χρήστες ανεξαρτήτως μέσου και τρόπου πρόσβασης στη σελίδα μας!
  2. Κόστος: Αν και ακριβότερο από ένα παραδοσιακό site, η λύση του responsive design ενδεχομένως είναι οικονομικότερη από το να προσπαθούσε κανείς να δημιουργήσει ξεχωριστές σελίδες και εφαρμογές για κάθε συσκευή.
  3. Future-proof!: Ένα responsive site θα προσαρμοστεί σε οποιαδήποτε νέα συσκευή ή ανάλυση, η οποία μπορεί να μην είναι ακόμα διαθέσιμη και να μην γνωρίζουμε.
  4. Συντήρηση: Η συντήρηση του περιεχομένου αλλά και η τεχνική συντήρηση είναι ευκολότερη, αφού μιλάμε για ένα ενιαίο site και όχι πολλαπλές σελίδες.
  5. Συνέπεια: Προσφέρουμε στο χρήστη μια ενιαία εικόνα, ένα brand, ένα design και ένα περιεχόμενο ανεξαρτήτως συσκευής.

responsive-web-design-3

Πότε πρέπει να χρησιμοποιείται το Responsive Web Design και πότε όχι;

Όταν πρόκειται να κατασκευάσουμε μια ιστοσελίδα είναι πολύ βασικό να αποφασίσουμε εξαρχής εάν θα χρησιμοποιήσουμε την τεχνική του responsive web design.

Θα πρέπει να το χρησιμοποιούμε όταν:

  • Η ιστοσελίδα περιέχει σχετικά μικρό αριθμό σελίδων, χωρίς πολύπλοκη λειτουργικότητα και οι απαιτήσεις των χρηστών δε διαφέρουν πολύ από συσκευή σε συσκευή.
  • Η ιστοσελίδα είναι σχετικά απλή, χωρίς πολλά διαφορετικά είδη διατάξεων (layouts) για τις σελίδες.

Δεν πρέπει να το χρησιμοποιούμε όταν:

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

Συμπεράσματα

Η τεχνική του responsive web design πλέον αρχίζει και χρησιμοποιείται ευρέως, διότι είναι μια οικονομική λύση για αυτούς που θέλουν η ιστοσελίδα τους να είναι συμβατή σε κάθε browser και σε κάθε συσκευή. Έτσι, μπορούμε να αυξήσουμε τις επισκέψεις της σελίδας μας, αλλά και την εμπειρία πλοήγησης των επισκεπτών μας.

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

Γενικότερα, η σχεδίαση μιας ιστοσελίδας η οποία βασίζεται στην τεχνική του responsive web design δεν είναι εύκολη. Οι designers και οι developers θα πρέπει να γνωρίζουν πολύ καλά HTML, CSS και Javascript και φυσικά να έχουν πολύ καλή συνεργασία μεταξύ τους ώστε να επιτευχθεί το επιθυμητό αποτέλεσμα.

Τέλος, το responsive web design είναι μια κυρίαρχη τάση στο χώρο της σχεδίασης και κατασκευής ιστοσελίδων και θα συνεχίσει να χρησιμοποιείται ολοένα και περισσότερο.

Παραδείγματα responsive design

  • Foodsense (ένα από τα αγαπημένα μου παραδείγματα – αν και όχι το πιο γνωστό brand)
  • Skroutz.gr
  • Time Magazine
  • Mashable
  • Starbucks
  • Ethan Marcotte
  • Μέχρι και η Ορθόδοξη Εκκλησία της Αμερικής είναι responsive!
  • Εδώ θα βρείτε τον πληρέστερο κατάλογο όλων των responsive site σε ένα όμορφο gallery. Χαζέψτε ελεύθερα 🙂 Ανοίξτε τα sites και δοκιμάστε να ανοίξετε και να κλείσετε το παράθυρο του browser σας. Παρατηρήστε πως αλλάζουν δομικά στοιχεία της σελίδας, πως προσαρμόζεται το μενού και πως αλλάζει το layout.

πηγές: artabout.gr, atcom.gr

Bootstrap v3.x Layout example

 

more: Bootstrap 3 Grid Tutorial