Video Screencasts 2025, Juli

# 48: Skinning phpBB - CSS-tricks

# 48: Skinning phpBB - CSS-tricks

Att skapa ett helt anpassat tema för det populära forumprogramvaran phpBB skulle vara ett monsterjobb. Lyckligtvis, för att komma igång snabbt kan vi helt enkelt "

# 47: CSS Shorthand - CSS-tricks

# 47: CSS Shorthand - CSS-tricks

Det finns en handfull CSS-attribut som kan kombineras till ett enda attribut för kodning av korthet. Jag stöder användningen av CSS-stenografi när som helst "

# 190: CSS anpassade egenskaper penetrerar Shadow DOM - CSS-tricks

# 190: CSS anpassade egenskaper penetrerar Shadow DOM - CSS-tricks

En av hela punkterna i Shadow DOM är att den ger inkapsling. Inga stilar ute, inga stilar i. Men det finns sätt "genom" Shadow DOM och "

# 46: Domäner, DNS, Hosting och Google Apps - CSS-tricks

# 46: Domäner, DNS, Hosting och Google Apps - CSS-tricks

Att hantera domäner och webbhotell och alla serverinstallationssaker är vanligtvis inte det mest bekväma för webbdesigners. I den här screencasten går jag "

# 45: Använda FoxyCart för e-handel - CSS-tricks

# 45: Använda FoxyCart för e-handel - CSS-tricks

FoxyCart är mitt nya favorit e-handelssystem. Det är extremt lätt att komma igång med. Du har full designkontroll över alla aspekter av den (vagn, "

# 42: Allt om Floats Screencast - CSS-tricks

# 42: Allt om Floats Screencast - CSS-tricks

Ännu mer så än z-index (som vi täckte för några veckor sedan), är float-egenskapen känd för att orsaka episoder av hårdragning och skärmstansning. Det verkar"

# 41: WordPress som CMS - CSS-tricks

# 41: WordPress som CMS - CSS-tricks

Vi gjorde en gång en omröstning där vi frågade folk vad deras CMS var. WordPress var en run-away-vinnare, men fick också många kommentarer om "WordPress är inte ett CMS !!". "

# 43: Hur man använder CSS Sprites - CSS-tricks

# 43: Hur man använder CSS Sprites - CSS-tricks

CSS Sprites har varit ett hett ämne under lång tid nu. Faktum är att varje bild på en webbsida är en separat serverförfrågan och du kan dramatiskt "

# 40: Så fungerar z-index - CSS-tricks

# 40: Så fungerar z-index - CSS-tricks

Z-index kan ibland vara lite förvirrande. I den här skärmutsändningen försöker jag förklara hur det fungerar, hur det är knutet till positionering, några konstigheter och vissa "

# 44: Hodgepodge of WordPress Tricks - CSS-tricks

# 44: Hodgepodge of WordPress Tricks - CSS-tricks

Det är WordPress-veckan här på CSS-Tricks, så jag ville så en WordPress-tema screencast och täcka många mini-tips som inte har gjort det till tidigare "

# 3: Konvertera en Photoshop Mockup (del 3 av 3) - CSS-tricks

# 3: Konvertera en Photoshop Mockup (del 3 av 3) - CSS-tricks

Jag avslutar designen i del tre av denna serie om att dölja en Adobe Photoshop-webbplatsmodell till en faktisk HTML / CSS-webbplats. Den här fokuserar på "

# 39: Hur man använder sIFR 3 - CSS-tricks

# 39: Hur man använder sIFR 3 - CSS-tricks

SIFR (Scalable Inman Flash Replacement) är en teknik som låter dig använda vilket typsnitt du vill på dina webbsidor. Lång historia kort, den använder JavaScript "

# 38: Grunder och tips om design för iPhone - CSS-tricks

# 38: Grunder och tips om design för iPhone - CSS-tricks

Att utforma en webbsida som är optimerad för iPhone är inte raketvetenskap. Det är samma HTML, CSS och JavaScript som du redan känner till. Skillnaden"

# 30: Skapa och skicka HTML-e-post - CSS-tricks

# 30: Skapa och skicka HTML-e-post - CSS-tricks

Att designa HTML-e-post är långt ifrån vanlig webbdesign. Visst, de båda är HTML-element, men hela filosofin är annorlunda. I den här världen måste du "

# 36: Aktuell navmarkering: Använd PHP för att ställa in kropps-ID - CSS-tricks

# 36: Aktuell navmarkering: Använd PHP för att ställa in kropps-ID - CSS-tricks

Ett av de mer effektiva sätten att hantera nuvarande navigeringsmarkering är att ge var och en av dina navigeringsobjekt ett unikt klassnamn. Ge sedan varje sida "

# 37: Appar för status, vätska och menyfält - CSS-tricks

# 37: Appar för status, vätska och menyfält - CSS-tricks

Rättvis varning: den här skärmutsändningen är ganska Mac-specifik och jag vandrar på alla slags slumpmässiga icke-webbdesignrelaterade saker. Jag introducerar den nya webbappen "

# 35: Introduktion till jQuery 2 - CSS-tricks

# 35: Introduktion till jQuery 2 - CSS-tricks

Med början där vi slutade förra gången fortsätter vi att utforska möjligheterna med jQuery. Vi återgår till några av de gamla funktionerna och får dem att göra några "

# 33: Makeover för produktsida för e-handel - CSS-tricks

# 33: Makeover för produktsida för e-handel - CSS-tricks

Jag prenumererar på teorin att omformningar av webbsidor ska vara evolutionära och inte revolutionära. Att göra små förändringar, justeringar och uppgraderingar över tiden leder till "

# 32: Använda enheten PNG Fix - CSS-tricks

# 32: Använda enheten PNG Fix - CSS-tricks

Att designa med alfa-genomskinliga PNG-filer gör livet så mycket enklare och kallare design möjlig. Som vi alla är smärtsamt medvetna stöder inte IE 6 och under "

# 34: Integrering och anpassning av Google Maps - CSS-tricks

# 34: Integrering och anpassning av Google Maps - CSS-tricks

Google maps, med all dragning och zoomning och satellitvy och allt, är min karttjänst. Google erbjuder ett gratis API för sina kartor så "

# 31: Introduktion till Google Analytics - CSS-tricks

# 31: Introduktion till Google Analytics - CSS-tricks

Google Analytics är en gratis tjänst för att spåra all slags information om besökarna på din webbplats. Jag hade nyligen en konstig upplevelse med "

# 29: Google Sök efter din webbplats - CSS-tricks

# 29: Google Sök efter din webbplats - CSS-tricks

Att integrera sökning på en webbplats kan vara ett otroligt komplext ämne långt bortom min webbutvecklingsförmåga. Lyckligtvis erbjuder Google en tjänst som heter "

# 2: Konvertera en Photoshop Mockup (del 2 av 3) - CSS-tricks

# 2: Konvertera en Photoshop Mockup (del 2 av 3) - CSS-tricks

I del två av denna serie om konvertering av en Photoshop-modell till en HTML / CSS-webbplats fortsätter jag med sidhuvudets / menysektionen. Jag ändrar "

# 28: Använda Wufoo för webbformulär - CSS-tricks

# 28: Använda Wufoo för webbformulär - CSS-tricks

När som helst någon frågar mig om former, nämner jag alltid Wufoo. På jobbet och hemma använder jag nästan varje enskild form jag bara använder Wufoo. Det gör form "

# 201: Gör Booping - CSS-tricks

# 201: Gör Booping - CSS-tricks

Joshua Comeau folkmyntade termen "boop" (high five, Adam Kuhn). Dessa är ungefär som svävar / fokustillstånd, förutom att de inte är det. Dina grejer - "

# 26: Designa för Wordpress: Del två - CSS-tricks

# 26: Designa för Wordpress: Del två - CSS-tricks

Vi har WordPress installerat, nu ska vi verkligen göra våra händer smutsiga och börja få WordPress att göra vad vi vill att det ska göra. Vi börjar med att kikka runt "

# 27: Designa för Wordpress: Del tre - CSS-tricks

# 27: Designa för Wordpress: Del tre - CSS-tricks

I del tre av denna serie avslutar vi strukturen på webbplatsen och börjar dyka in i detaljerna. Typografin är inställd, höger sidofält är inställt "

# 202: Centrerade listmarkörer - CSS-tricks

# 202: Centrerade listmarkörer - CSS-tricks

Liksom så många saker CSS, det finns alla möjliga små saker att veta, till och med något så liten som att centrera en listmarkör. En läsare skrev in med en "

# 25: Designa för Wordpress: Del 1 - CSS-tricks

# 25: Designa för Wordpress: Del 1 - CSS-tricks

WordPress är ett oerhört populärt CMS för bloggning. Bloggavsnittet i CSS-Tricks körs på WordPress och jag är väldigt nöjd med det. På populär begäran är vi "

# 200: Bläddra till Zooma - CSS-tricks

# 200: Bläddra till Zooma - CSS-tricks

Rätt varning: du behöver inte detta varje dag! Jag tittade precis på ett snyggt litet SVG-skevningsverktyg som hade en funktion där min mus "