Kodebiter 2025, April

Eksempel på skjemaoppmerking - CSS-triks

Eksempel på skjemaoppmerking - CSS-triks

Inngang av tekst: Valg av alternativknapp 1 Valg 2 Velg rullegardinvalg: Valg 1 Valg 2 Valg 3 Tekstområde: "

Base64-koding av 1x1px gjennomsiktig GIF - CSS-triks

Base64-koding av 1x1px gjennomsiktig GIF - CSS-triks

Bare i tilfelle du trenger en. Du kan strekke den ut for å fylle plass etter behov. Eller en svart: "

Skjemainnlevering Åpner ny fane / vindu - CSS-triks

Skjemainnlevering Åpner ny fane / vindu - CSS-triks

Du visste sikkert at du kunne tvinge en lenke til å åpne en ny fane eller et nytt vindu med attributtet target = "_ blank" (avviklet, men allikevel fortsatt "

Integrering av Windows Media - CSS-triks

Integrering av Windows Media - CSS-triks

Gyldig teknikk, da den ikke trenger -koden. "

Legge ned Flash - CSS-triks

Legge ned Flash - CSS-triks

Dette er annerledes enn standardkoden som Flash gir. Det involverer vanligvis -taggen og er ikke gyldig XHTML. Dette bruker ikke det, "

Cufon 101 - CSS-triks

Cufon 101 - CSS-triks

1. Inkluder JavaScript for Cufón og Cufón-skrifttype 2. HTML Normale koder Forretningsløsninger Forretningsforsikring 3. Be Cufón om å bytte ut skriftene for "

Legge inn Quicktime - CSS-triks

Legge inn Quicktime - CSS-triks

Quicktime krever fremdeles metoden med dobbeltobjekt for å få det gjort i alle nettlesere. Ikke veldig pent, men det gjør jobben gjort. "

Kommentarer i HTML - CSS-triks

Kommentarer i HTML - CSS-triks

Ting ting er HTML-kommentaren. Det er en måte å legge til notater i koden som ikke vises når HTML er gjengitt av "

Knapp med linjeskift - CSS-triks

Knapp med linjeskift - CSS-triks

Det beste alternativet er en slik at du kan bruke en innside, som: Noe tekst. Hvis du trenger det for å være et, og dermed må teksten være i en verdi, pleide det å være noe "

Grunnleggende mikroformatert hCard - CSS-triks

Grunnleggende mikroformatert hCard - CSS-triks

En grunnleggende adresse og URL, merket med Microformats. Christopher John Coyier CSS-Tricks [email protected] 123 Appleseed Street Chicago, IL 60647 "

Slå av Autofullføring for inndata - CSS-triks

Slå av Autofullføring for inndata - CSS-triks

Bare bruk autofullfør-attributtet: Dette vil være nyttig når en tekstinntasting er engangs og unik. Som en CAPTCHA-inngang, engangsbrukskoder, eller når "

Legg til mellomrom i Dock i OS X - CSS-triks

Legg til mellomrom i Dock i OS X - CSS-triks

Dette er absolutt ikke HTML-relatert, men etter ren etterspørsel måtte jeg legge det til et sted. For å legge til et "mellomrom" i dokken i OS X, åpner du Terminal.app og "

Legg til kroppsklasse bare for IE - CSS-triks

Legg til kroppsklasse bare for IE - CSS-triks

> Eller mer robust versjon som legger klasse på HTML-element: Nå kan du skrive IE-spesifikke stiler i et vanlig stilark ved å legge inn CSS-velgerne "

Fjern filutvidelse fra nettadresser - CSS-triks

Fjern filutvidelse fra nettadresser - CSS-triks

RewriteRule ^ ca $ about.php Den lille biten vil gjøre at http://example.com/about.php kan lastes inn på http://example.com/about "

WWW / Nei-WWW - CSS-triks

WWW / Nei-WWW - CSS-triks

Du burde virkelig gjøre det ene eller det andre. For konsistens, så vel som SEO, skyld. Tving www. RewriteEngine On RewriteCond% (HTTP_HOST) "

Bruk PHP i JavaScript - CSS-triks

Bruk PHP i JavaScript - CSS-triks

Dette har bare virkelig blitt testet på Media Temple (gs) servere. I mappen med JavaScript skal .htaccess-filen inneholde: SetHandler "

Underkatalogens URL Intern omdirigering til spørringsstreng - CSS-triks

Underkatalogens URL Intern omdirigering til spørringsstreng - CSS-triks

URL-en i nettleseren vil være: https://css-tricks.com/index.php/teachers/a/ Den faktiske siden gjengitt av serveren vil være: "

Sjokk Teenage Gangsters med wp-config Redirect - CSS-triks

Sjokk Teenage Gangsters med wp-config Redirect - CSS-triks

Morsom e-post fra en leser, som jeg skjønte ville gi et godt innlegg: Dette er en morsom omdirigering. Jeg får ett eller to besøk om dagen fra tenåringsgangstere som prøver å "

Sett utløper - CSS-triks

Sett utløper - CSS-triks

Innstillingen "utløper" forteller nettlesere som laster ned disse filene at de ikke trenger å be om det igjen i denne spesifikke tiden. Med andre ord, bruk "

Midlertidig vedlikehold ved bruk av Mod_Rewrite - CSS-triks

Midlertidig vedlikehold ved bruk av Mod_Rewrite - CSS-triks

# Ikke glem å slå på skrivemotoren RewriteEngine på # Vedlikeholdsomdirigering # Erstatt 555.555.555.555 med din egen IP-adresse # Kommentar "

Server SVG med riktig innholdstype - CSS-triks

Server SVG med riktig innholdstype - CSS-triks

Hvis du prøver å bruke SVG som eller som et CSS-bakgrunnsbilde, og filen er koblet til riktig og alt virker riktig, men nettleseren er ikke "

Bruker @ font-face - CSS-triks

Bruker @ font-face - CSS-triks

Regelen @ font-face gjør at egendefinerte skrifter kan lastes inn på en webside. Når den er lagt til et stilark, instruerer regelen nettleseren om å laste ned skriften fra "

Forhindre bilde hotlinking - CSS-triks

Forhindre bilde hotlinking - CSS-triks

RewriteEngine On RewriteCond% (HTTP_REFERER)! ^ Http: // (. +.)? Yourdomain.com/ RewriteCond% (HTTP_REFERER)! ^ $ RewriteRule. *. (Jpg.webp | gif | bmp.webp | png) $ "

Tving filer til nedlasting (ikke åpne i nettleser) - CSS-triks

Tving filer til nedlasting (ikke åpne i nettleser) - CSS-triks

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

PHP feillogging - CSS-triks

PHP feillogging - CSS-triks

Logg feil til en fil, og unngå å vise dem til brukeren. Forsikre deg om at filen eksisterer og at du kan skrive til den. # viser ingen feil til brukeren "

Passordbeskyttelsesmappe (r) - CSS-triks

Passordbeskyttelsesmappe (r) - CSS-triks

Sett inn .htaccess-filen i katalogen du prøver å beskytte: AuthType Basic AuthName "Dette området er passordbeskyttet" AuthUserFile "

IPhone Catcher - CSS-triks

IPhone Catcher - CSS-triks

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

IPad-oppdagelse - CSS-triks

IPad-oppdagelse - CSS-triks

Selvfølgelig er iPad en ganske stor skjerm og en fullverdig nettleser, så de fleste nettsteder trenger ikke å ha iPad-spesifikke versjoner av dem. Men hvis du"

Tving Favicon-forespørsler om å korrigere plassering - CSS-triks

Tving Favicon-forespørsler om å korrigere plassering - CSS-triks

Uansett hvilken sprø grunn, kanskje onde gjørende nettstedsskannere, reket til en webserver for et favorittikon i alle kjente sprekker på nettstedet er ganske vanlig. "