Όλοι όσοι ασχολούνται με το Front-end χρησιμοποιούν (ή θα έπρεπε να χρησιμοποιούν) κάποιου είδους reset.css, συνήθως κάποιο «επίσημο» όπως του Eric Meyer. Το reset απαιτείται για να εξομαλύνει τις μεγάλες διαφορές στο rendering μεταξύ των browsers αλλά από μόνο του δεν είναι ιδιαίτερα χρήσιμο. Πάνω στο reset πρέπει να εφαρμοστεί ένα σετ κανόνων για τις εξ' ορισμού ρυθμίσεις για κάθε tag ξεχωριστά, ένα default σετ κανόνων ώστε να γίνει πιο προβλέψιμο το αποτέλεσμα: το base.css.
8 Σεπτεμβρίου 2010 @ 7:01 μμ
Λίστα προϊόντων με εικόνα προεπισκόπησης
Η παρουσίαση προϊόντων (ή άρθρων, νέων κ.λπ.) σε μορφή λίστας είναι πολύ συνηθισμένη και τις περισσότερες φορές, περιλαμβάνει και μια φωτογραφία. Ωστόσο, συχνά η φωτογραφία «απουσιάζει» και αυτό ίσως να δημιουργεί πρόβλημα. Διαβάστε παρακάτω για να καταλάβετε περί τίνος πρόκειται…
9 Αυγούστου 2010 @ 11:49 πμ
Μυστικά και κόλπα για καθημερινή χρήση!
Πριν ξεκινήσω κι εγώ τις καλοκαιρινές μου διακοπές σκέφτηκα να μαζέψω μερικά κόλπα, μυστικά και λύσεις σε διάφορα μικρά ή μεγάλα προβλήματα που συνάντησα στην καθημερινή μου πλέον ενασχόληση με το front-end programming, για να τα βρείτε έτοιμα και να μην τραβιέστε με τις ώρες!
25 Ιουνίου 2010 @ 11:40 μμ
Ελαστικό design με CSS @media queries
Το prince.gr έχει αλλάξει αρκετά στη version 3.0, αλλαγή που συνέπεσε με την ισάριθμη version του WordPress. Οι αισθητικές αλλαγές είναι ολοφάνερες αλλά έχει αλλάξει επίσης αρκετά το CSS που δίνει μορφή στο site. Η σημαντικότερη βελτίωση είναι που πλέον, το design προσαρμόζεται στην οθόνη του χρήστη. Δεν πρόκειται όμως για ένα «απλό» ελαστικό site…
2 Απριλίου 2010 @ 3:09 μμ
Κεντραρισμένες εικόνες προεπισκόπησης (thumbnails)
Πολλές φορές απαιτείται να παρουσιάσουμε μια λίστα με εικόνες προεπισκόπησης (thumbnails) το μέγεθος των οποίων δεν το γνωρίζουμε ή δεν είναι σταθερό. Αυτό μπορεί να συμβεί είτε γιατί οι φωτογραφίες προέρχονται από διαφορετικές πηγές είτε γιατί το CMS που χρησιμοποιείται δεν έχει τη δυνατότητα να προσαρμόσει το μέγεθος στις απαιτήσεις μας κατά την καταχώρηση των προϊόντων. Ακολουθεί μια εύκολη μέθοδος για …ευπαρουσίαστες λίστες προϊόντων — χωρίς tables φυσικά!






