web design
Στο σύγχρονο web design η χρήση textures για backgrounds είναι πολύ διαδεδομένη. Κυκλοφορούν αρκετά websites που μπορούν να χαρακτηριστούν αριστουργήματα του web design με φοβερές ιδεές και εφαρμογές των backgrounds.
Το διαδικτυακό περιοδικό smashing magazine παρουσίασε ένα πολύ καλό αφιέρωμα για ιστοσελίδες παρόμοιας τεχνοτροπίας χωρίζοντας τις σελίδες που παρουσιάζει σε διάφορες κατηγορίες ανάλογα με τον τρόπο που χρησιμοποιούν τα textures.
Δείτε το και εξερευνήστε τις σελίδες που παρουσιάζει, έχει φοβερό ενδιαφέρον.
Textures In Modern Web Design
by Smashing Magazine
Ένα απο τα πολλά καλά του Firefox είναι η δυνατότητα προσθήκης Addons που πραγματικά μπορούν να σου λύσουν τα χέρια σε διάφορα θέματα.
Υπάρχουν κάποια γενικά addons που μπορούν να βοηθήσουν τους πάντες (όπως το λεξικό) αλλά ευτηχώς υπάρχει και μια πληθώρα εξειδικευμένων addons για διάφορες εργασίες.
Συγκεκριμένα για web design και web development υπάρχουν πάρα πολλές λύσεις και θα σας προτείνω μερικές που χρησιμοποιώ και δουλεύω εγώ.
Firebug
Το firebug είνα ένα addon σχεδιασμένο για να βοηθάει σε θέματα web design. Έχει πολλές επιλογές αλλά αυτό που πραγματικά το κάνει να ξεχωρίζει είναι οι λειτουργίες του για CSS. Μπορείτε να δείτε συνολικά τα CSS, να δείτε δυναμικά κάνοντας scroll με το ποντίκι ποιο element και ποιο Style βλέπετε εκείνη την στιγμή, και ακόμα να κάνετε μια αλλαγή στο style για να δείτε πως θα εμφανίζεται. Ένα εκπληκτικό εργαλείο που προσφέρει πολλές δυνατότητες.
Web Developer
Ομοίως και το Web Developer είναι κάτι σαν το προηγούμενο με πιο απλές αλλά πραγματικά πολλές δυνατότητες. Resize, Css, Images, Validation και άλλα πολλά, μπορούν να ελεχθούν, αναλυθούν και εν τέλη να διορθωθούν με την χρήση του.
SEO for Firefox
Εάν ασχολείστε με το SEO, το εργαλείο αυτό θα σας βοηθήσει πάρα πολύ να κερδίσετε χρόνο και να κατανοήσετε πολλά όσον αφορά το SEO εν τέλη.
IE tab
Για να μην φορτώνετε συνέχεια τις σελίδες σας στον ΙΕ για να δείτε εάν όλα δουλεύουν καλά, με αυτό το εργαλείο μπορείτε με ένα click να μετατρέψετε την σελίδα που βλέπετε στην μορφή που θα είχε στον ΙΕ. Χρειάζεται να πω περισσότερα;
Fire FTP
Ένα δωρεάν και αρκετά έυχρηστο ftp για να μην χρειάζεται ποτέ να κλείνετε τον firefox όταν μεταφέρετε αρχεία.
Proffessor X
Κατάλληλο για SEO, αλλά και χρησίμο γενικότερα, το addon αυτό σας επιτρέπει να δείτε απευθείας το header μιας σελίδας.
MeasureIt
Για να μην παιδεύεστε με τις αποστάσεις και τα pixel (ιδίως κατά την μεταφορά απο Photoshop σε HTML) αλλά και για να δείτε εάν τα CSS σας δουλεύουν σωστά, εγκαθιστάτε το MeasureIt, και με ένα click μπορείτε να μετρήσετε όλες τις αποστάσεις στο tab που βρίσκεστε. Πολύ χρήσιμο σε συνδιασμό με το IE tab.
ColorZila
Κάντε click, στο εικονίδιο του και "ρουφήξτε" χρώμα απο το tab που βλέπετε. Απλά τέλειο.
Δυστηχώς όλα τα παραπάνω δεν είναι ακόμα έτοιμα για τον Firefox 3. Μου είναι όμως πλέον τόσο χρήσιμα, που αναγκαστικά δουλέυω ακόμα με τον 2 γιατί πραγματικά μπορούν να σας λύσουν τα χέρια και να σας εξικονομήσουν χρόνο. Δοκιμάστε τα και θα δείτε.
To 2007 έφυγε και μπορεί να χαρακτηριστεί σαν μια πολύ ενδιαφέρουσα χρονιά για το web deisgn. To minimal σχέδιο των προηγούμενων ετών έδωσε την θέση του σε πιο πλούσια και ευφάνταστα σχέδια ενώ το web 2.0 στυλ έγινε ακόμα πιο εμφανές στις φόρμες αλλά και πιο ευέλικτο.
Παρακάτω παραθέτω δύο πολύ ενδιαφέροντα Link.
Τα cliche και οι μόδες που επηρέασαν τους σχεδιαστές ιστοσελίδων κατά το 2007 παρουσιάζονται και αναλύονται στην παρακάτω σελίδα.
http://www.modernlifeisrubbish.co.uk/article/2007-more-web-design-trends-and-cliches
Τα καλύτερα web designs του 2007 όπως επιλέχτηκαν απο το web Desgin Wall συγκεντρωμένα σε αυτην την σελίδα. Φυσικά κάθε τέτοια λίστα δεν είναι πλήρης ούτε η μόνη σωστή αλλά οι σελίδες που έχουν συγκεντωθεί είναι πραγματικά υπέροχες και ακόμα και εαν δεν είναι αποκλειστικά οι καλύτερες είναι σίγουρα μέσα στις καλύτερες.
http://www.webdesignerwall.com/trends/best-of-css-design-2007/
Επίσης κυκλοφορεί μια λίστα αρκετά δημοφιλής από το time magazine με τα πιο σημαντικά websites του 2007 αλλά είναι τόσο ρηχή, επιτηδευμένη και πρόχειρη που εάν την δείτε μην κάνετε καν τον κόπο να την διαβάσετε.
Έχοντας αναπτύξεί δεκάδες σελίδες και προσπαθώντας να ακολουθούμε τα διεθνή standar στον τομέα του Web Design καταλαβαίνουμε πλήρως την σημασία που έχει η δημιουργία ενός εντυπωσιακού και μοντέρνου εμφανισιακού προτύπου. Παράλληλα όμως δίνουμε την πρέπουσα σημασία στην απλότητα, στην προσαρμογή του εμφανισιακού στις προσωπικές σας εκάστοτε ανάγκες καθώς και στην λειτουργικότητα. Επισκεπτείτε τις δημιουργίες μας για να διαπιστώσετε την αξία και την σημασία που δίνουμε στην σχεδίαση της διαδικτυακής σας παρουσίας.
Η Starfish web & art Studio είναι μια ομάδα από σχεδιαστές και προγραμματιστές.
Ασχολούμαστε με τoν σχεδιασμό και την ανάπτυξη ιστοσελίδων, την δημιουργία και υποστήριξη διαδικτυακών υπηρεσιών και την εφαρμοσμένη χρήση του διαδικτύου καθώς και την ανάπτυξη εξειδικευμένου λογισμικού. Όλα τα μέλη μας έχουν εμπειρία αρκετών χρόνων στον τομέα τους και έχουνε αναπτύξει διαδικτυακά έργα για ιδιωτικές εταιρίες, και για διάφορους κρατικούς φορείς.
Προτού προχωρήσουμε σε όλα αυτά που είναι και το
κύριο θέμα μας, όπως υποσχεθήκαμε θα σας δώσω κάποιες χρήσιμες
διευθύνσεις που αφορούν την κατασκευή και ανάπτυξη σελίδων.
Παρόλο που δεν θα επικεντρωθούμε παρά μόνο σε εξειδικευμένες λεπτομέρειες της κατασκευής στο μέλλον που θα αφορούν το SEO
πολλοί από εσάς μπορεί να είστε στην αρχή της κατασκευής μιας σελίδας
οπότε τα παρακάτω θα σας φανούν χρήσιμα. Ακόμα και ένα έχετε μια
εμπειρία, ρίξτε μια ματιά καθώς μπορεί να βρείτε διάφορα links με ενδιαφέρον.
Για την καλύτερη κατανόηση έχω χωρίσει τα παρακάτω εκτός από το θεματικό τους περιεχόμενο και κατά αύξων βαθμό δυσκολίας.
Δημιουργία Σελίδας με έτοιμες μηχανές.
Πολλές ιστοσελίδες αυτήν την στιγμή σας δίνουν την δυνατότητανα
εγγραφείτε και να αναπτύξετε μια δική σας σελίδα δωρεάν και με απλά
βήματα. Το πλεονέκτημα της επιλογής αυτής είναι η ευκολία. Μπορείτε να
έχετε μια έτοιμη σελίδα σε 5 λεπτά. Τα μειονεκτήματα είναι ότι δεν
μπορείτε να έχετε πλήρη έλεγχο των ρυθμίσεων της σελίδας σας, δεν
μπορείτε να προσθέσετε ότι υπηρεσία θέλετε και έχετε περιορισμένο χώρο.
Τα πιο γνωστά παραδείγματα είναι (στα αγγλικά):
Στην ίδια περίπτωση με τα παραπάνω ανήκουνε και τα λεγόμενα Blogs(όπως αυτό που διαβάζετε εδώ). Οι πιο γνωστές σελίδες που δίνουν την δυνατότητα δημιουργία Blog είναι:
Στα αγγλικά
http://www.blogger.com(Αυτό που χρησιμοποιούμε και εμείς.)
και στα Ελληνικά από το pathfinder.gr.
Στα blogs και στις ιδιομορφίες τους θα αναφερθούμε αναλυτικά στο μέλλον.
Δημιουργία με ΗTML
Εάν θέλετε να δημιουργήσετε από το μηδέν μια δική σας σελίδα είναι απαραίτητο να γνωρίζετε HTML. Η HTML
είναι απαραίτητη ακόμα και εάν επιλέξετε μια από τις παραπάνω λύσεις
καθώς πολλές φορές θα χρειαστείτε να κάνετε μια αλλαγή στον κώδικα της
σελίδας σας. Δεν θα επεκταθούμε παραπάνω σε αυτό. Απλά θα σας δώσουμε
κάποιες χρήσιμες διευθύνσεις.
http://www.eeei.gr/odhgos/htmlfaq.htm
http://www.it.uom.gr/project/html2/Lessons.html
http://leandros.physics.uoi.gr/ph652/readings/html/htmllang.htm
http://www.htmlcodetutorial.com/
CSS
Τα τελευταία χρόνια, η κατασκευή σελίδων, έχει
αλλάξει ριζικά. Στην προσπάθεια να ξεχωρίσει ο κώδικας που αφορά την
εμφάνιση από το περιεχόμενο, το WebDesign πλέον απαιτεί την χρήση της τεχνολογίας των CascadingStyleSheets. Περισσότερες πληροφορίες μπορείτε να βρείτε στα παρακάτω.
Ελληνικά
http://www.m-kyvos.com/notes.htm
http://dide.flo.sch.gr/Plinet/Tutorials/Tutorials-CSS.html
http://www.csszengarden.com/tr/greek/
Αγγλικά
http://www.w3schools.com/css/default.asp
Ένα πραγματικά πάρα πολύ καλό βιβλίο για CSS το
οποίο συστήνω ανεπιφύλακτα είναι το CSS mastery του Andy Budd. Μπορείτε
να το παραγγείλετε απο το amazon.