Video Screencasts 2025, April

# 48: Skinning phpBB - CSS-triks

# 48: Skinning phpBB - CSS-triks

Å lage et helt tilpasset tema for den populære fora-programvaren phpBB ville være en monsterjobb. Heldigvis, for å komme i gang raskt, kan vi ganske enkelt "

# 47: CSS Shorthand - CSS-triks

# 47: CSS Shorthand - CSS-triks

Det er en håndfull CSS-attributter som kan kombineres til et enkelt attributt for koding av korthet. Jeg støtter bruken av CSS-stenografi når som helst "

# 190: Egendefinerte CSS-egenskaper penetrerer skyggen DOM - CSS-triks

# 190: Egendefinerte CSS-egenskaper penetrerer skyggen DOM - CSS-triks

Et av poengene med Shadow DOM er at den gir innkapsling. Ingen stiler ute, ingen stiler i. Men det er måter "gjennom" Shadow DOM, og "

# 46: Domener, DNS, Hosting og Google Apps - CSS-triks

# 46: Domener, DNS, Hosting og Google Apps - CSS-triks

Å håndtere domener og hosting og alle serveroppsett ting er vanligvis ikke de mest komfortable tingene for webdesignere. I denne skjermsendingen går jeg "

# 45: Bruke FoxyCart for e-handel - CSS-triks

# 45: Bruke FoxyCart for e-handel - CSS-triks

FoxyCart er mitt nye favoritt e-handelssystem. Det er ekstremt enkelt å komme i gang med. Du har full designkontroll over alle aspekter av den (vogn, "

# 42: Alt om Floats Screencast - CSS-triks

# 42: Alt om Floats Screencast - CSS-triks

Enda mer så enn z-indeksen (som vi dekket for noen uker siden), er det kjent at flyteegenskapen forårsaker episoder med hårtrekking og skjermstansing. Det virker "

# 41: WordPress som CMS - CSS-triks

# 41: WordPress som CMS - CSS-triks

Vi gjorde en gang en avstemning der vi spurte folk hva deres favoritt CMS var. WordPress var en run-away-vinner, men fikk også mange kommentarer til "WordPress is not a CMS !!". "

# 43: Hvordan bruke CSS Sprites - CSS-triks

# 43: Hvordan bruke CSS Sprites - CSS-triks

CSS Sprites har vært et hett tema i lang tid nå. Faktum er at hvert bilde på en webside er en egen serverforespørsel, og du kan dramatisk "

# 40: Hvordan fungerer z-index - CSS-triks

# 40: Hvordan fungerer z-index - CSS-triks

Z-indeks kan noen ganger være litt forvirrende. I denne skjermsendingen prøver jeg å forklare hvordan det fungerer, hvordan det er knyttet til posisjonering, noen særegenheter og noen "

# 44: Hodgepodge of WordPress Tricks - CSS-triks

# 44: Hodgepodge of WordPress Tricks - CSS-triks

Det er WordPress-uke her på CSS-Tricks, så jeg ville så en WordPress-tema screencast og dekke mange mini-tips som ikke har gjort det til forrige "

# 3: Konvertere en Photoshop Mockup (del 3 av 3) - CSS-triks

# 3: Konvertere en Photoshop Mockup (del 3 av 3) - CSS-triks

Jeg avslutter designet i del tre av denne serien om å skjule et Adobe Photoshop-nettstedsmockup til et faktisk HTML / CSS-nettsted. Denne fokuserer på "

# 39: Hvordan bruke sIFR 3 - CSS-triks

# 39: Hvordan bruke sIFR 3 - CSS-triks

SIFR (Scalable Inman Flash Replacement) er en teknologi som lar deg bruke hvilken som helst skrift du ønsker på websidene dine. Lang historie kort, den bruker JavaScript "

# 38: Grunnleggende tips om design for iPhone - CSS-triks

# 38: Grunnleggende tips om design for iPhone - CSS-triks

Å designe en webside som er optimalisert for iPhone er ikke rakettvitenskap. Det er den samme HTML, CSS og JavaScript som du allerede kjenner. Forskjellen"

# 30: Opprette og sende HTML-e-post - CSS-triks

# 30: Opprette og sende HTML-e-post - CSS-triks

Å designe HTML-e-post er langt fra vanlig webdesign. Visst, de begge er HTML-elementer, men hele filosofien er annerledes. I denne verden, må du "

# 36: Nåværende Nav Highlighting: Bruk PHP til å stille inn kropps-ID - CSS-triks

# 36: Nåværende Nav Highlighting: Bruk PHP til å stille inn kropps-ID - CSS-triks

En av de mer effektive måtene å håndtere nåværende navigasjonsutheving på er å gi hvert av navigasjonselementene et unikt klassenavn. Gi deretter hver side "

# 37: Apper for status, væske og menylinjer - CSS-triks

# 37: Apper for status, væske og menylinjer - CSS-triks

Rettferdig advarsel: denne screencast er ganske Mac-spesifikk, og jeg vandrer på alle slags tilfeldige ting som ikke er webdesign. Jeg introduserer den nye nettappen "

# 35: Introduksjon til jQuery 2 - CSS-triks

# 35: Introduksjon til jQuery 2 - CSS-triks

Fra der vi slapp sist, fortsetter vi å utforske mulighetene for jQuery. Vi besøker noen av de gamle funksjonene og får dem til å gjøre noen "

# 33: Makeover for e-handel-produktside - CSS-triks

# 33: Makeover for e-handel-produktside - CSS-triks

Jeg abonnerer på teorien om at redesign av websider skal være evolusjonære, ikke revolusjonerende. Å gjøre små endringer, justeringer og oppgraderinger over tid fører til "

# 32: Bruke enheten PNG Fix - CSS-triks

# 32: Bruke enheten PNG Fix - CSS-triks

Å designe med alfa-gjennomsiktige PNG-er gjør livet så mye enklere og kjøligere design mulig. Som vi alle er smertelig klar over, støtter IE 6 og under ikke "

# 34: Integrering og tilpassing av Google Maps - CSS-triks

# 34: Integrering og tilpassing av Google Maps - CSS-triks

Google maps, med all dra og zooming og satellittvisning og alt, er min valgte karttjeneste. Google tilbyr et gratis API for kartene sine så "

# 31: Introduksjon til Google Analytics - CSS-triks

# 31: Introduksjon til Google Analytics - CSS-triks

Google Analytics er en gratis tjeneste for å spore all slags informasjon om de besøkende på nettstedet ditt. Jeg hadde nylig en rar opplevelse med "

# 29: Google Søk etter nettstedet ditt CSS-triks

# 29: Google Søk etter nettstedet ditt CSS-triks

Å integrere søk på et nettsted kan være et utrolig komplekst emne langt utover mine ferdigheter innen webutvikling. Heldigvis tilbyr Google en tjeneste som heter "

# 2: Konvertere en Photoshop Mockup (del 2 av 3) - CSS-triks

# 2: Konvertere en Photoshop Mockup (del 2 av 3) - CSS-triks

I del to av denne serien om konvertering av en Photoshop-modell til et HTML / CSS-nettsted fortsetter jeg med overskriften / menyseksjonen på nettstedet. Jeg endrer "

# 28: Bruke Wufoo for webskjemaer - CSS-triks

# 28: Bruke Wufoo for webskjemaer - CSS-triks

Når som helst noen spør meg om skjemaer, nevner jeg alltid Wufoo. På jobb og hjemme bruker jeg nesten Wufoo nesten hver eneste form jeg lager. Det gjør form "

# 201: Å gjøre Booping - CSS-triks

# 201: Å gjøre Booping - CSS-triks

Joshua Comeau publikumsmynte begrepet "boop" (high five, Adam Kuhn). Disse er liksom svev / fokus-stater, bortsett fra at de ikke er det. Dine ting - "

# 26: Design for Wordpress: Del to - CSS-triks

# 26: Design for Wordpress: Del to - CSS-triks

Vi har WordPress installert, la oss virkelig skitne hendene våre og begynne å få WordPress til å gjøre det vi vil at den skal gjøre. Vi starter med å stikke rundt "

# 27: Design for Wordpress: Del tre - CSS-triks

# 27: Design for Wordpress: Del tre - CSS-triks

I del tre av denne serien avslutter vi strukturen på nettstedet og begynner å dykke ned i detaljene. Typografien er satt opp, høyre sidefelt er satt "

# 202: Sentrerte listemarkører - CSS-triks

# 202: Sentrerte listemarkører - CSS-triks

Som så mange ting CSS, er det alle slags små ting å vite, til og med noe så lite som å sentrere en listemarkør. En leser skrev inn med en "

# 25: Design for Wordpress: Del 1 - CSS-triks

# 25: Design for Wordpress: Del 1 - CSS-triks

WordPress er et veldig populært CMS for blogging. Bloggseksjonen av CSS-Tricks kjøres på WordPress, og jeg er veldig fornøyd med det. Etter populær forespørsel er vi "

# 200: Bla til Zoom - CSS-triks

# 200: Bla til Zoom - CSS-triks

Rimelig advarsel: du trenger ikke dette hver dag! Jeg så tilfeldigvis på et pent, lite SVG-vridningsverktøy som hadde en funksjon der musen min "