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

RewriteEngine στο RewriteCond% (HTTPS)! Στο RewriteRule (. *) Https: //% (HTTP_HOST)% (REQUEST_URI) Εάν έχετε διακομιστή μεσολάβησης μπροστά από τον διακομιστή σας που εκτελεί TLS "

Οι περισσότεροι διακομιστές ιστού εξυπηρετούν περιεχόμενο XHTML ως κείμενο / html ποιος είναι σίγουρα ο σωστός τρόπος χειρισμού εγγράφων XHTML. Σε περίπτωση που ο διακομιστής δεν το κάνει σωστά, "

Εάν δεν μπορείτε να αλλάξετε τη διαμόρφωση του διακομιστή Apache, χρησιμοποιήστε αυτόν τον κωδικό για να αναγκάσετε την αποκωδικοποίηση της σελίδας στο utf-8. ΠροσθήκηDefaultCharset utf-8 "

Για ιστότοπους που φιλοξενούνται στο Dreamhost, έχετε από προεπιλογή μια σελίδα αναλυτικών στοιχείων στο yoursite.tld / stats /. Το WordPress μπορεί να επηρεάσει αυτό, νομίζοντας ότι είστε "

Προσθέτει γραμματοσειρές σταθερού πλάτους, μέγεθος αρχείου και ημερομηνία, δυνατότητα ταξινόμησης. Πολλαπλασιάζεται σε καταλόγους υψηλότερου επιπέδου. Δείτε το παράδειγμα. IndexOptions FancyIndexing Ευρετήριο Επιλογές "

ErrorDocument 400 /400.html ErrorDocument 401 /401.html ErrorDocument 403 / 403.html ErrorDocument 404 / 404.html ErrorDocument 405 / 405.html ΣφάλμαDocument "

Άρνηση εκτός από συγκεκριμένες IP Παραγγελία άρνησης, επιτρέψτε Άρνηση από All Allow από xxx.xxx.xxx.xxx Να επιτρέπεται από xxx.xxx.xxx.xxy Να επιτρέπεται εκτός από συγκεκριμένες παραγγελίες IP "

Κανονικά το index.html ή index.php είναι η προεπιλεγμένη σελίδα που εξυπηρετεί ένας διακομιστής όταν επισκέπτεται έναν κατάλογο χωρίς να καθορίζει ένα όνομα αρχείου. Μπορείτε να το αλλάξετε με "

Η συμπίεση μειώνει τους χρόνους απόκρισης μειώνοντας το μέγεθος της απόκρισης HTTP. Το Gzip είναι η πιο δημοφιλής και αποτελεσματική μέθοδος συμπίεσης αυτήν τη στιγμή "

Αντί να καλέσετε / συμπεριλάβετε ένα αρχείο που χρειάζεστε σε κάθε σελίδα, μπορείτε να τα προετοιμάσετε αυτόματα (στο επάνω μέρος του αρχείου) ή να επισυνάψετε (κάτω μέρος του "

Αυτός ο κωδικός είναι χρήσιμος για πολλές ρυθμίσεις περιβάλλοντος (σταδιοποίηση, παραγωγή κ.λπ.) που σας επιτρέπει να διατηρείτε τα αρχεία htaccess συγχρονισμένα διατηρώντας ταυτόχρονα ένα "

Αυτός είναι ο καθαρότερος τρόπος ανακατεύθυνσης μιας διεύθυνσης URL. Γρήγορη, εύκολη και φιλική προς τη μηχανή αναζήτησης. Θυμηθείτε ότι το HTAccess είναι μόνο για διακομιστές Apache. Ανακατεύθυνση ενός "

.typewriter h1 (υπερχείλιση: κρυφό; / * Διασφαλίζει ότι το περιεχόμενο δεν θα αποκαλυφθεί έως ότου η κινούμενη εικόνα * / border-right: .15em στερεό πορτοκαλί; / * Ο δρομέας δακτυλογράφου "

Τα προγράμματα περιήγησης επιτραπέζιου WebKit προσθέτουν μικρά βέλη προς τα πάνω σε αριθμούς εισόδου που ονομάζονται spinners. Μπορείτε να τα απενεργοποιήσετε οπτικά ως εξής: "

.text-shadow (@string: 0 1px 3px rgba (0, 0, 0, 0.25)) (text-shadow: @string;). box-shadow (@string) (-webkit-box-shadow: @string; -moz-box-shadow: "

Ένας αναζωογονητικός απλός (αλλά έξυπνος) τρόπος για να δημιουργήσετε ένα κατακόρυφο χρονοδιάγραμμα χρησιμοποιώντας μια ευθεία, σημασιολογική λίστα χωρίς ταξινόμηση () από τον Peter Cooper. ol ("

Μπορούμε να χρησιμοποιήσουμε πολλαπλές τιμές text-shadow και box-shadow για να δημιουργήσουμε μια τρισδιάστατη εμφάνιση σε μπλοκ ή κείμενο, όπως αυτό το στιγμιότυπο οθόνης του David DeSandro's "

Απαιτούνται όλα τα ακόλουθα, επομένως το κείμενο πρέπει να είναι σε μία ευθεία γραμμή που ξεχειλίζει ένα πλαίσιο όπου είναι κρυμμένη αυτή η υπερχείλιση. .truncate (πλάτος: "

Κύριο περιεχόμενο (φόντο: # e6e6e6;). Κόρνερ (φόντο: # f6f6f6; ύψος: 700 εικονοστοιχεία; περιθώριο: 50 εικονοστοιχεία αυτόματα; μέγιστο πλάτος: 600 εικονοστοιχεία; θέση: σχετικό; πλάτος: 80%; "

Ul (margin: 0,75em 0; padding: 0 1em; list-style: none;) li :: before (content: ""; border-color: διαφανές # 111; border-style: solid; border-width: "

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

Σκιά στο επάνω άκρο του ιστότοπου, ως εξής: body :: before (content: ""; position: fixed; top: -10px; left: 0; width: 100%; height: 10px; "

Δεν υπάρχει φόντο αδιαφάνειας ιδιοτήτων CSS, αλλά μπορείτε να το πλαστογραφήσετε εισάγοντας ένα ψευδο στοιχείο με κανονική αδιαφάνεια το ακριβές μέγεθος του στοιχείου πίσω "

Η προεπιλογή στη γραμματοσειρά συστήματος ενός συγκεκριμένου λειτουργικού συστήματος μπορεί να αυξήσει την απόδοση, επειδή το πρόγραμμα περιήγησης δεν χρειάζεται να κατεβάσει αρχεία γραμματοσειρών, είναι "

Διαφανές εσωτερικό περίγραμμα. Εσωτερικά σύνορα (φόντο: # 000; χρώμα: #fff; περιθώριο: 50 εικονοστοιχεία; παραγέμισμα: 15 εικονοστοιχεία; θέση: σχετικό;). Εσωτερικά σύνορα: πριν (περίγραμμα: "

Το κείμενο placeholder στις εισόδους έχει (στα προγράμματα περιήγησης που το εφαρμόζουν μέχρι τώρα) ένα ανοιχτό γκρι χρώμα Για να το στυλ, θα χρειαστείτε ιδιότητες CSS προθέματος προμηθευτή.

Η ομάδα ανάπτυξης στο Medium έχει συζητήσει μερικές κακές πρακτικές που σπάνε την προσβασιμότητα. Σε ένα παράδειγμα, υποστηρίζουν ότι η αδιαφάνεια δεν υποστηρίζεται καλά "

. αίμα (χρώμα: ασήμι; σκιά κειμένου: 4px 4px 1px # 300000, 4px 6px 1px # 400000, 4px 8px 1px # 500000, 4px 10px 1px # 600000, 4px 12px 1px # 700000, 4px 14px "

Το άνοιγμα στο Star Wars είναι εικονικό. Το αποτέλεσμα της κύλισης κειμένου τόσο προς τα πάνω όσο και μακριά από την οθόνη ήταν και ένα τρελό δροσερό ειδικό εφέ για μια ταινία που επέστρεψε "

Λειτουργεί τέλεια αν μπορείτε να εφαρμόσετε σταθερό ύψος στο υποσέλιδο. Περιεχόμενο! Είμαι το Sticky Footer. * (περιθώριο: 0;) html, σώμα (ύψος: 100%;). σελίδα-περιτύλιγμα ("