Μια μικρή ενημέρωση ότι το μικρούλι js library μου έφτασε αισίως στην έκδοση 1.0.3 με τη διόρθωση ενός σημαντικού bug.
Θα το βρείτε στο γνωστό μέρος. 
CSS.getElementsBySelector() v1.0.3
31 08 2008Σχόλια : Leave a Comment »
Ετικέτες: css, DOM, frameworks, functions, getElementsByCSSSelector, getElementsBySelector, Javascript, javascript library, update, v1.0.2, Web development
Κατηγορίες : CSS, Javascript, Web development
CSS.getElementsBySelector() v1.0.2
22 08 2008Μια μικρή ενημέρωση ότι το μικρούλι js library μου έφτασε αισίως στην έκδοση 1.0.2 με 3 νέους υποστηριζόμενους selectors, 2 νέες functions και ένα bugfix.
Θα το βρείτε στο γνωστό μέρος.
Σχόλια : Leave a Comment »
Ετικέτες: css, DOM, frameworks, functions, getElementsByCSSSelector, getElementsBySelector, Javascript, javascript library, update, v1.0.2, Web development
Κατηγορίες : CSS, Javascript, Web development
Αυτόματη προσθήκη id όπου υπάρχει name
20 08 2008Σύμφωνα με το spec, το id είναι ο αντικαταστάτης του name, αλλά επί του παρόντος καλό είναι να χρησιμοποιούμε και τα δύο.
Σε περίπτωση που έχετε παλιές φόρμες μόνο με name και θέλετε να έχουν και id, είτε για να το εκμεταλλευτείτε ως JavaScript hook, είτε απλά επειδή είστε standards geek, το εν λόγω Dreamweaver RegEx κάνει ακριβώς αυτή τη δουλειά. Διαβάστε την συνέχεια του άρθρου »
Σχόλια : Leave a Comment »
Ετικέτες: DW Find & Replace RegExps, forms, id, name, XHTML
Κατηγορίες : DW Find & Replace RegExps, XHTML
Anchors χωρίς anchors!
19 08 2008Ο παλιός τρόπος να δίνουμε link για κάποιο συγκεκριμένο σημείο της σελίδας, ήταν να βάζουμε extra markup στο σημείο στο οποίο θέλαμε να μεταφέρουμε το χρήστη με τη μορφή:
<a name="something"></a>
Ορισμένοι προσθέταμε και id, ως τον πιο “μοντέρνο” αντικαταστάτη του name, σύμφωνα με το specification.
Ωστόσο, είχατε υπόψιν ότι αντί να βάζουμε το id σε <a> tag, μπορούμε να χρησιμοποιήσουμε οποιοδήποτε id μέσα στη σελίδα; Διαβάστε την συνέχεια του άρθρου »
Σχόλια : Leave a Comment »
Ετικέτες: anchors, small tips, XHTML
Κατηγορίες : XHTML
min-height:100% στο body: Μια javascript λύση
1 08 2008To <body> είναι ουσιαστικά άλλο ένα block level element, με τα θετικά και τα αρνητικά του. Ενίοτε αυτό μπορεί να μας προκαλέσει πρόβλημα, όπως μου συνέβη πρόσφατα.
Στο site που δουλεύω, έχω ρθυμίσει το html και το body να έχουν διαφορετικά (ημιδιαφανή) φόντα, ώστε συνδυαστικά να δίνουν το εφέ φόντου που θέλω (αφού τα CSS3 multiple backgrounds αργούν ακόμα…). Οι περισσότερες σελίδες του site έχουν μεγαλύτερο ύψος από το viewport του browser, ακόμα και σε μεγάλες αναλύσεις, οπότε δεν μου είχε τύχει περίπτωση να είναι το περιεχόμενο μικρότερο από το viewport, μέχρι που ασχολήθηκα με τα μηνύματα λάθους που εμφανίζονται αν κάτι πάει στραβά. Ο σχεδιασμός που αποφάσισα ήταν τέτοιος, που τα περισσότερα οδηγούσαν το body να έχει μικρότερο ύψος από το viewport, ακόμα και στο laptop μου που έχει ανάλυση μόλις 1280×800. Το αποτέλεσμα ήταν να “κόβεται” απότομα το φόντο του body και να φαίνεται άσχημο.
Η πρώτη μου σκέψη ήταν να δώσω ένα height:100% σε html και body. Το αποτέλεσμα ήταν να φτιάξει μεν στις περιπτώσεις που το ύψος του περιεχομένου ήταν μικρότερο από το viewport και να χαλάσει στις υπόλοιπες (που αποτελούσαν και την πλειοψηφία). Η δεύτερη σκέψη μου ήταν να αλλάξω το height:100% με min-height:100%. Τίποτα, σαν να μην υπήρχε. Η τρίτη μου σκέψη ήταν να συμβουλευτώ τον παλιόφιλο γούγλη 
. Μετά από πολλαπλές αναζητήσεις κατέληξα ότι λύση δεν υπάρχει, τουλάχιστον χωρίς tables και χωρίς javascript, οπότε το πήρα απόφαση ότι θα χρειαζόταν να γράψω λίγη javascript για να λυθεί. Διαβάστε την συνέχεια του άρθρου »
Σχόλια : Leave a Comment »
Ετικέτες: body, css, dimensions, firebug, height, IE sucks, Javascript, min-height, XHTML
Κατηγορίες : CSS, Javascript, Web design
Πρόσφατα σχόλια