Αποσπάσματα κώδικα 2025, Ιανουάριος

Έχουμε μιλήσει για το "Why Ems;" εδώ πριν. Για όσους είναι νέοι στις τιμές, το Mozilla Developer Network κάνει εξαιρετική δουλειά για να εξηγήσει τα ems: ... ένα em είναι "

Η ενασχόληση με μονοπάτια είναι πάντα λίγο ενοχλητική, θα παραδεχτείτε. Ευτυχώς, είναι εξαιρετικά εύκολο με τον Sass να έχει ένα όμορφο API για τη διαχείριση περιουσιακών στοιχείων και για να "

Ενώ είναι πολύ χρήσιμο με την αριθμητική, ο Sass πέφτει λίγο με τις μαθηματικές λειτουργίες βοηθού. Υπήρξε ένα ανοιχτό ζήτημα στο επίσημο αποθετήριο στο "

Μέσω του Alex King, μπορείτε να χρησιμοποιήσετε μεταβλητές για τους επιλογείς: $ a-tags: 'a, a: active, a: hover, a: visit'; $ a-tags-hover: 'a: ενεργό, a: hover'; # ($ a-tags) (χρώμα: "

Το Sass framework Compass παρέχει μια εύχρηστη λειτουργία για να πάρει την αντίθετη κατεύθυνση μιας θέσης, για παράδειγμα αριστερά όταν περνά δεξιά ως όρισμα. Αυτό"

Σε περίπτωση που σας ενδιαφέρει να χειριστείτε το δικό σας πρόθεμα προμηθευτή CSS (αντί, ας πούμε, Autoprefixer ή Compass), ακολουθεί μια μίξη για να το βοηθήσετε. Μάλλον"

Δεν υπάρχει εύκολος τρόπος να επιλέγετε έναν επιλογέα από το σχετικό σύνολο κανόνων του. Με την καταλληλότητα εννοώ να προετοιμάσω ένα όνομα στοιχείου (π.χ. α) σε μια τάξη "

Αυτό το άρθρο από τον Ιούλιο του 2013 περιγράφει μια μέθοδο χρήσης στοιχείων psuedo για τη διατήρηση ενός λόγου διαστάσεων στοιχείων, ακόμη και όταν κλιμακώνεται. Εδώ είναι μια μίξη Sass που "

Ο Σχεδιασμός Υλικών υπήρξε παντού τον τελευταίο καιρό. Το ένα μέρος του αποτελείται από στοίβαγμα στρώσεων το ένα πάνω στο άλλο, όπως πραγματικά φύλλα χαρτιού. Να επιτύχω"

Εάν υπάρχει ένα σύντομο CSS που χάνει δραματικά, είναι αυτό που καθιστά δυνατό τον καθορισμό της ιδιότητας θέσης, καθώς και των τεσσάρων ιδιοτήτων όφσετ "

Οι δημιουργίες Responsive Web Design υπάρχουν συχνά σε πολλά διαφορετικά σημεία διακοπής. Η διαχείριση αυτών των σημείων διακοπής δεν είναι πάντα εύκολη. Χρήση και ενημέρωση "

Όταν σκάβουμε βαθιά στη θεωρία χρωμάτων, υπάρχει κάτι που ονομάζεται σχετική φωτεινότητα χρώματος. Για να το θέσουμε απλά, η φωτεινότητα ενός χρώματος καθορίζει εάν είναι "

Για τους δημιουργούς βιβλιοθηκών και τους κατασκευαστές πλαισίων, η χρήση μερικών επιπλέον λειτουργιών για δυναμική εφαρμογή συναρτήσεων σε στοιχεία μιας λίστας μπορεί να είναι χρήσιμη. Εδώ"

Κατά την επέκταση ενός επιλογέα με την οδηγία @extend, ο Sass δεν παίρνει το περιεχόμενο CSS από τον εκτεταμένο επιλογέα για να το τοποθετήσει στην επέκταση. Το"

Όταν ασχολείστε με αριθμούς σε JavaScript ή οποιαδήποτε άλλη γλώσσα προγραμματισμού, υπάρχει ένας τρόπος να περικόψετε έναν αριθμό μετά από n ψηφία. Δυστυχώς δεν υπάρχει"

Οι καμπύλες Bézier μπορούν να χρησιμοποιηθούν για να προσθέσουν όμορφα εφέ σε μεταβάσεις και κινούμενες εικόνες CSS. Πληκτρολογώντας την πλήρη λειτουργική σημειογραφία (π.χ. κυβικά-bezier (0,550, "

Όταν εργάζεστε σε σύνθετες αρχιτεκτονικές Sass, δεν είναι ασυνήθιστο να χρησιμοποιείτε χάρτες Sass για τη διατήρηση της διαμόρφωσης και των επιλογών. Από καιρό σε καιρό, θα βλέπετε χάρτες "

Οι γραμμές κύλισης είναι ένα από αυτά τα στοιχεία διεπαφής χρήστη που υπάρχουν σχεδόν σε κάθε σελίδα του Διαδικτύου, ωστόσο εμείς (προγραμματιστές) δεν έχουμε καθόλου έλεγχο σε αυτό. "

Υπάρχει ένα αρκετά δημοφιλές hack CSS που χρησιμοποιεί διαφανή περιθώρια σε ένα στοιχείο 0 πλάτους / 0 ύψους για να μιμείται τρίγωνα. Υπάρχει ένα απόσπασμα CSS εδώ στο CSS-Tricks "

Υποθέτοντας ότι το γονικό στοιχείο έχει θέση: σχετικό;, αυτές οι τέσσερις ιδιότητες θα κεντράρουν ένα θυγατρικό στοιχείο οριζόντια και κάθετα μέσα, ανεξάρτητα από το θέμα "

Κατά τη μετατροπή ενός αριθμού χωρίς μονάδα σε μήκος, διάρκεια, γωνία ή οτιδήποτε άλλο, οι άνθρωποι τείνουν να προσαρτούν απλώς τη μονάδα ως συμβολοσειρά, ως εξής: $ value: 42; "

Στην επιστήμη των υπολογιστών, χρησιμοποιούμε τη λέξη clamp ως τρόπο περιορισμού ενός αριθμού μεταξύ δύο άλλων αριθμών. Όταν στερεώνεται, ένας αριθμός θα διατηρήσει τη δική του τιμή "

Βρίσκομαι να χρησιμοποιώ αυτές τις ιδιότητες μαζί όλη την ώρα, κάτι που συνήθως είναι μια καλή ευκαιρία για μια άντληση όπως ένα mixin: @mixin coverer ("

Η καλύτερη εισαγωγή στο BEM είναι από τον Χάρι Ρόμπερτς: το BEM - που σημαίνει μπλοκ, στοιχείο, τροποποιητής - είναι μια μεθοδολογία ονομασίας front-end που έχουν σκεφτεί τα παιδιά στο "

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

Είναι πολύ συνηθισμένο να χρειάζεται λίγο διαφανές μαύρο ή άσπρο. Στο CSS, μπορείτε να κάνετε: .half-black (φόντο: rgba (0, 0, 0, 0.5);) Γίνεται πιο εύκολο στο "

Αυτή η συλλογή συναρτήσεων προορίζεται για έλεγχο εάν η τιμή μιας μεταβλητής είναι συγκεκριμένου τύπου. Για παράδειγμα, είναι το 13rem σχετικό μήκος; ΑΛΗΘΗΣ! Είναι "παγωμένο"

Συνάρτηση getZeroPaddedNumber ($ value, $ padding) (return str_pad ($ value, $ padding, "0", STR_PAD_LEFT);) Uscho echo getZeroPaddedNumber (123, 4); // έξοδοι "

Αυτό το regex παρακάτω ελέγχει τον παρεχόμενο ταχυδρομικό κώδικα εάν ξεκινά με τους αριθμούς 096 και ότι υπάρχουν ακριβώς 2 αριθμοί μετά από αυτόν. Αν το κάνει, ακούγεται Ναι, εάν "

$ url = 'http://example.com'; $ validation = filter_var ($ url, FILTER_VALIDATE_URL, FILTER_FLAG_HOST_REQUIRED); if (επικύρωση $) $ έξοδος = 'κατάλληλη διεύθυνση URL'; "