Απλοί βασικοί κανόνες για να έχετε σωστό, καθαρό κώδικα.

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

Με το χαρακτηρισμό «καθαρός» νοείται ο κώδικας οποίος έχει συγγραφεί με αυτόν τον τρόπο για την επίτευξη μέγιστης συμβατότητας, σωστής λειτουργίας και της καλύτερης αναγνωσιμότητας μιας web εφαρμογής.

Προτείνεται λοιπόν στους σωστούς επαγγελματίες να ακολουθήσουν μερικούς απλούς βασικούς κανόνες ώστε να πετύχουν το θετικό αποτέλεσμα που επιθυμούν, αναλυτικότερα:

1. ΧΡΗΣΗ ΚΑΙ ΣΩΣΤΗ ΕΠΙΛΟΓΗ DOCTYPE
Η χρήση του DOCTYPE θεωρείται πλέον αυτονόητη και η σωστή επιλογή του για κάθε περίπτωση. Τα πλεονεκτήματα της χρήσης DOCTYPE έχουν παρουσιαστεί στο παρελθόν και έχει τονιστεί η σημασία τους, για την καλή και ομαλή λειτουργία οποιοδήποτε διαδικτυακού τόπου και γενικότερα μίας web εφαρμογής.

Παράδειγμα:

Για περισσότερες πληροφορίες δείτε τους εξής συνδέσμους:Τι είναι το DOCTYPE και γιατί το χρησιμοποιούμε.Ποιοί είναι οι διάφοροι τύποι DOCTYPES και ποιά είναι η σωστή χρήση τους.

2. ΧΡΗΣΗ CSS/JS ΜΕ ΕΞΩΤΕΡΙΚΑ ΑΡΧΕΙΑ
Μην επιβαρύνετε το κώδικα σας με CSS και Javascript μέσα στο HTML αρχείο σας. Χρησιμοποιήστε εξωτερικά αρχεία ώστε να τα έχετε όλα όμορφα και ταξινομημένα. Αυτό σας δίνει σημαντικά πλεονεκτήματα όπως:

• Μικρότερο βάρος/ μέγεθος του HTML αρχείου σας
• Καλύτερη ανάγνωση από τις μηχανές αναζήτησης και αποτελέσματα onsite SEO
• Άνετη και οργανωμένη μελλοντική ανανέωση του αρχείου για αλλαγές/ προσθήκες / διορθώσεις.

3. ΛΙΤΗ ΣΥΓΓΡΑΦΗ XTML / CSS
Μην χρησιμοποιείτε «καρφωτά» στοιχεία προσπαθήστε η εικαστική εμφάνιση του διαδικτυακού τόπου να ορίζεται από το CSS αρχείο. Με αυτό επιτυγχάνετε λιγότερο βάρος/ όγκος κώδικα και εύκολη / μαζική διαχείριση αλλαγής των στοιχείων μιας ιστοσελίδας . Προσπαθήστε στην συγγραφή HTML να μην το παρακάνετε με την χρήση των divs και το tags, δοκιμάστε και άλλα στοιχεία όπως h1, h2, p, ul, li κτλ για να διαμορφώσετε την ιστοσελίδα σας. Τουλάχιστον μέχρι να δημοσιευτεί επίσημα η HTML 5 όπου θα μπορείτε να αντικαταστήσετε τα divs με νέα στοιχεία. Σβήστε λοιπόν τα περιττά divs και βελτιστοποιήστε το κώδικα σας για καλύτερη αναγνωσιμότητα και από σας και από τις μηχανές αναζήτησης.
Πληροφορίες για HTML 5:
4. ΣΩΣΤΗ ΕΥΘΥΓΡΑΜΙΣΗ ΤΟΥ ΚΩΔΙΚΑ
Προσπαθήστε στην συγγραφή του κώδικα HTML να έχετε σωστή ευθυγράμμιση. Αυτό αρχικά διευκολύνει εσάς στην ανάγνωση και σε μελλοντικές αλλαγές / προσθήκες του αρχείου και δεύτερον βοηθάει τους developers να κάνουν πιο γρήγορα και σωστά την δουλεία τους. Αφού έτσι καταλαβαίνουν τι και που κλείνει το καθετί, όταν θα έρθει η φάση της παραγωγής που θα γίνει το development και θα προσθέσουν τα δυναμικά στοιχεία. Εντέλει δίνει μια σωστή και ξεκάθαρη εικόνα των στοιχείων που δημιουργούν την ιστοσελίδα σας.
5. ΠΡΟΣΟΧΗ ΣΤΟΥΣ ΧΑΡΑΚΤΗΡΕΣ & ΣΥΜΒΟΛΑ
Ένα λάθος το οποίο έχει παρατηρηθεί γενικά είναι η λανθασμένη χρήση των χαρακτήρων & συμβόλων, με αποτέλεσμα να μην προβάλλετε σωστά σε διάφορους browsers και να μην είναι valid. Θα πρέπει να προσεχθεί η προβολή τέτοιων στοιχείων με ασφάλεια ώστε να πετυχαίνετε το καλύτερο αποτέλεσμα.

Παράδειγμα:
Λάθος:

ΟΝΟΜΑ & ΕΠΙΘΕΤΟ

Σωστό:

ΟΝΟΜΑ & ΕΠΙΘΕΤΟ

Πλήρης πίνακας χαρακτηριστικών & συμβόλων:

6.ΛΟΓΙΚΗ ΟΝΟΜΑΤΟΛΟΓΙΑ ΤΩΝ DIVS
Όταν «κόβετε» (authoring) μία ιστοσελίδα να έχετε στο νου σας, πως κάποια στιγμή θα χρειαστεί να κάνετε μελλοντικές αλλαγές, οι εσείς ή κάποιος μεταγενέστερος web designer/ developer. Για αυτό προσπαθήστε να χρησιμοποιείτε μια λογική ονοματολογία στα divs σας και γενικότερα στο CSS, ώστε αργότερα να μην χρονοτριβείτε σε αλλαγές και προσθήκες στον κώδικα σας. Βασικά το προτιμότερο είναι να ακολουθείτε ένα δικό σας framework ώστε να είναι όλα πάντα νοητά και αναγνώσιμα.

Παράδειγμα:

7.VALIDATION
Τελευταίο και καλύτερο, προσπαθήστε να τηρείτε όσο δυνατόν τα παγκόσμια πρότυπα W3C για να πετυχαίνετε μέγιστη συμβατότητα με τα προγράμματα πλοήγησης του διαδικτύου. Έχει επισημανθεί από την παγκόσμια διαδικτυακή κοινότητα η σημασία των Web Standards και το σημαντικό ρόλο που παίζουν. Όμως υπάρχουν πολλές περιπτώσεις μεγάλων και διαδεδομένων websites που δεν παίρνουν το validation αλλά δουλεύουν μια χαρά. Είναι στην κρίση σας σε ποιο βαθμό validation επιθυμείτε να φτάσετε, σύμφωνα με τις ώρες που έχετε να διαθέσετε σε κάθε project.

Εργαλείa Validation:
http://validator.w3.org/
Tidy για FireFox

ΣΥΜΠΕΡΑΣΜΑ
Διαβάζοντας και μελετώντας ξένα blogs/ websites θα βρείτε και άλλα σημεία τα οποία θα πρέπει να προσέξετε για να έχετε ακόμα καλύτερο, κρυστάλλινο αποτέλεσμα. Σίγουρα αν κάθε επαγγελματίας είχε την άνεση να αφιερώσει άπειρο χρόνο σε κάθε project θα το έκανε τέλειο, αλλά δυστυχώς η αγορά είναι απαιτητική και τα projects τρέχουν. Αυτό που έχει σημασία εντέλει είναι η ταχύτητα προσβασιμότητας , η οπτική ομοιογένεια και λειτουργία στους browsers, η γρήγορη ανανέωση και η οργανωμένη διαχείριση client / back end. Προσπαθήστε λοιπόν να βρείτε την χρυσή τομή και κάντε ότι καλύτερο και ότι προλαβαίνετε.

ΠΗΓΗ : http://www.webdesignblog.gr/simple-basic-rules-for-clean-website-code/

Πώς να αυξήσετε την απόδοση ενός website.

Η κατασκευή ενός αποδοτικού website που πετυχαίνει τους στόχους του είναι κάτι το οποίο καθορίζεται από ποικίλους παράγοντες. Σίγουρα η καλαίσθητη εμφάνιση και η προβολή ποιοτικού design επηρεάζει τον επισκέπτη αλλά δεν είναι ο μόνος λόγος. Υπάρχουν διάφορα θέματα που πρέπει να προσέξετε για να αυξήσετε την απόδοση της ιστοσελίδας σας δημιουργώντας τις προϋποθέσεις ανάπτυξης και υψηλού ROI (Return of Investment) σε σας και στους πελάτες σας.
Σημαντικά σημεία που πρέπει να προσέξει οποιοσδήποτε ιδιοκτήτης ιστοσελίδας που μπορούν να βελτιώσουν την μακροχρόνια απόδοση της:
Καλαίσθητο και εύχρηστο UID (user interface design)
Η εύκολη πλοήγηση και η «ξεκούραστη» περιήγηση των επισκεπτών στον εκάστοτε διαδικτυακό τόπο είναι κάτι το οποίο πρέπει να προσεχτεί και να μελετηθεί, ώστε να καθοδηγείται ο επισκέπτης σε ενότητες που επιθυμείτε να εστιάσετε χωρίς την χρήση πολλών κλικ. Οι τωρινοί απαιτητικοί χρήστες του διαδικτύου θέλουν να βρίσκουν την πληροφορία εύκολα και γρήγορα χωρίς περιττά κλικ.
Ο ισορροπημένος συνδυασμός ποιοτικού design με την χρήση focal points σε μορφή προωθητικών γραφικών (promos) μαζί με εύκολη πλοήγηση είναι το αποτέλεσμα που θα κερδίσει τον σημερινό επισκέπτη.
Καθορισμός και αξιολόγηση των στόχων σας.Αναλύστε τις ανάγκες και τους στόχους του πελάτη σας. Με τη πάροδο του χρόνου αξιολογήστε την πορεία της ιστοσελίδα σας και διαμορφώστε νέους στόχους που να προσεγγίζουν την μελλοντική εικόνα της αγοράς. Αποτυπώστε τα μηνύματα σας εμπορικής ή κοινωνικής φύσεως μέσω σωστών προωθητικών ενεργειών.
Η συνεχής παρακολούθηση των στατιστικών στοιχείων, η ανάλυση της συμπεριφοράς των επισκεπτών σας θα σας βοηθήσει να βελτιώστε αισθητά την απόδοση της ιστοσελίδας σας. Αναπροσαρμόστε την στρατηγική σας εξετάζοντας όλα τα στοιχεία που μπορείτε να εκμεταλλευτείτε ώστε να δημιουργήσετε μια ρεαλιστική προσέγγιση που θα κάνει τους επισκέπτες να σας εμπιστευθούν.
Καθορισμός και παρακολούθηση του ενδιαφερόμενου κοινού (target group)Ένας σημαντικός παράγοντας που είναι βασικός και συγκαταλέγεται στην ευρύτερη έννοια του Marketing και της διαφήμισης είναι η επιλογή του target group. Η εμφάνιση της ιστοσελίδας θα πρέπει να προσαρμόζεται με τις αρέσκειες του κάθε target group. Tα χρώματα και η φιλοσοφία του διαδικτυακού τόπου θα πρέπει να είναι διαμορφωμένα εικαστικά ώστε να έλκουν το ενδιαφερόμενο κοινό.
Προτείνετε εγκατάσταση αναβαθμισμένων στατιστικών όπως Google Analytics ή άλλων πληρωμένων στατιστικών υψηλών αναλύσεων ώστε να γνωρίσετε τους διαδικτυακούς χρήστες που σας επισκέπτονται. Μπορείτε να μάθετε την συμπεριφορά τους αναλύοντας διάφορα σημαντικά στοιχεία που σας επιτρέπουν να γνωρίζετε ολοκληρωμένα τα βήματα που ακολούθησαν, ποιές επιμέρους σελίδες επισκεφτήκανε περισσότερο, τα σημεία ενδιαφέροντος, χρόνους, σημεία εξόδου και πολλά άλλα.
Εκμεταλλευτείτε διάφορα web master tools διαδεδομένων μηχανισμών αναζητήσης και επαγγελματικά addons όπως το Seoquake για να αντλήσετε συμπληρωματικές πληροφορίες.
Χρήση τεχνικές SEOΑσχέτως του βεληνεκούς του πελάτη, τα αποτελέσματα ενός πετυχημένου SEO αποτελούν δωρεάν μακροχρόνια προώθηση και διαφήμιση. Ακολουθήστε όλες τις τεχνικές για μέγιστη απόδοση SEO που θα σας φέρουν ένα βήμα μπροστά από τον ανταγωνισμό, θα σας «σκαρφαλώσουν» στις πρώτες θέσεις αυξάνοντας τις πιθανότητες επιτυχίας.
Οι μηχανές αναζήτησης αποτελούν το γρήγορο εργαλείο εύρεσης της πληροφορίας που αναζητά ο χρήστης του διαδικτύου. Ο χρυσός οδηγός πλέον έχει αντικατασταθεί από τους διαδεδομένους μηχανισμούς αναζήτησης όπως το Google που φιλτράρουν και ελαχιστοποιούν τις πιθανότητες, καταλήγοντας στην τελική πληροφορία.
Ανανέωση και σωστή διαχείριση περιεχομένου.Με τον καιρό η αύξηση της πληροφορίας και γενικότερα του περιεχόμενου ενός website έχει σαν αποτέλεσμα την δύσκολη πλοήγηση και την συμφόρηση του επισκέπτη. Προσπαθήστε στην αρχή του κάθε web project, ειδικότερα στο design phaze να μελετάτε το περιεχόμενο που θα φιλοξενήσει ένας διαδικτυακός τόπος, να σχεδιάσετε το αντίστοιχο layout που θα το προβάλει χωρίς να δημιουργεί προβλήματα στην μελλοντική ηλεκτρονική περιήγηση του επισκέπτη. Αυτό ισχύει για όλων των ειδών διαδικτυακών εφαρμογών από blogs μέχρι και μεγάλα portals.
Η συχνή ανανέωση και η σωστή διαχείριση περιεχομένου σας βοηθάει να βελτιώσετε την απόδοση της ιστοσελίδας σας. Αρχειοθετήστε το άχρηστο περιεχόμενο και δώστε έμφαση σε ενότητες που είναι πιο σημαντικές και εστιάζουν σε πιο επίκαιρους σκοπούς.
Προσθήκη blogΕάν έχετε τον χρόνο ή το διαθέσιμο προσωπικό προτείνετε να δημοσιεύσετε ένα blog που να συνοδεύει την ιστοσελίδα σας. Η προσθήκη ενός blog θα σας βοηθήσει να αποκτήσετε καλύτερη επικοινωνία με τους επισκέπτες και τους πελάτες σας. Όχι μόνο είναι ένα σημαντικό εργαλείο το οποίο θα αυξήσει την επισκεψιμότητα και θα φέρει θετικά αποτελέσματα SEO, αλλά θα δώσει έναν πιο διαδραστικό χαρακτήρα στην διαδικτυακή σας προβολή.
Πολλές εταιρίες του εξωτερικού έχουν υιοθετήσει την ιδέα του blog για να παρέχουν online εξυπηρέτηση με ηλεκτρονική επικοινωνία καθιστώντας ένα πιο εργονομικό μοντέλο customer service. Έχουν στηθεί ολόκληρα τμήματα που παρακολουθούν το online reputation μιας εταιρίας ή οργανισμού χρησιμοποιώντας το blog ως την πηγή πληροφοριών και απαντήσεων σε ερωτήσεις επισκεπτών – πελατών.
Το blog εν ολίγης σας δίνει την ευκαιρία να βελτιώνετε καθημερινώς την απόδοση ενός διαδικτυακού τόπου, παρέχοντας σημαντικές πληροφορίες στο ενδιαφερόμενο κοινό και σας βοηθάει συμπληρωματικά να ελέγχετε τα διάφορα σχόλια των χρηστών που δημοσιεύονται κατά καιρούς στο Internet προς εσάς ή τους πελάτες σας.Read more: http://www.webdesignblog.gr/make-website-more-effective/#ixzz0PlzwNd2l

Πηγή http://www.webdesignblog.gr/make-website-more-effective/

webdesigner depot

Web Design Resources for Web Designers.

Περιέχει πολλά άρθρα , tips, συμβουλές, κριτικές, γνώμες, και, και, και, και .....

απο Web Designers για Web Designers.

http://www.webdesignerdepot.com/

Free Web Resources Depot

Τεράστια συλλογή με ότι κυκλοφορεί και έχει σχέση με Web Design


http://www.webresourcesdepot.com/

Top 100 Web 2.0 Sites

http://movers20.esnips.com/TableStatAction.ns?reportId=100

9 ώρες video - Γνωρίστε τον SQL Server 2005 Express

Η παρακάτω σειρά video του MSDN έχει σχεδιαστεί ειδικά για τους νέους χρήστες του SQL Server, οι οποίοι ενδιαφέρονται να μάθουν τα βασικά στη δημιουργία και διαχείριση βάσεων δεδομένων στον SQL Server Express. Επίσης θα βοηθήσουν και τους παλαιότερους, έτσι ώστε να εξοικειωθούν με τις νέες δυνατότητες που προσφέρει.
Η σειρά περιλαμβάνει περίπου 9 ώρες video. Επιλέξτε εσείς το σημείο από το οποίο θα ξεκινήσετε ανάλογα με τις έως τώρα ικανότητές σας.
Εισαγωγή
Learning Video 1: What is a database?
Σχεδίαση Πινάκων
Learning Video 2: Understanding Database Tables and Records
Learning Video 3: More about Column Data Types and Other Properties
Learning Video 4: Designing Relational Database Tables
Λειτουργίες των Βάσεων Δεδομένων
Learning Video 5: Manipulating Database Data
Learning Video 6: More Structured Query Language
Learning Video 12: Creating and Using Stored Procedures
Learning Video 13: Enabling Full-Text Search in your Text Data
Δημιουργία και χρήση Reports
Learning Video 10: Getting Started with Reporting Services
Learning Video 11: Embedding, Packaging and Deploying SQL Server Express Reporting Services
Ασφάλεια
Learning Video 7: Understanding Security and Network Connectivity
Διαχείριση
Learning Video 9: Using SQL Server Management Studio Express
Προβολή στο Web
Learning Video 8: Connecting your Web Application to SQL Server 2005 Express EditionΠλήρης λίστα των video


Πηγή λίστας
http://www.dotnetzone.gr/

Σελίδα με δωρεάν Vector εικόνες

http://www.vectorjunky.com/

25 Rounded Corners Techniques with CSS

Στρογγυλεμένες γωνίες είναι μία από τις πιο δημοφιλείς και πιό συχνά αναζητούμενες CSS τεχνικές . Στην πραγματικότητα, υπάρχουν πολλές μέθοδοι και τεχνικές για τη δημιουργία στρογγυλεμένης γωνίας με CSS. Μερικές είναι με χρήση απλής καθαρής CSS με τη χρήση 2 ή 4 εικόνων φόντου και με τη χρήση Javascript.

Στην παρακάτω ιστοσελίδα υπάρχουν 25 διαφορετικοί τρόποι.

http://www.cssjuice.com/25-rounded-corners-techniques-with-css/

ASP.NET AJAX Video Tutorials

Πρόκειτε για μιά σειρά απο video του Joe Stagner και άλλων της Microsoft product team που παρουσιάζουν τη χρήση του ASP.NET AJAX.

10 συστατικά που πρέπει να έχουμε στο μυαλό μας την ώρα του web design.

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

1) Μην κάνετε τους επισκέπτες σας να σκέφτονται.

Συμφωνά με τον 1ο νομό του krug (που εχει γράψει και ένα πολύ καλό βιβλίο παρεμπίπτοντος ) όταν σχεδιάζουμε μια σελίδα πρέπει να βγάλουμε ότι μπορεί να μπερδέψει και να κουράσει τους χρηστές. Οι επισκέπτες αν δουν την σελίδα μας δύσκολη και ακατανόητη θα πατήσουν back και θα πάνε αλλού οπότε εμείς πρέπει να έχουμε καθαρό layout, links που να ξεχωρίζουν και σωστό και λειτουργικό design.

2) Μην παίζετε με την υπομονή των επισκεπτών.

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

3) Τραβήξατε την προσοχή των επισκεπτών.

Το ανθρώπινο μάτι δέχεται ερεθίσματα από κείμενα εικόνες και κινούμενες εικόνες (βίντεο) κάποια από αυτά τραβάνε περισσότερο την προσοχή και κάποια λιγότερο. Σίγουρα πιο "χτυπητό" στο μάτι είναι οι εικόνες οπότε καλό είναι να τις χρησιμοποιούμε όταν θέλουμε να τραβήξουμε την προσοχή του χρηστή αλλά δεν πρέπει να το παρακάνουμε γιατί στο τέλος ο χρηστής θα καταλήξει μπερδεμένος. Παρακάτω βλέπουμε ένα site που εφαρμόζει τελεία αυτόν τον κανόνα, ο επισκέπτης το 1ο πράγμα που βλέπει είναι η λέξη free οπού θα τον κάνει να ψάξει πιο προσεκτικά το site με σκοπό να βρει το δωρεάν προϊόν η υπηρεσία.

4) Βοηθήστε τους επισκέπτες σας να καταλάβουν πως λειτουργεί το site σας.

Πόσες φορές σας εχει τύχει να πάτε σε κάποια ιστοσελίδα και να πατήσετε x επειδή δεν καταλάβατε πως λειτουργεί; Εμένα μου εχει τύχει αρκετές φορές, το ίδιο και οι επισκέπτες σας. Για αυτό πρέπει να τους βοηθήσετε όσο πιο πολύ μπορείτε, χρησιμοποιήστε χρώματα που να κάνουν αντίθεση και να είναι ευκολοδιάβαστα στα κείμενα σας και οπού έχετε links σχεδιάστε όμορφα buttons. Θα διευκολύνει τους επισκέπτες σας και θα κάνει την ζωή τους στο site σας αρκετά πιο εύκολη.

5) Υιοθετήστε έναν σωστό τρόπο γραφής.

Ο κόσμος του διαδίκου διαφέρει αρκετά άλυπο αυτόν της τυπογραφίας και της εκτύπωσης και για αυτόν τον λόγω πρέπει να υιοθετήσετε έναν διαφορετικό τρόπο γραφής από αυτόν που είχατε μέχρι τώρα. Συνοδέψατε το κείμενο σας με όμορφα backgrounds και σωστά τοποθετημένα κείμενα και αφήστε στην άκρη τα πολυχρησιμοποιημένα bold και italic. Δεν λέω ότι δεν πρέπει να τα χρησιμοποιείτε απλά πρέπει να υπάρχει πάντα ένα μέτρο. Επίσης σημαντικό είναι να έχετε ξεκάθαρες εκφράσεις και να αποφύγετε τους marketing ορούς πχ είναι καλύτερο ο επισκέπτης να δει το "Εγγραφείτε τώρα" από το "Αρχίστε τώρα" η το "Ανακαλύψατε τις υπηρεσίες μας". Παρακάτω είναι μια ιστοσελίδα που εφαρμόζει πολύ σωστά αυτόν τον κανόνα, δίνει στους επισκέπτες αυτό ακριβώς που ψάχνουν και δεν τους κουράζει με άσκοπα κείμενα και μεγάλες φράσεις.

6) Κρατήστε την σελίδα σας απλή.

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

7) Μην φοβάστε τους άδειους χώρους.

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

8) Επικοινωνήστε με τους επισκέπτες σας με μια "εικονική γλωσσά".

Με τον ορό εικονική γλωσσά αναφέρομαι στην συνολική εικόνα της ιστοσελίδα σας και το τι λέει για εσάς στον επισκέπτη. Ο Aaron Marcus εχει ορίσει τα 3 συστατικά της επικοινωνιακής γλωσσάς
Οργάνωση

Παρέχετε στον επισκέπτη καθαρή δομή, συνεπεία στην σελίδα σας και ιεραρχικά τοποθετημένα τα στοιχειά (κείμενα, εικονες, πολυμέσα) σας.
Οικονομία

Όπως είπα και παραπάνω κρατήστε την σελίδα σας απλή και αναιρέστε οτιδήποτε περιττό. Η σελίδα σας πρέπει να εχει 4 κυρία χαρακτηριστικά:
Αφαιρετικότητα (Simplicity)

Να έχετε μονό τα απαραίτητα στοιχειά.

Καθαρότητα(Clarity)

Όλα τα στοιχειά της σελίδα σας πρέπει να είναι έτσι σχεδιασμένα ώστε να μην μπερδεύουν.

Distinctiveness(Διακριτικότητα?

Δεν είμαι σίγουρος για τον Ελληνικό ορό )Όλα τα στοιχειά πρέπει να ξεχωρίζουν και ναι είναι διακριτά.

Έμφαση (Emphasis)

Τα πιο σημαντικά στοιχειά πρέπει να τονίζονται και να ξεχωρίζουν από το υπόλοιπο σύνολο.
Επικοινωνία

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

9) Κάντε συμβιβασμούς με το προηγούμενο design σας αλλά και τους χρηστές σας.

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

10) Test, test, test!

Πριν δημοσιεύσετε κάτι δοκιμάστε το σε όλα τα πιθανά προβλήματα που μπορεί να προκύψουν. Επίσης μην αμελείτε τα website σας, είναι πολύ σημαντικό να δοκιμάζετε αν λειτουργούν σωστά και τι αλλαγές θα πρέπει να κάνετε για να βελτιωθεί η εικόνα τους.

Πηγή http://www.insomnia.gr/

Εργαλεία για patterns και Backgrounds

BgPatternsΤο BgPatterns είναι ένα εργαλείο που μπορείτε να δημιουργήσετε τα δικά σας patterns με έναν αρκετά εύκολο generator. Περιλαμβάνει 68 σχεδία που μπορείτε να τα τροποποιήσετε ώστε να τα φέρετε στις δικές σας ανάγκες.

Stripe GeneratorΆλλος ένας generator μονό που αυτήν την φορά ασχολειται αποκλειστικά με ρίγες (stripes).

DeviantArt PatternsΤο DeviantArt αποτελεί ένα από τα μεγαλύτερα (ίσως το μεγαλύτερο) web gallery γραφιστικής και τεχνών. Μια από τις κατηγορίες του είναι αυτή των resources και σε αυτήν την περίπτωση των photoshop patterns. Εδώ θα βρείτε μια τεραστία συλλογή από patterns που έχουν φτιάξει άλλοι χρηστές και μπορείτε να χρησιμοποιήσετε στις δημιουργίες σας.

Smashing Magazine CollectionΑν ασχολείστε με το web design η την γραφιστική τότε σίγουρα θα έχετε ακούσει το smashing magazine. Είναι μια ιστοσελίδα που περιλαμβάνει αρκετά ενδιαφέρον θέματα γύρω από τον χώρο του web και της σχεδίασης. Σε αυτό το post έχουν συμπεριλάβει μια πολύ καλή συλλογή από patterns που σίγουρα θα σας φανούν χρήσιμες.

Πηγή http://www.insomnia.gr

Χρωματικές παλέτες Daily Colour Scheme

Η ιδέα του daily color scheme είναι ότι κάθε μέρα γίνεται ανάλυση μιας χρωματικής παλέτας. Είναι εξαιρετική ιστοσελίδα και περιέχει έναν αξιοσημείωτο αριθμό χρωμάτων.

http://beta.dailycolorscheme.com/

Χρωματικές παλέτες - ColourLovers

Από τις αγαπημένες μου ιστοσελίδες, είναι παρόμοιο με το kuler αλλά αυτό εδώ δεν σταματάει μονό στα χρώματα. Περιλαμβάνει patterns, pallets και ανάλυση των χρωμάτων σε διαφορές καλοσχεδιασμένες ιστοσελίδες.

http://www.colourlovers.com/

Χρωματικές παλέτες - kuler

Το kuler είναι ένα flash site της adobe που περιλαμβάνει χιλιάδες χρωματικές παλέτες αξιολογημένες και βαθμολογημένες από τους χρηστές. Σκοπός του site είναι να σας βοηθήσει να επιλέξετε το κατάλληλο χρώμα για την ιστοσελίδα σας. Σας έχει αναλυτικά τους χρωματικούς συνδυασμούς και σας δίνει τους hex codes ώστε να τους εισάγετε στο σχεδιαστικό σας πρόγραμμα.



http://kuler.adobe.com/

Πως θα κάνουμε τις σελίδες μας να φορτώνουν ταχύτερα

Ένα καινούργιο site, με το moto "Let's make the web faster" από την Google αφιερωμένο στους web developers, με tutorials, συμβουλές, κόλπα και εργαλεία για να πετύχουμε την γρηγορότερη φόρτωση των ιστοσελίδων μας και να κάνουμε το web καλύτερο και ταχύτερο. http://code.google.com/intl/el/speed/ http://code.google.com/intl/el/speed/articles/ Περισσότερα: http://googleblog.blogspot.com/2009/06/lets-make-web-faster.html