Codefragmenten 2025, Januari-

Voorbeeldformulieropmaak - CSS-trucs

Voorbeeldformulieropmaak - CSS-trucs

Tekstinvoer: Keuze keuzerondje Keuze 1 Keuze 2 Selecteer vervolgkeuzelijst Keuze: Keuze 1 Keuze 2 Keuze 3 Textarea: "

Base64-codering van 1x1px transparante GIF - CSS-trucs

Base64-codering van 1x1px transparante GIF - CSS-trucs

Voor het geval je er een nodig hebt. U kunt het uitrekken om de ruimte zo nodig op te vullen. Of een zwarte: "

Formulierverzending opent nieuw tabblad / venster - CSS-trucs

Formulierverzending opent nieuw tabblad / venster - CSS-trucs

U wist waarschijnlijk dat u een link kon forceren om een ​​nieuw tabblad of venster te openen met het kenmerk target = "_ blank" (verouderd, maar universeel nog steeds "

Windows Media - CSS-trucs

Windows Media - CSS-trucs

Geldige techniek, omdat het de tag niet nodig heeft. "

Flash insluiten - CSS-trucs

Flash insluiten - CSS-trucs

Dit is anders dan de standaardcode die Flash biedt. Dat betreft meestal de -tag en is geen geldige XHTML. Dit gebruikt dat niet, "

Cufon 101 - CSS-trucs

Cufon 101 - CSS-trucs

1. Voeg het JavaScript voor Cufón en het lettertype Cufón toe 2. HTML Normale tags Business Solutions Business Insurance 3. Vraag Cufón om de lettertypen te vervangen voor "

Quicktime - CSS-trucs

Quicktime - CSS-trucs

Quicktime vereist nog steeds de dubbele objectmethode om het in alle browsers voor elkaar te krijgen. Niet super mooi, maar het klaart de klus wel. "

Opmerkingen in HTML - CSS-trucs

Opmerkingen in HTML - CSS-trucs

Stuff Het spul is de HTML-commentaar. Het is een manier om notities aan de code toe te voegen die niet worden weergegeven wanneer de HTML wordt weergegeven door de "

Knop met lijnonderbrekingen - CSS-trucs

Knop met lijnonderbrekingen - CSS-trucs

Je kunt het beste een a gebruiken, dus je kunt een binnenkant gebruiken, zoals: Some Text Als je het nodig hebt om een ​​te zijn, en dus moet de tekst een waarde hebben, was het vroeger een beetje "

Basic Microformatted hCard - CSS-trucs

Basic Microformatted hCard - CSS-trucs

Een basisadres en URL, gemarkeerd met microformats. Christopher John Coyier CSS-Tricks [email protected] 123 Appleseed Street Chicago, IL 60647 "

Schakel automatisch aanvullen uit voor invoer - CSS-trucs

Schakel automatisch aanvullen uit voor invoer - CSS-trucs

Gebruik gewoon het kenmerk autocomplete: dit zou handig zijn wanneer een tekstinvoer eenmalig en uniek is. Zoals een CAPTCHA-invoer, codes voor eenmalig gebruik of voor wanneer "

Spaties toevoegen aan Dock in OS X - CSS-trucs

Spaties toevoegen aan Dock in OS X - CSS-trucs

Dit is absoluut niet gerelateerd aan HTML, maar door pure vraag moest ik het ergens toevoegen. Om een ​​"spatie" toe te voegen aan het dock in OS X, open je Terminal.app en "

Body Class toevoegen Just For IE - CSS-trucs

Body Class toevoegen Just For IE - CSS-trucs

> Of een robuustere versie die klasse op HTML-element zet: nu kunt u IE-specifieke stijlen in een normaal stylesheet schrijven, door de CSS-selectors vooraf te zetten "

Verwijder bestandsextensie van URL's - CSS-trucs

Verwijder bestandsextensie van URL's - CSS-trucs

RewriteRule ^ about $ about.php Dat kleine beetje zal ervoor zorgen dat http://example.com/about.php kan laden op http://example.com/about "

WWW / No-WWW - CSS-trucs

WWW / No-WWW - CSS-trucs

Je zou echt het een of het ander moeten doen. Voor consistentie, evenals voor SEO's, sake. Forceer het www. RewriteEngine op RewriteCond% (HTTP_HOST) "

Gebruik PHP in JavaScript - CSS-trucs

Gebruik PHP in JavaScript - CSS-trucs

Dit is pas echt getest op Media Temple (gs) servers. In de map met JavaScript moet het .htaccess-bestand het volgende bevatten: SetHandler "

URL van submappen wordt intern omgeleid naar querytekenreeks - CSS-trucs

URL van submappen wordt intern omgeleid naar querytekenreeks - CSS-trucs

De URL in de browser zou zijn: https://css-tricks.com/index.php/teachers/a/ De daadwerkelijke pagina die door de server wordt weergegeven, zou zijn: "

Shock Teenage Gangsters met wp-config Redirect - CSS-trucs

Shock Teenage Gangsters met wp-config Redirect - CSS-trucs

Grappige e-mail van een lezer, waarvan ik dacht dat het een goede post zou zijn: dit is een grappige omleiding. Ik krijg een of twee bezoeken per dag van tienergangsters die proberen "

Set Expires - CSS-trucs

Set Expires - CSS-trucs

De instelling "verloopt" vertelt browsers die deze bestanden downloaden, dat ze deze gedurende deze specifieke tijdsduur niet opnieuw hoeven aan te vragen. Gebruik met andere woorden de "

Tijdelijk onderhoud met Mod_Rewrite - CSS-trucs

Tijdelijk onderhoud met Mod_Rewrite - CSS-trucs

# Vergeet niet om de rewrite engine RewriteEngine aan te zetten # Maintenance Redirection # Vervang 555.555.555.555 door je eigen IP-adres # Uncomment "

Serveer SVG met het juiste inhoudstype - CSS-trucs

Serveer SVG met het juiste inhoudstype - CSS-trucs

Als je SVG zoals of als een CSS-achtergrondafbeelding probeert te gebruiken, en het bestand is correct gelinkt en alles lijkt goed, maar de browser is dat niet "

Gebruik @ font-face - CSS-trucs

Gebruik @ font-face - CSS-trucs

Met de @ font-face-regel kunnen aangepaste lettertypen op een webpagina worden geladen. Eenmaal toegevoegd aan een stylesheet, instrueert de regel de browser om het lettertype te downloaden van "

Voorkom hotlinking van afbeeldingen - CSS-trucs

Voorkom hotlinking van afbeeldingen - CSS-trucs

Rewrite Engine op RewriteCond% (HTTP_REFERER)! ^ Http: // (. +.)? Uwdomein.com/ RewriteCond% (HTTP_REFERER)! ^ $ RewriteRule. *. (Jpg.webp | gif | bmp.webp | png) $ "

Bestanden forceren om te downloaden (niet openen in browser) - CSS-trucs

Bestanden forceren om te downloaden (niet openen in browser) - CSS-trucs

AddType applicatie / octet-stream .csv AddType applicatie / octet-stream .xls AddType applicatie / octet-stream .doc AddType applicatie / octet-stream .avi "

PHP-foutregistratie - CSS-trucs

PHP-foutregistratie - CSS-trucs

Registreer fouten in een bestand en voorkom dat ze aan de gebruiker worden getoond. Zorg ervoor dat het bestand bestaat en dat u ernaar kunt schrijven. # geen fouten weergeven voor gebruiker "

Map (pen) met wachtwoordbeveiliging - CSS-trucs

Map (pen) met wachtwoordbeveiliging - CSS-trucs

Plaats het .htaccess-bestand in de map die u probeert te beschermen: AuthType Basic AuthName "Dit gebied is met een wachtwoord beveiligd" AuthUserFile "

IPhone Catcher - CSS-trucs

IPhone Catcher - CSS-trucs

RewriteEngine op RewriteCond% (HTTP_USER_AGENT). * IPhone. * RewriteRule ^ index.html $ http://www.mobile.mydomain.com RewriteRule ^ / $ "

IPad-detectie - CSS-trucs

IPad-detectie - CSS-trucs

Natuurlijk is de iPad een behoorlijk groot scherm en een volledig capabele browser, dus de meeste websites hoeven geen iPad-specifieke versies ervan te hebben. Maar als jij"

Forceer favicon-verzoeken om locatie te corrigeren - CSS-trucs

Forceer favicon-verzoeken om locatie te corrigeren - CSS-trucs

Om welke gekke reden dan ook, misschien kwaadaardige sitescanners, requets naar een webserver voor een favicon in alle bekende spleten van de site zijn vrij algemeen. "