Δωρεάν online εργαλείο για να ελέγχετε το website που σχεδιάζετε σε διάφορους browsers.
Όλοι γνωρίζουμε πόσο σημαντικό θέμα είναι η συμβατότητα (cross browser compatibility) μιας web εφαρμογής – ιστοσελίδας με τα προγράμματα πλοήγησης διαδικτύου (browsers). Οι ανάγκες των πελατών και γενικότερα της αγοράς γίνονται όλο και πιο απαιτητικές, καθιστώντας την πλέον απαραίτητη στη δουλεία του web designer. (περισσότερα…)
Ποιοί είναι οι διάφοροι τύποι DOCTYPES και ποιά είναι η σωστή χρήση τους.
Όπως αναφέρθηκε σε προηγούμενο άρθρο, το DOCTYPE (document type declaration) είναι πολύ βασικό στην κατασκευή ιστοσελίδων – websites. Η χρήση του είναι απαραίτητη όταν θέλουμε να πληρούμε τα παγκόσμια πρότυπα W3C και να πετυχαίνουμε μέγιστη συμβατότητα με τα προγράμματα πλοήγησης διαδικτύου “browsers”. (περισσότερα…)
Τι είναι το DOCTYPE και γιατί το χρησιμοποιούμε.
Τι είναι το DOCTYPE;
Σύμφωνα με τα (X)HTML standards κάθε HTML αρχείο που χρησιμοποιούμε να κατασκευάσουμε ιστοσελίδες – websites χρειάζεται ένα DOCTYPE (document type declaration). Στα Ελληνικά αυτό μεταφράζεται ως «δήλωση τύπου εγγράφου». Ουσιαστικά είναι μία γραμμή κώδικα που τοποθετείται στο πάνω μέρος του κάθε HMTL αρχείου της ιστοσελίδας το οποίο ενημερώνει το W3C validator ποιά έκδοση (X)HTML χρησιμοποιείτε. (περισσότερα…)
Ποιές γραμματοσειρές (fonts) μπορούν να χρησιμοποιηθούν στην σχεδιάση ιστοσελίδων.
Ένα θέμα που πολλοί web designers αγνοούνε είναι η επιλογή των “σωστών” γραμματοσειρών (fonts) που χρησιμοποιούν στην σχεδίαση ιστοσελίδων. Στο συγκεκριμένο άρθρο θα δείξουμε ποιές γραμματοσειρές (fonts) υποστηρίζονται από τα λειτουργικά σύστηματα Win – Mac και μπορούν να χρησιμοποιηθούν άφοβα για cross browser compatibility.
Κεντράροντας ένα website με divs με την χρήση CSS.
Ένας καλός τρόπος να “κεντράρετε” ένα website που είναι σχεδιασμένο με divs είναι με την χρήση των CSS. Αυτό μπορεί να γίνει με δύο απλά βήματα. Aναλυτικότερα:
(περισσότερα…)
Διπλό border σε εικόνα με χρήση CSS.
Στα πλαίσια καλύτερης εκμάθησης και συχνότερης χρήσης των CSS το Webdesignblog θα δημοσιεύει άρθρα που θα εξηγούν τους τρόπους να αποφεύγετε επιπλέον γραφικά και γενικότερα πως να εφαρμόζετε καλύτερα στησίματα (layout) με valid και semantic markup στις ιστοσελίδες που σχεδιάζετε.
(περισσότερα…)
Δωρεάν RSS εικονίδια υψηλής ποιότητας
To web design blog παγκοσμίου φήμης Smashing Magazine, δέχθηκε μια σπουδαία προσφορά από έναν Βραζιλιάνο Web Designer τον Dirceu Veiga. Η προσφορά του Dirceu Veiga είναι μια συλλογή από RSS εικονίδια υψηλής ποιότητας. Τα εικονίδια, που είναι σχεδιασμένα για τους αναγνώστες του Smashing Magazine, υπάρχουν σε 3 μορφές, σε μορφή PNG για το web, σε Windows format για χρήση σε περιβάλλον Windows και σε Mac format για χρήση σε περιβάλλον OS X. Το Web Design Blog και η ομάδα του, σαν αναγνώστες του Smashing σας προσφέρει τα εικονίδια για να τα κατεβάσετε. (περισσότερα…)
Recent comments
Πολυ καλο αθρο πραγματικα!
Η σωστή αρχιτεκτονική ενός website και τα οφέλη τηςΠολύ χρήσιμη η λίστα με τα online tools. Ο επιτυχημένος σχεδιασμός μιας ιστοσελίδας βοηθά σε δύο κατευθύνσεις. Η πρώτη είναι ότι βελτιώνει την εμπειρία του επισκέπτη της ιστοσελίδας με συνέπεια ο τελευταίος να βλέπει περισσότερες σελίδες και να μένει περισσότερο χρόνο σε αυτή. Η δεύτερη είναι ότι επειδή ακριβώς βελτιώνονται τα στατιστικά στοιχεία της ιστοσελίδας, όπως το bounce rate, ο μέσος χρόνος παραμονής στην ιστοσελίδα και ο αριθμός των σελίδων ανά επίσκεψη, βελτιώνεται και η κατάταξη της ιστοσελίδας στα οργανικά αποτελέσματα της Google.
10+1 Χρήσιμα website και on line tools