Duizenden tips CSS, PHP, scripts. Behulpzaam tutorials en video tips

Populair voor de maand

Driehoekige lijst met opsommingstekens - CSS-trucs

Driehoekige lijst met opsommingstekens - CSS-trucs

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

Verscholen hoeken - CSS-trucs

Verscholen hoeken - CSS-trucs

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

Tekenreeks afkappen met ellips - CSS-trucs

Tekenreeks afkappen met ellips - CSS-trucs

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

Tweekleurige driedimensionale blokken en tekst - CSS-trucs

Tweekleurige driedimensionale blokken en tekst - CSS-trucs

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 "

Ongeordende lijst als tijdlijn - CSS-trucs

Ongeordende lijst als tijdlijn - CSS-trucs

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

Handige CSS3 LESS Mixins - CSS-trucs

Handige CSS3 LESS Mixins - CSS-trucs

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

Schakel nummerinvoerspinners uit - CSS-trucs

Schakel nummerinvoerspinners uit - CSS-trucs

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

Typemachine-effect - CSS-trucs

Typemachine-effect - CSS-trucs

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

301 omleidingen - CSS-trucs

301 omleidingen - CSS-trucs

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 '

Sta enkele URL toe via .htaccess Wachtwoordbeveiliging - CSS-trucs

Sta enkele URL toe via .htaccess Wachtwoordbeveiliging - CSS-trucs

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 "

Bestanden toevoegen / toevoegen - CSS-trucs

Bestanden toevoegen / toevoegen - CSS-trucs

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 "

Actieve Gzip-compressie - CSS-trucs

Actieve Gzip-compressie - CSS-trucs

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

Andere directory-indexpagina - CSS-trucs

Andere directory-indexpagina - CSS-trucs

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 "

Toegang weigeren en toestaan ​​- CSS-trucs

Toegang weigeren en toestaan ​​- CSS-trucs

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 "

Aangepaste foutpagina's - CSS-trucs

Aangepaste foutpagina's - CSS-trucs

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

Fancy Indexing - CSS-trucs

Fancy Indexing - CSS-trucs

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

Download de Dreamhost Stats-pagina die werkt op een WordPress-site - CSS-trucs

Download de Dreamhost Stats-pagina die werkt op een WordPress-site - CSS-trucs

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

Forceer tekenset utf-8 - CSS-trucs

Forceer tekenset utf-8 - CSS-trucs

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 "

Forceer correct inhoudstype voor XHTML-documenten - CSS-trucs

Forceer correct inhoudstype voor XHTML-documenten - CSS-trucs

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, "

HTTPS forceren - CSS-trucs

HTTPS forceren - CSS-trucs

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