Μια τροποποιημένη έκδοση αυτού του άρθρου εμφανίστηκε για πρώτη φορά στο τεύχος 225 του περιοδικού .net - το περιοδικό με τις μεγαλύτερες πωλήσεις στον κόσμο για σχεδιαστές και προγραμματιστές ιστοσελίδων.
@twostepmedia: Πού πρέπει να γίνει η βαριά ανύψωση σε μια ιστοσελίδα; Στο μπροστινό μέρος ή στο backend;
Lea Verou: Είμαι ισχυρός υποστηρικτής να κάνω ό, τι μπορείτε στον πελάτη. Όταν ο κώδικάς σας εκτελείται στον πελάτη, πρέπει πάντα να ασχολείται με ένα μηχάνημα, ανεξάρτητα από το πόσο επιτυχής γίνεται το έργο σας.
Οτιδήποτε γράφετε στον διακομιστή μπορεί να χρειαστεί να εκτελεστεί χιλιάδες φορές το δευτερόλεπτο εάν το έργο σας επιτύχει, οπότε η διατήρηση και η επέκτασή του γίνεται όλο και πιο δύσκολη καθώς ο ιστότοπός σας μεγαλώνει. Για να μην αναφέρουμε το αυξανόμενο κόστος φιλοξενίας που σπάνια μπορεί να καλυφθεί πλήρως από τα έσοδα του ιστότοπου. Σίγουρα, πολλή λογική από την πλευρά του πελάτη μπορεί να κάνει έναν ιστότοπο να φορτώνει αργά, αλλά έχουμε εργαλεία για να το αποφύγουμε, όπως το gzipping και το obsfucation και το πιο σημαντικό, η αργή φόρτωση.
@komiska: Η δουλειά σας είναι φοβερή! Ποιος σας ενέπνευσε να ακολουθήσετε την τεχνολογική πορεία;
LV: Ευχαριστώ! Δεν νομίζω ότι ήταν θέμα έμπνευσης από κάποιον. Μου άρεσε να φτιάχνω πράγματα από τότε που θυμάμαι τον εαυτό μου. Όταν ήμουν παιδί, κάποτε χρησιμοποιούσα μαντηλάκια κουζίνας για να φτιάχνω πορτοφόλια και τσάντες!
Γύρω στα 12, ανακάλυψα ότι ο προγραμματισμός μου επέτρεψε να δημιουργήσω χρήσιμα πράγματα πιο εύκολα και επαγγελματικά από τη χειροτεχνία. Αυτό με εντυπωσίασε τόσο πολύ, αμέσως ερωτεύτηκα τον προγραμματισμό και συνέχισα να προσπαθώ να το βελτιώσω.
@jelmerdemaat: Πώς δημιούργησε το @LeaVerou το @dabblet; Με ποιο πλαίσιο PHP / άλλη τεχνική back-end; Ποιο ήταν το πιο δύσκολο κομμάτι;
LV: Το Dabblet δεν διαθέτει βάση δεδομένων και ο κωδικός διακομιστή είναι ελάχιστος. Ένα μικρό PHP χρησιμοποιείται μόνο για το OAuth και δημιουργεί μια σελίδα αποτελεσμάτων για κοινή χρήση χωρίς κανένα από το chrome dabblet γύρω του (χρήσιμο για δοκιμαστικές αναφορές σφαλμάτων). Όπως μπορείτε να δείτε στα στατιστικά του Github, η PHP αντιπροσωπεύει μόνο το 3% του dabblet. Όλα τα άλλα είναι από την πλευρά του πελάτη. Αυτό βοηθά στην αποφυγή της κατάστασης jsfiddle: Το jsfiddle κάνει τα πάντα στον διακομιστή, οπότε τώρα που πέτυχε, το φορτίο του διακομιστή πέρασε από την οροφή και έγινε αργό.
@_dte: Ποια είναι η πιο συναρπαστική επερχόμενη δυνατότητα CSS για εσάς;
LV: Σίγουρα εφέ φίλτρου. Μας επιτρέπουν να κάνουμε πράγματα που προηγουμένως ήταν αδύνατα, όχι απλά σκληρά. Δεν είμαι πολύ ενθουσιασμένος για τις λειτουργικές μονάδες διάταξης, επειδή α) πρόκειται να περάσουν αιώνες προτού μπορέσουμε να τις χρησιμοποιήσουμε, καθώς δεν υποβαθμίζονται καθόλου χαριτωμένα και β) η διάταξη ήταν πάντα δυνατή, απλώς άσκοπα σκληρή. Φυσικά, οι νέες ενότητες διάταξης είναι πολύ σημαντικές, αλλά δεν είναι αυτό που με κάνει ενθουσιασμένο.
Είμαι επίσης πολύ ενθουσιασμένος σχετικά με τις σχετικές ενότητες της θύρας προβολής vw και vh και την επέκταση CSS3 του attr () λειτουργία που θα μας επιτρέψει να χρησιμοποιήσουμε attr () σε κάθε ιδιοκτησία.
Θα ήθελα επίσης να δω άλλα προγράμματα περιήγησης εκτός από το Opera προσαρμογή αντικειμένου και αντικείμενο-θέση, ώστε να μπορέσουμε να σταματήσουμε να χρησιμοποιούμε παραβιάσεις στο παρασκήνιο για να περικόψουμε εικόνες σε διαφορετικό λόγο διαστάσεων
@gpirie: Ποια δυνατότητα θα θέλατε να εμφανίζεται στο CSS;
LV: Α ρεύμα() συνάρτηση που σας επιτρέπει να αναφέρετε την υπολογισμένη τιμή άλλων ιδιοτήτων. Όπως μια γενίκευση του currentColor (το οποίο στη συνέχεια θα γίνει ψευδώνυμο τρέχουσα (χρώμα)). Φυσικά, η εφαρμογή ενός τέτοιου πράγματος είναι πολύ δύσκολη, αλλά η πραγματικότητα δεν θα με εμποδίσει να ονειρευτώ!
@kevdog: Ποια είναι τα τρία πιο κοινά λάθη CSS;
LV: Το πιο συνηθισμένο λάθος CSS που βλέπω είναι ότι οι άνθρωποι κωδικοποιούν το CSS τους με έμφαση στο αποτέλεσμα, όχι σε καθαρό, διατηρήσιμο, ευέλικτο κώδικα (και σπάνια αναπαράγουν). Δεν είναι μόνο σημαντικό κάτι φαίνεται αυτή τη στιγμή, με συγκεκριμένο φόντο, συγκεκριμένο περιβάλλον και συγκεκριμένο μέγεθος. Θα πρέπει να είναι σε θέση προσαρμόζω να αλλάζει εύκολα, χωρίς να χρειάζεται να ξαναγράψετε κάθε κανόνα σχετικά με αυτό με απρόβλεπτους τρόπους.
Ίσως νομίζετε ότι δεν θα αλλάξετε ποτέ κάτι, αλλά δεδομένου του αρκετού χρόνου, σχεδόν σίγουρα θα αποδειχθείτε λάθος. Οι προεπεξεργαστές CSS μπορούν να βοηθήσουν με αυτό. Είναι η εύκολη διέξοδος, αλλά είναι σίγουρα καλύτεροι από τον ατημέλητο, επαναλαμβανόμενο κώδικα.
Ένα άλλο λάθος είναι το υπερβολικά ρητό CSS. Οι άνθρωποι δεν γνωρίζουν τις προεπιλογές, επομένως συνεχίζουν να τις επαναπροσδιορίζουν. Δεν γνωρίζουν στενογραφίες, οπότε συνεχίζουν να ορίζουν τις ιδιότητες longhand. Υπάρχουν περιπτώσεις όπου πρέπει να κάνετε αυτά τα πράγματα επίτηδες, αλλά δεν είναι λόγος να τα κάνετε αμυντικά σε όλα.
@kevdog: Εάν μπορούσατε να αλλάξετε ένα πράγμα στις προδιαγραφές CSS, τι θα ήταν;
LV: Υπάρχουν πολλές προτάσεις με τις οποίες συμφωνεί σχεδόν όλοι στο CSSWG, αλλά δεν μπορούν να προστεθούν λόγω της διακοπής της υπάρχουσας ευρείας χρήσης στον ιστό. Συνήθως, το WG είτε αρνείται εντελώς είτε προσθέτει περισσότερες ιδιότητες για τον έλεγχο της συμπεριφοράς, αντί να αλλάζει τις προεπιλογές. Θα ήθελα να δω έναν τρόπο συμμετοχής σε ασύμβατες αλλαγές προς τα πίσω, έτσι ώστε οι υπάρχοντες ιστότοποι να μην σπάσουν. Άλλες γλώσσες έχουν λύσει αυτό το ζήτημα εδώ και πολύ καιρό, αλλά με HTML και CSS συνεχίζουμε να αγωνιζόμαστε για συμβατότητα προς τα πίσω στο κόστος του σχεδιασμού καλής γλώσσας.
@StuRobson: Πιστεύετε ότι είναι τεμπέλης για έναν dev για να χρησιμοποιήσει ένα πλαίσιο ή ένα boilerplate χωρίς να καταλαβαίνει όλα όσα κάνει;
LV: Όχι, αλλά νομίζω ότι είναι τεμπέλης για έναν προγραμματιστή να χρησιμοποιεί ένα πλαίσιο ή ένα boilerplate χωρίς να χρειάζεται προσωπικά, ακριβώς επειδή το κάνουν όλοι οι άλλοι. Είναι αντιπαραγωγικό να προσπαθείτε να λύσετε προβλήματα που δεν έχετε ακόμη.
@folktrash: Σε ποιο σημείο συνέβη η "διασημότητα"; Πως το ήξερες? Και βοηθά ή εμποδίζει την ευαισθητοποίηση της ποιότητας κώδικα / σημασιολογία;
LV: Ευχαριστώ, αλλά δεν είμαι σίγουρος ότι θα μπορούσα να το αποκαλέσω. Όλοι τείνουν να θεωρούν τα άτομα που έχουν ακούσει για πιο γνωστά από τα άτομα που δεν είχαν ιδέα. Κατά συνέπεια, όλοι έχουν μια φυσική τάση να υπερεκτιμούν τη δική τους φήμη, η οποία πρέπει να είναι τεχνητά (και σχεδόν τυφλά) ισορροπημένη όταν γνωρίζετε αυτό το φαινόμενο. Πρέπει επίσης να έχουμε κατά νου ότι κανείς στη βιομηχανία μας δεν είναι πραγματικά διασημότητα, κανένας δεν είναι οικιακό όνομα.
Τούτου λεχθέντος, το 2011 ήταν τρελό και είναι προφανές ότι έχω μεγαλύτερη αναγνώριση για τη δουλειά μου που θα μπορούσα να περίμενα. Βοηθά σίγουρα στον ευαγγελισμό των προτύπων Ιστού. Οι άνθρωποι δίνουν πολύ περισσότερη προσοχή όταν λέω κάτι τώρα από ό, τι πριν από ένα χρόνο. Αυτό όμως έρχεται με το κόστος που τα πράγματα που λέω υπερβαίνουν, οι άνθρωποι μπορούν να τα διαβάσουν πάρα πολύ και να μου επιτεθούν επειδή υποτίθεται ότι έχουν απόψεις που δεν έχω καν σκεφτεί ποτέ. Ή μερικές φορές, μόνο για να έχετε προβολές, περίοδο.
@Tawreh: Γιατί είστε τόσο φανατικοί για τις γυναίκες στη βιομηχανία; Κατανοώ την ανάγκη για ισότητα, αλλά imho το πιέζεις στο άκρο.
LV: Πρώτη φορά ακούω κάτι σαν «ακραία ισότητα». Η ισότητα δεν μπορεί ποτέ να είναι ακραία και αμφιβάλλω ότι κανείς θα έλεγε καν κάτι τέτοιο για άλλα είδη διακρίσεων, όπως ο ρατσισμός. Είναι "αντίστροφη διάκριση" ή "διορθωτική μεροληψία" που είναι ακραία και είμαι σθεναρά εναντίον αυτού.
Τούτου λεχθέντος, δεν είμαι "φανατικός" για τις γυναίκες στη βιομηχανία, είμαι "φανατικός" ενάντια σε συγκεκριμένα στερεότυπα φύλου. Δεν βλέπω ποτέ σεξισμό στη βιομηχανία μας, φαίνεται ότι οι άνθρωποι έχουν μάθει το μάθημά τους πολύ καιρό. Δεν πιστεύω ότι η χαμηλή συμμετοχή των γυναικών στη βιομηχανία μας οφείλεται στο ότι αισθάνονται πλέον ανεπιθύμητες. Η υπόλοιπη κοινωνία των φύλων μας απομακρύνει τις γυναίκες από τη μηχανική. Τα μικρά κορίτσια παίζουν με παιχνίδια που δεν τους ενθαρρύνουν να αναπτύξουν τις γνωστικές τους δεξιότητες όσο και τα αγόρια. Οι παιδικές ταινίες και τα παιχνίδια είναι ο χειρότερος δράστης των στερεοτύπων των φύλων και δεν βλέπω κανένα ενδιαφέρον εκεί. Όλοι φαίνεται να επικεντρώνουν τις προσπάθειές τους σε ενήλικες, διορθώνοντας τα λάθη αντί να αποφεύγουν να τα κάνουν πρώτα.
@komiska: Θα υπάρξει ποτέ μετάβαση για το βάρος γραμματοσειράς;
LV: Παραθέτοντας μια σημείωση από τις προδιαγραφές, "δεν είναι τόσο απλό". Οι περισσότερες ιδιότητες δεν έχουν αρκετά βάρη για μια ομαλή μετάβαση και το πρόγραμμα περιήγησης δεν μπορεί να δημιουργήσει τις ενδιάμεσες καταστάσεις επειδή δεν υπάρχει τρόπος να τις αντιπροσωπεύσετε στο CSS. Τούτου λεχθέντος, ενδέχεται τελικά να επεκταθούμε cross-fade () από τις τιμές εικόνας CSS4 για εφαρμογή σε όλες τις τιμές CSS, όχι μόνο στις εικόνες, οι οποίες θα μπορούσαν να λύσουν τα περισσότερα προβλήματα μετάβασης και μας δίνει ένα ισχυρό εργαλείο που μπορεί να χρησιμοποιηθεί και στατικά.
