Codefragmenten 2025, Januari-

RewriteEngine op RewriteCond% (HTTPS)! Op RewriteRule (. *) Https: //% (HTTP_HOST)% (REQUEST_URI) Als je een proxy voor je server hebt die TLS uitvoert "

De meeste webservers serveren XHTML-inhoud als tekst / html, wat absoluut de juiste manier is om met XHTML-documenten om te gaan. In het geval dat de server dat niet correct doet, "

Als je de configuratie van de Apache-server niet kunt wijzigen, gebruik dan deze code om het decoderen van pagina naar utf-8 te forceren. AddDefaultCharset utf-8 "

Voor websites die worden gehost met Dreamhost, heb je standaard een analysepagina op yoursite.tld / stats /. WordPress kan dit verstoren, denkend dat u "

Voegt lettertypen met vaste breedte, bestandsgrootte en datum toe, sorteermogelijkheden. Propageert naar mappen op hoger niveau. Zie voorbeeld. IndexOptions FancyIndexing IndexOptions "

ErrorDocument 400 /400.html ErrorDocument 401 /401.html ErrorDocument 403 /403.html ErrorDocument 404 /404.html ErrorDocument 405 /405.html ErrorDocument '

Weigeren behalve van specifieke IP's Bestelling weigeren, Weigeren van alles toestaan ​​Toestaan ​​van xxx.xxx.xxx.xxx Toestaan ​​van xxx.xxx.xxx.xxy Toestaan ​​behalve van specifieke IP-volgorde "

Normaal gesproken is index.html of index.php de standaardpagina die een server opent wanneer hij een directory bezoekt zonder een bestandsnaam op te geven. U kunt dit wijzigen met "

Compressie vermindert de reactietijden door de grootte van de HTTP-reactie te verkleinen. Gzip is momenteel de meest populaire en effectieve compressiemethode "

In plaats van een bestand dat je nodig hebt op elke pagina te moeten bellen / toevoegen, kun je ze automatisch laten toevoegen (bovenaan het bestand) of toevoegen (onderaan "

Deze code is handig voor setups met meerdere omgevingen (staging, productie, enz.). Het stelt je in staat om je htaccess-bestanden gesynchroniseerd te houden terwijl je een "

Dit is de schoonste manier om een ​​URL om te leiden. Snel, gemakkelijk en zoekmachinevriendelijk. Onthoud dat HTAccess-dingen alleen voor Apache-servers zijn. Een enkele omleiden '

.typewriter h1 (overflow: hidden; / * Zorgt ervoor dat de inhoud niet wordt onthuld tot de animatie * / border-right: .15em effen oranje; / * De typwritercursor "

WebKit-desktopbrowsers voegen kleine pijltjes omhoog toe aan cijferinvoer die spinners worden genoemd. U kunt ze als volgt visueel uitschakelen: "

.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: "

Een verfrissend eenvoudige (maar slimme) manier om een ​​verticale tijdlijn te maken met behulp van een rechtlijnige, semantische ongeordende lijst () van Peter Cooper. ol ("

We kunnen meerdere text-shadow- en box-shadow-waarden gebruiken om een ​​driedimensionale look te creëren voor blokken of tekst, zoals dit screenshot van David DeSandro's "

Al het volgende is vereist, dus de tekst moet in een enkele rechte lijn staan ​​die over een vak loopt waarin die overloop verborgen is. .truncate (breedte: "

Inhoud body (achtergrond: # e6e6e6;) .corners (achtergrond: # f6f6f6; hoogte: 700px; marge: 50px auto; max-breedte: 600px; positie: relatief; breedte: 80%; "

Ul (margin: 0.75em 0; padding: 0 1em; list-style: none;) li :: before (content: ""; border-color: transparent # 111; border-style: solid; border-width: "

Als u op zoek bent naar een manier om het type verticaal in te stellen, kunt u het beste de CSS-schrijfmodus gebruiken. Als je gewoon wat tekst probeert om te slaan, '

Schaduw langs de bovenrand van de website, als volgt: body :: before (content: ""; position: fixed; top: -10px; left: 0; width: 100%; height: 10px; "

Er is geen ondoorzichtigheid op de achtergrond van de CSS-eigenschap, maar je kunt het vervalsen door een pseudo-element met een normale ondoorzichtigheid in te voegen met de exacte grootte van het element erachter "

Als u het systeemlettertype van een bepaald besturingssysteem standaard gebruikt, kunt u de prestaties verbeteren omdat de browser geen lettertypebestanden hoeft te downloaden.

Transparante binnenrand .inner-border (achtergrond: # 000; kleur: #fff; marge: 50px; opvulling: 15px; positie: relatief;) .inner-border: before (border: "

Tijdelijke aanduiding voor tekst in invoer heeft (in de browsers die deze tot dusver hebben geïmplementeerd) een lichtgrijze kleur. Om het op te maken, heb je CSS-eigenschappen van het leveranciersvoorvoegsel nodig. "

Het ontwikkelingsteam van Medium heeft enkele slechte praktijken besproken die de toegankelijkheid verbreken. In één voorbeeld stellen ze dat ondoorzichtigheid niet goed wordt ondersteund "

.blood (kleur: zilver; tekstschaduw: 4px 4px 1px # 300000, 4px 6px 1px # 400000, 4px 8px 1px # 500000, 4px 10px 1px # 600000, 4px 12px 1px # 700000, 4px 14px "

De opening naar Star Wars is iconisch. Het effect van tekst die zowel omhoog als weg van het scherm scrolt, was zowel een waanzinnig cool speciaal effect voor een film in "

Werkt prima als u een vaste hoogte op de voettekst kunt toepassen. Inhoud! Ik ben de Sticky Footer. * (margin: 0;) html, body (hoogte: 100%;) .page-wrap ("