css3.gr

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

Σε αυτό το δεύτερο μέρος θα ασχοληθούμε ίσως με το πιο δυνατό χαρακτηριστικό που μας προσφέρει η HTML5, το canvas element και το API του.

Όλο και περισσότερος κόσμος αρχίζει και ασχολείται με την HTML5, τις νέες δυνατότητες που προσφέρει, καθώς και τις λύσεις που θα δώσει - μαζί με τo CSS3 - στα καθημερινά προβλήματα και περιορισμούς που αντιμετωπίζουν οι web desiners/developers ανά την υφήλιο. Οι περισσότεροι ρίχνουν μια γρήγορη ματιά στα νέα tags έτσι ώστε να ξέρουν τι τους περιμένει, ενώ συνήθως δεν εμβαθύνουν στις νέες παράπλευρες τεχνολογίες και API τα οποία δίνουν απίστευτες δυνατότητες στην νέα markup.

H καινούργια έκδοση της HTML έχει φτιαχτεί έτσι ώστε να βοηθήσει τους developers να χτίσουν καλύτερες και πιο δομημένες web εφαρμογές και όχι μόνο έγγραφα (documents), ενώ η δύναμη της πηγάζει κυρίως από τις προσθήκες API και τεχνολογιών που προσφέρουν ελευθερία και έλεγχο στους developers, και όχι τόσο από τα νέα tags, τα οποία είναι και το ευκολότερο μέρος εκμάθησης της νέας markup.

Στην σειρά άρθρων που θα ακολουθήσει λοιπόν, θα προσπαθήσω να παρουσιάσω τις πιο ενδιαφέρουσες νέες δυνατότητες και τεχνολογίες που εμφανίζονται στην HTML5. Όσοι θέλετε να δείτε πως δουλεύουν τα νέα tags/attributes, καλύτερα να ρίξετε μια ματιά σε άλλα άρθρα, γιατί  δυστυχώς δεν έχω σκοπό να ασχοληθώ πολύ με αυτά (ίσως σε κάποιο μελλοντικό άρθρο). Αντιθέτως στην σειρά άρθρων που ακολουθεί θα παρουσιάσω τεχνολογίες και APIs που ξεχωρίζουν στην HTML5 και που με έχουν εντυπωσιάσει.

Καλώς ήρθατε στο τρίτο και τελευταίο μέρος του άρθρου “CSS selectors : Ότι πρέπει να ξέρετε”! Με αυτό το μέρος ολοκληρώνεται η σειρά των άρθρων που παρουσιάζουν όλους τους CSS selectors, μέχρι τουλάχιστον να εμφανιστεί το CSS4 (που πιστέψτε με, θα αργήσει πολύ ακόμα). Σε αυτό το τελευταίο μέρος του άρθρου, παρουσιάζεται ό,τι πιο καινούργιο έχει να επιδείξει το CSS - σε επίπεδο selectors πάντα - οπότε εάν δεν είστε ήδη πολύ έμπειρος στο θέμα, καλό θα είναι να ρίξετε μια ματιά στο πρώτο και δεύτερο μέρος του άρθρου, έτσι ώστε να ξεκινήσετε με τα πιο βασικά.

CSS3 selectors

Πριν βιαστείτε να χρησιμοποιήσετε τους ολοκαίνουριους CSS3 selectors, έχετε υπ’ όψη σας πως πολλοί (οι περισσότεροι μάλλον) δε θα δουλέψουν σε παλιότερους browsers και συσκευές. Οι νεότεροι browsers θα τα καταφέρουν πολύ καλύτερα, ωστόσο έχετε υπ’ όψη σας πως εάν ο browser δεν καταλάβει τον selector, τότε δεν θα προσθέσει κανένα style πάνω του, με αποτέλεσμα να χαλάσει το όμορφο site σας. Κοιτάμε μπροστά λοιπόν, αλλά πάντοτε με προσοχή, και ελπίζουμε όλοι οι κατασκευαστές να φτάσουν γρήγορα σε ένα ικανοποιητικό επίπεδο έτσι ώστε να μπορέσουμε να χρησιμοποιήσουμε τους παρακάτω selectors όσο πιο γρήγορα γίνεται. Τέλος, γι’ αυτούς που δεν θυμούνται ή δυσκολεύονται να καταλάβουν κάτι στα patterns του κάθε selector, ας ρίξουν μια ματιά στην εισαγωγή του πρώτου μέρους, και ξεκινάμε!

Εδώ και καιρό ήθελα να γράψω γι’ αυτό το θέμα, ωστόσο ήθελα να ενημερωθώ πρώτα όσο καλύτερα γίνεται έτσι ώστε να ξεκαθαρίσω και εγώ κάποια πράγματα που είχα μπερδέψει.

Το παρακάτω άρθρο προσπαθεί να κάνει μια σύντομη εισαγωγή στο θέμα που θα συζητιέται όλο και περισσότερο - και στην Ελλάδα ελπίζω - τα επόμενα χρόνια, που δεν είναι άλλο από το mobile web design.

Σε αυτό το σημείο θα ήθελα να δηλώσω πως δεν είμαι κανένας guru του χώρου, μιας και η μόνη mobile εφαρμογή που έχω κατασκευάσει στηριζόταν στην αρχαία πλέον WML. Το παρακάτω άρθρο θα ασχοληθεί μόνο με το θεωρητικό κομμάτι του mobile web design, ωστόσο ελπίζω να επανέλθω με κάτι πιο τεχνολογικό.

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

Είναι άπειρες οι φορές που έχω ακούσει αυτούς τους δύο όρους να διατυπώνονται λάθος, ακόμα και από ανθρώπους του χώρου. Η προσβασιμότητα (accessibility) είναι κάτι το εντελώς διαφορετικό από την χρηστικότητα (usability), ενώ δεν είναι χαρακτηριστικά που “πάνε πακέτο”, δηλαδή όταν επιτύχουμε το ένα, ξαφνικά έχουμε τελειώσει και με το άλλο. Εάν σας μπέρδεψα κι άλλο, μην απογοητεύεστε, το CSS3.gr είναι εδώ για να σας βοηθήσει και να λύσει όλες τις απορίες σας...