Δημιουργήστε λίστες με όμορφα γραφικά με την χρήση CSS.
Με την χρήση των CSS (Cascading Style Sheets) μπορείτε να διαμορφώσετε αρκετά στοιχεία προβολής στην ιστοσελίδα που σχεδιάζετε. Μπορείτε να εμπλουτίσετε γραφικά και διάφορα εικονίδια, ώστε να δημιουργήσετε μία πιο όμορφη και ελκυστική ιστοσελίδα χωρίς να την επιβαρύνετε με πολλές γραμμές κώδικα. (συνέχεια…)
Χρήσιμες συμβουλές για την σημαντική μετάβαση από tables σε divs.
Πολλοί web designers δυσκολεύονται να μεταβούν από table-based layout σε divs (layers). Η δύναμη της συνήθειας, ο αυξημένος όγκος παραγωγής και ο περιορισμένος χρόνος δεν αφήνουν τα περιθώρια να γίνει η εξέλιξη στον τρόπο που σχεδιάζουν websites. Ουσιαστικά εάν υπάρχει γνώση και καλή χρήση CSS το βήμα αυτό είναι αρκετά εύκολο. (συνέχεια…)
15 CSS εργαλεία για να γλιτώσετε χρόνο στο web design/ development.
Ως web designer/ developers πρέπει συνέχεια να βρίσκεται τρόπους να ελαχιστοποιείτε τον χρόνο που χρειάζεται να σχεδιάσετε και να κατασκευάσετε μία web εφαρμογή – ιστοσελίδα. Είναι πολύ βασικό να βελτιώνετε τον χρόνο παραγωγής σας, κάνοντας σας έτσι πιο ανταγωνιστικούς και αυξάνοντας τα κέρδη σας. Παρακάτω θα βρείτε μερικά εργαλεία CSS που είναι κατηγοριοποιημένα σε διάφορες λειτουργίες. Αναλυτικότερα: (συνέχεια…)
Αντιμετωπίστε το πρόβλημα του fixed height στα divs με την λύση του min-height hack.
Ένα συχνό πρόβλημα που αντιμετωπίζουν οι web designers όταν μεταβούν από table based authoring σε divs (layers authoring) είναι το θέμα με το fixed height (συγκεκριμένο ύψος). Ουσιαστικά το πρόβλημα εντοπίζεται όταν οριστεί συγκεκριμένο ύψος height σε κάποιο div με αποτέλεσμα αντί να κάνει «expand» και να φιλοξενήσει το περιεχόμενο, λειτουργεί λανθασμένα (overlap) αλλοιώνοντας το layout της ιστοσελίδας. (συνέχεια…)
Καλύτερο SEO με την χρήση CSS
Ο βασικότερος λόγος που η γραφή κώδικα με CSS (Cascading Style Sheets) μάς βοηθάει στο SEO (Search Engine Optimization) είναι γιατί με τη χρήση του μεγαλώνει η σχέση Κώδικα – Κειμένου.
Η σχέση Κώδικα – Κειμένου είναι:
H ποσότητα της (X)HTML που χρειάζεται για να δημιουργηθεί (στηθεί) μια ιστοσελίδα, σε αντίθεση με την ποσότητα του κειμένου που υπάρχει σε αυτή και διαβάζει ο τελικός χρήστης.
Όσο περισσότερο μεγαλώνει αυτή η «απόσταση» μεταξύ των δύο αυτών σημαντικών σημείων στο SEO μιας σελίδας, τόσο το καλύτερο. (συνέχεια…)
Κεντράροντας ένα website με divs με την χρήση CSS.
Ένας καλός τρόπος να “κεντράρετε” ένα website που είναι σχεδιασμένο με divs είναι με την χρήση των CSS. Αυτό μπορεί να γίνει με δύο απλά βήματα. Aναλυτικότερα:
(συνέχεια…)
Διπλό border σε εικόνα με χρήση CSS.
Στα πλαίσια καλύτερης εκμάθησης και συχνότερης χρήσης των CSS το Webdesignblog θα δημοσιεύει άρθρα που θα εξηγούν τους τρόπους να αποφεύγετε επιπλέον γραφικά και γενικότερα πως να εφαρμόζετε καλύτερα στησίματα (layout) με valid και semantic markup στις ιστοσελίδες που σχεδιάζετε.
(συνέχεια…)









Recent comments
Glad you like it :)
10 Responsive WordPress Themeswow these are super themes, nice to see them in singlepost, thanks for posting mate :)
10 Responsive WordPress Themes