This is a work in progress!!!

(Image courtesy of wikimedia)

O Opera ήταν ο πρώτος browser που μου έδωσε μια νύξη των web standards. Τον πρωτοχρησιμοποίησα όταν βρισκόταν στην έκδοση 7 (το 2002 νομίζω, τότε που ο Firefox ήταν ακόμα στο προνηπιακό στάδιο). Με αφορμή τα keyboard shortcuts του ενδιαφέρθηκα για την προσβασιμότητα (accessibility) - διαπίστωσα τι γινόταν αν απενεργοποιούσα javascript και εικόνες σε ένα σάιτ (μπορούσα να το κάνω εύκολα από τις ρυθμίσεις του toolbar - περίπου όπως με τον Web Developer extension του Firefox). Τον χρησιμοποιούσα για καιρό γιατί τον έβρισκα γρήγορο, όμορφο και βολικό, μέχρι που προσχώρησα στο αλεπουδάκι με τα πολλά εργαλεία για Web Developers. Έλα όμως που το “απόλυτο εργαλείο”, το Firebug, δεν μου κάθεται με τίποτα… Κάθε φορά που το εγκαθιστώ και πάω να το χρησιμοποιήσω ο Firefox εκρήγνυται και το PC μου παγώνει - τα ίδια και στη δουλειά και στο σπίτι. Δοκίμασα να κάνω ξεχωριστό προφίλ αλλά δεν άλλαξε τίποτα. Τελικά αναγκάστηκα να αρκεστώ στο Web Developer extension και να ξεθαρρεύω κάθε φορά που κάνω αναβάθμιση μπας και διορθώθηκε το κακό.

Σήμερα όμως έμαθα ότι ετοιμάζεται ένα αντίστοιχο του Firebug add-on για τον Opera: το Dragonfly (ελπίζω να έχει λιγότερο σιχαμερό άβαταρ από την κατσαρίδα) και οι ελπίδες μου αναπτερώθηκαν ξανά. Είναι ακόμα σε alpha και πληροφορίες μπορείτε να βρείτε στο website καθώς και μια εισαγωγή στη χρήση του. Με την ευκαιρία επισκεφθείτε και την κοινότητα των developers της Opera, θα βρείτε πολλά ενδιαφέροντα άρθρα και ένα πολύ όμορφο tagline: Dev.Opera: Follow the standards, break the rules!

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

Οι νέες οδηγίες πλεύσης λένε ένα χρώμα και φωτεινό - τα υπόλοιπα δικά μου! Ιδέες δεν έχω ακόμα, η πρώτη μορφή που σκέφτηκα θυμίζει επικίνδυνα το σάιτ της μαμάς-προμηθεύτριας και αυτό θα ήθελα να το αποφύγω. Ελπίζω να έχω σχέδια να ανεβάσω σύντομα.

Το παλιό σάιτ:

Update: Όπως φαίνεται μάλλον αναβάλλεται η ανακαίνιση. Κρίμα…

To πρώτο επεισόδιο του web-art-cast, ενός screencast για το web design και development που επιμελούνται ο Γιάννης Τσεβδός και η Μαρία Θεοδωροπούλου (ελπίζω να έγραψα σωστά τα ονόματα) είναι από σήμερα στον αέρα. Από όσο ξέρω, είναι το μοναδικό στο είδος του στα ελληνικά.

Στην πρώτη του εκπομπή ασχολήθηκε με την λειτουργία των ψευδοκλάσεων και τον τρόπο χειρισμού τους μέσω ενός script. Με οπτικά παραδείγματα, παραπομπές και κυρίως με σαφήνεια και απλότητα. Το επίπεδο δεν είναι για αρχάριους, αλλά η εξήγηση παραμένει κατανοητή και δεν αφήνει κενά σε κάποιον που δεν γνώριζε τίποτα για το θέμα.

Καλή επιτυχία και καλή συνέχεια! Εγώ το πέρασα στον reader μου και ήδη δηλώνω φαν.

Όταν πριν από κανένα μήνα περίπου η Microsoft ανακοίνωσε την απόφασή της να χρειάζεται ειδική meta tag ώστε να ενεργοποιείται η καινούργια rendering engine του Internet Expolorer 8 η οποία είναι σύμφωνη με τα web standards έγινε σάλος στην κοινότητα των web developer. Πέρα από την απορία για το ανάποδο του σκεπτικού, δηλαδή της λογικής να είμαστε συμβατοί με το παρελθόν παρά με το μέλλον, χάλασαν και οι καλές αρχικές εντυπώσεις όταν ο ΙΕ8 πέρασε το Acid 2 Test, όταν όλοι ανακουφιστήκαμε που επιτέλους αργά ή γρήγορα θα γλυτώναμε από τα hack για να μας υπακούει ο Explorer.

Ξέρω ότι όλα αυτά ακούγονται μάλλον κινέζικα. Για μένα πάντως το ζουμί της υπόθεσης βρίσκεται αλλού, σε κάποιο θέμα πιο γενικού ενδιαφέροντος. Επί ένα μήνα web developer από όλον τον κόσμο (ναι, και από την Ελλάδα) επιχειρηματολογούσαν υπέρ ή κατά της απόφασης της Microsoft. Γράψανε στα blog τους, στα επαγγελματικά fora και στα περιοδικά. Σήμερα μαθαίνω ότι η Microsoft αναθεώρησε. Ψύχραιμες φωνές που φτάσανε σε ψύχραιμα αυτιά και ζυγίστηκαν. Ομολογώ ότι δεν το περίμενα. Για χρόνια η γκρίνια και η μουρμούρα για την εταιρία που κάνει του κεφαλιού της και τον browser που δείχνει άλλα αντι άλλων περνούσαν στο ντούκου. Και τώρα επαγγελματίες developers ρίχνουν στο τραπέζι την πρόταση να συμβάλουν στην εξέλιξη με συγκεκριμένες προτάσεις προς την ομάδα του ΙΕ για να διορθωθούν κι άλλα στοιχεία. Ίσως η χρονική συγκυρία ήταν τέτοια, ίσως η πίεση του ανταγωνισμού να ανάγκασε την Microsoft να αλλάξει τακτική. Αυτό που με εντυπωσίασε θετικά όμως ήταν αυτός ο εκπληκτικός διάλογος που έφερε καρπούς και που δεν είναι κανενας έτοιμος να τον παρατήσει για να ακολουθήσει το πιο νέο trend…

Άντε και στα δικά μας στην Ελλάδα.

Update: Τρίβουν τα μάτια τους οι απανταχού developers (τα σχόλια για το αν είναι πρωταπριλιά δίνουν και παίρνουν) - ακόμα και αυτοί που είχαν επιχειρηματολογήσει για την αντίθετη άποψη - αλλά δεν ξεχνούν να επικροτήσουν.

Και η πλάκα συνεχίζεται! Microsoft obeys me.

Now, Mr Gates; look into my eyes. You are feeling sleepy. Paypal £1billion to Bruce Lawson…

(Picture from Stock.xchg)

Καιρό έχουν να ταραχτούν τα νερά στη δουλειά - και να που βρέθηκε η ευκαιρία! Ένα καινούριο πιθανό project θα με βάλει να ξεσκονίσω όσα είχα μάθει για τα XSLT (EXtensible Stylesheet Language Transformations). Ανυπομονώ να φτάσω σπίτι να δω τις σημειώσεις μου. Μέχρι τότε, πληροφορίες εδώ: W3C ή w3schools

Επειδή το ενδιαφέρον για τους ορισμούς των ετικετών HTML και CSS καλά κρατεί κι επειδή τα άρθρα στα ελληνικά δεν τα βλέπω να προχωράνε, ας παραπέμψω τους ενδιαφερόμενους σε κάποιες κατανοητές πηγές (στα αγγλικά).

Δεν γίνεται να εφαρμόσει κανείς σωστά εντολές CSS σε μια σελίδα άσχημα δομημένη. Επομένως η καλή γνώση και σωστή χρήση HTML είναι απαραίτητη. Ο Emil Stenström στο Friendly Bit έχει φτιάξει έναν κατάλογο από τις πιο χρήσιμες ετικέτες, με σύντομες εξηγήσεις για τον τρόπο χρήσης τους.
Encyclopedia of HTML elements

Οδηγίες για το πώς εφαρμόζονται οι ιδιότητες CSS στα παραπάνω στοιχεία προσφέρει το Sitpoint και μάλιστα θα τις βρείτε ταξινομημένες ανά τομέα της σελίδας που θέλετε να “πειράξετε” - π.χ. το layout, τις λίστες, τα τυπογραφικά στοιχεία κ.λπ. Υπάρχει και αλφαβητικός κατάλογος γι αυτούς που ξέρουν τι ψάχνουν.
CSS Reference

Και γι αυτούς που προτιμούν να μαθαίνουν με παραδείγματα, μια σειρά οδηγιών βήμα προς βήμα για να πετύχετε συγκεκριμένα αποτελέσματα από το web standards software and learning:
quick tutorials

Οι παραπάνω πηγές βοηθούν να μάθει κανείς τα βασικά για τις λειτουργίες των ετικετών και των ιδιοτήτων τους - ελπίζω να βοηθήσουν.

Μήπως πρέπει να ζητήσω αύξηση;

Update: Ας μην βιαστώ πολύ πάντως… Όπως φαίνεται  τα πολλά λεφτά τα φέρνει η Vignette. Οπότε εμμένω στην ουσία του τίτλου μου: drupal και ξερό ψωμί (μεταφορικά και κυριολεκτικά)

Δεν είμαι φαν των εφετζίδικων σελίδων αλλά ο κύριος Rob Morris από την Αυστραλία με κέρδισε με την εφευρετικότητα και το κέφι του. Κρατάει ο ίδιος στα χέρια του το έργο του, κοιτάζει γύρω (και ψιλοαλοιθωρίζει), δέχεται επίσκεψη από μια μύγα και με λίγη βοήθεια (δεξί κλικ στο κεφάλι) αλλάζει στυλ - γίνεται πειρατής, Ιάπωνας σεφ, Harry Potter, μποξέρ και άλλα πολλά…

Άμα βαρεθεί να περιμένει τη συμμετοχή μας, ρίχνει και κανέναν ύπνο…

Όλα αυτά με λίγο Flash - για τις μετατροπές του κεφαλιού - που δεν επηρεάζει καθόλου το περιεχόμενο και javascript για να εναλάσσονται τα κείμενα. (Μή ρωτήσετε λεπτομέρειες, χοντρικά τα κατάλαβα…)

Ωραιος! Επισκεφτείτε τον!

Τι κανει ένας προγραμματιστής όταν έχει χρόνο για σκότωμα; Γυρίζει το StarWars σε ASCII Animation!

Η ταινία αποτελείται από διαδιχικά καρέ με εικόνες φτιαγμένες από χαρακτήρες ASCII και χρησιμοποιεί Java applet για να παίξει. Θέλει λίγη υπομονή γιατί είναι και υπερπαραγωγή (15.953 καρέ, που τρέχουν με ρυθμό 15 καρέ ανά δευτερόλεπτο περίπου) αλλά έχει και fast forward control για τους ανυπόμονους και έχει πολλή πλάκα. Υποθέτω ότι σερβίρω μπαγιάτικα νέα γιατί η τελευταία σκηνή έχει προστεθεί τον Απρίλη του 2006 αλλά εντυπωσιάστηκα πολύ!

Πάρτε μια γεύση

ή επισκεφθείτε το σάιτ: http://www.asciimation.co.nz/index.php

Photo by Patrick Dell