Αλλαγή domain

Πλέον το blog θα βρίσκεται στο http://www.leaverou.gr.

Σκέφτηκα ότι αφού το είχα το domain, ήταν κρίμα να το ξοδεύω με μια βλακεία under construction που είχα βάλει 3 χρόνια πριν.

Δυστυχώς αν και το hosted wordpress προσφέρει μεγαλύτερες δυνατότητες customization, ο χρόνος μου είναι απελπιστικά περιορισμένος, οπότε για αρκετό καιρό ακόμα θα το βλέπετε με το έτοιμο theme που είχε και εδώ (Freshy), και όχι με κάποιο custom. Ελπίζω κάποια στιγμή να βρω χρόνο να κάνω κάτι δικό μου, μιας και είναι ντροπή τέτοιας θεματολογίας blog να είναι με έτοιμο theme.

Μην ξεχάσετε να αλλάξετε τη διεύθυνση στα RSS σας.

CU!

[JS] Έλεγχος υποστήριξης CSS ιδιότητας χωρίς browser detection

Παραδείγματος χάριν, έστω ότι θέλετε να διαπιστώσετε αν υποστηρίζεται η ιδιότητα opacity. Αντί να μπλεχτείτε σε δαιδαλώδεις και μη forward-compatible λύσεις, μπορείτε απλά να ελέγξετε αν η ιδιότητα αυτή είναι ορισμένη (defined) στο αντικείμενο style οποιουδήποτε στοιχείου. Ακόμη κι αν είναι κενή, αν υποστηρίζεται, δεν υπάρχει περίπτωση να είναι undefined.

Ένα ερώτημα που προκύπτει όταν πρόκειται για επαναχρησιμοποιήσιμα scripts είναι “Σε ποιό στοιχείο να το δοκιμάσω;”. Ένας καλός υποψήφιος για αυτό είναι το body: Υπάρχει πάντα, και διαθέτει style object.

Για να συνοψίσουμε, ο τελικός έλεγχος θα ήταν της μορφής:

if(typeof document.body.style.opacity != 'undefined')
{
/* Εδώ μπορείτε να κάνετε ο,τι θέλετε που χρησιμοποιεί
την εν λόγω ιδιότητα, βέβαιοι ότι θα δουλέψει σωστά */
}

Έχετε υπόψιν ότι για το παραπάνω θα πρέπει να χρησιμοποιήσετε τη JavaScript μορφή της ιδιότητας (πχ backgroundColor και όχι background-color).

PHP: print_r() σε String

Όσοι γράφετε PHP, σίγουρα θα έχετε χρησιμοποιήσει πολλάκις την συνάρτηση print_r() για να δείτε τα περιεχόμενα ενός πίνακα, ώστε να κάνετε debugging. Ωστόσο, το αποτέλεσμα της εν λόγω συνάρτησης δεν είναι πάντα επιθυμητό. Μερικές φορές χρειάζεται να αναθέσουμε το output της σε κάποια μεταβλητή, αντί να εκτυπωθεί άμεσα.

Math.round με συγκεκριμένο πλήθος δεκ. ψηφίων

Όλοι ξέρουμε ότι μπορούμε πολύ εύκολα να φτιάξουμε μια δική μας συνάρτηση που να στρογγυλοποιεί έναν αριθμό βάσει δοσμένου πλήθους δεκαδικών ψηφίψν. Ωστόσο δεν θα ήταν πολύ πιο κομψό και όμορφο να μπορούσαμε αυτή η συνάρτηση να είναι η Math.round που όλοι ξέρουμε και αγαπάμε?

Δεδομένου του τρόπου που η javascript χειρίζεται τις συναρτήσεις (ουσιαστικά μια συνάρτηση είναι ένας ειδικός τύπος μεταβλητής), κάτι τέτοιο είναι εφικτό.

Scrolling ενός iframe με mousewheel σε IE

Ο Firefox έχει ένα ιδιαίτερα χρήσιμο feature, από αυτά που φαίνονται τόσο φυσικά που δεν τα παρατηρείς καν, εκτός αν σταματήσουν να υπάρχουν: Επιτρέπει να κάνεις scrolling ενός iframe με τη ρόδα του ποντικιού.

Πρόσφατα κλήθηκα να σχεδιάσω ένα Windows Vista sidebar gadget. Όσοι δεν το ξέρετε, σίγουρα θα το υποψιάζεστε: Τα Windows Vista Sidebar Gadgets χρησιμοποιούν τη “μηχανή” του IE. Γνώριζα από παλαιότερη παρατήρηση ότι ο IE δεν διαθέτει αυτό το τόσο χρήσιμο feature, αλλά συνειδητοποίησα πόσο πραγματικά ενοχλητική είναι η απουσία του, καθώς ανέπτυσσα το gadget. Κάτι έπρεπε να κάνω. Αφού δεν υπήρχε το feature, θα το δημιουργούσα εγώ.

To fixed δαγκώνει!!

Πλέον που το position:fixed; και το background-attachment:fixed υποστηρίζονται από το μεγαλύτερο ποσοστό των browsers που χρησιμοποιούν οι επισκέπτες μας, θεωρήσατε ότι μπορούν να χρησιμοποιηθούν με ασφάλεια και χωρίς προβλήματα; Ειδικά αν προβλέψετε και graceful degradation για IE6- ποιός σας πιάνει ε;

Μέγα λάθος, όπως ανακάλυψα πρόσφατα the (very) hard way…

CSS.getElementsBySelector() v1.0.3

Μια μικρή ενημέρωση ότι το μικρούλι js library μου έφτασε αισίως στην έκδοση 1.0.3 με τη διόρθωση ενός σημαντικού bug.

Θα το βρείτε στο γνωστό μέρος.

CSS.getElementsBySelector() v1.0.2

Μια μικρή ενημέρωση ότι το μικρούλι js library μου έφτασε αισίως στην έκδοση 1.0.2 με 3 νέους υποστηριζόμενους selectors, 2 νέες functions και ένα bugfix.

Θα το βρείτε στο γνωστό μέρος.

Αυτόματη προσθήκη id όπου υπάρχει name

Σύμφωνα με το spec, το id είναι ο αντικαταστάτης του name, αλλά επί του παρόντος καλό είναι να χρησιμοποιούμε και τα δύο.

Σε περίπτωση που έχετε παλιές φόρμες μόνο με name και θέλετε να έχουν και id, είτε για να το εκμεταλλευτείτε ως JavaScript hook, είτε απλά επειδή είστε standards geek, το εν λόγω Dreamweaver RegEx κάνει ακριβώς αυτή τη δουλειά.

Anchors χωρίς anchors!

Ο παλιός τρόπος να δίνουμε link για κάποιο συγκεκριμένο σημείο της σελίδας, ήταν να βάζουμε extra markup στο σημείο στο οποίο θέλαμε να μεταφέρουμε το χρήστη με τη μορφή:

<a name="something"></a>

Ορισμένοι προσθέταμε και id, ως τον πιο “μοντέρνο” αντικαταστάτη του name, σύμφωνα με το specification.

Ωστόσο, είχατε υπόψιν ότι αντί να βάζουμε το id σε <a> tag, μπορούμε να χρησιμοποιήσουμε οποιοδήποτε id μέσα στη σελίδα;