Video Screencasts 2025, April

# 75: Hvordan ikke lage en kasse - CSS-triks

# 75: Hvordan ikke lage en kasse - CSS-triks

Du må tilgi meg her folkens, dette er ikke en veldig konstruktiv screencast. Jeg var frustrert over den kutte kasseprosessen for et programvareprodukt jeg "

# 73: Bygg et nettsted (3 av 3): WordPress-tema - CSS-triks

# 73: Bygg et nettsted (3 av 3): WordPress-tema - CSS-triks

I del 3 av denne serien tar vi HTML og CSS som vi allerede har laget for dette designet, og konverterer det til et WordPress-tema. Vi starter med en "

# 74: Redigerbart CSS3-bildegalleri - CSS-triks

# 74: Redigerbart CSS3-bildegalleri - CSS-triks

Vi bygger et ganske typisk bildegalleri designmønster, et rutenett med bilder som dukker opp større når du klikker. Men denne bildegallerisiden bruker hot "

# 71: Bygg et nettsted (1 av 3): Photoshop Mockup - CSS-triks

# 71: Bygg et nettsted (1 av 3): Photoshop Mockup - CSS-triks

Dette er starten på en tredelt serie om å bygge et nettsted. Dette vil være et ekte nettsted for en musikervenn av meg, som er nettstedet jeg tilfeldigvis ødelegger "

# 69: De første ti minuttene med TypeKit - CSS-triks

# 69: De første ti minuttene med TypeKit - CSS-triks

Jeg fikk invitasjonen fra TypeKit, registrerte meg og hadde vakre tilpassede skrifttyper som vugget siden min på bare noen få minutter. Jeg viser deg hele prosessen fra "

# 70: Tilfeldig kjæledyr Peeves - CSS-triks

# 70: Tilfeldig kjæledyr Peeves - CSS-triks

Jeg går bare tilfeldig gjennom noen små irritasjoner og grep jeg har med alt fra OS X til Photoshop til WordPress til CSS. Jeg tenkte på ca 5 til "

# 68: Think Geek Background Fade Technique - CSS-triks

# 68: Think Geek Background Fade Technique - CSS-triks

Denne videoen demonstrerer teknikken som er sett på Think Geek 3.0-nettstedet. Bunnen av siden har et design av en haug med roboter og som skjermen er "

# 6: Verktøy for handel - CSS-triks

# 6: Verktøy for handel - CSS-triks

Før jeg kommer for langt i disse skjermsendingene, tenkte jeg at jeg ville introdusere deg litt for arbeidsmiljøet mitt og forklare verktøyene jeg bruker. "

# 67: jQuery del 3 - Plugin for bildetittel - CSS-triks

# 67: jQuery del 3 - Plugin for bildetittel - CSS-triks

Denne videoen fokuserer på å ta en allerede eksisterende idé og kode og gjøre den om til et jQuery-plugin. I dette tilfellet hjelper det å holde koden vår like semantisk som den "

# 191: Lær ved å gjøre: CUBE CSS - CSS-triks

# 191: Lær ved å gjøre: CUBE CSS - CSS-triks

Andy Bell blir med meg for å snakke gjennom sin CSS-metodikk han kaller CUBE CSS. Det er sammensetning, verktøy, blokkering og unntak. CUBE CSS er en CSS-metodikk "

# 64: Bygg et fotogalleri - CSS-triks

# 64: Bygg et fotogalleri - CSS-triks

Dette bildegalleriet bygger seg automatisk fra en katalog med bilder, inkludert underkataloger og bildene i dem. Bilder åpnes i en fin "

# 65: Avanserte bruksområder for egendefinerte felt i WordPress - CSS-triks

# 65: Avanserte bruksområder for egendefinerte felt i WordPress - CSS-triks

Mer enn noen annen enkelt funksjon, det som gjør WordPress til et CMS (i motsetning til bare en bloggplattform) er egendefinerte felt. Egendefinerte felt er biter av data "

# 66: Table Styling 2, Fixed Header and Highlighting - CSS-triks

# 66: Table Styling 2, Fixed Header and Highlighting - CSS-triks

Bare et par raske triks, fra bunnen av, på koding av bord. Vi bruker de riktige semantiske kodene for en tabelloverskrift og setter den deretter til en fast posisjon "

# 58: HTML & CSS - DE VELDIGE GRUNNLAGENE CSS-triks

# 58: HTML & CSS - DE VELDIGE GRUNNLAGENE CSS-triks

Denne videoen er VELDIG grunnleggende om hva HTML og CSS er, for den absolutte nybegynneren. HTML- og CSS-filer er bokstavelig talt bare tekstfiler. Du trenger ikke "

# 63: On Screencasting - CSS-triks

# 63: On Screencasting - CSS-triks

Dette er litt av et bak kulissene se på hvordan jeg lager og distribuerer screencast. Jeg går gjennom maskinvaren og programvaren jeg bruker, hvordan det blir "

# 62: Avansert formstyling og funksjonalitet CSS-triks

# 62: Avansert formstyling og funksjonalitet CSS-triks

Denne screencast går gjennom koden som driver et ganske avansert webskjema. Den bruker jQuery til å skjule og vise innganger etter behov, samt strøm tre "

# 60: AJAX Oppfriskende RSS-innhold - CSS-triks

# 60: AJAX Oppfriskende RSS-innhold - CSS-triks

I video nr. 55 ble sluttresultatet FeedSmusher, som satte inn innhold fra eksterne RSS-feeder på en egen side. I denne skjermsendingen starter vi "

# 61: Grunnleggende bordstyling med CSS - CSS-triks

# 61: Grunnleggende bordstyling med CSS - CSS-triks

Bordene er flotte. De passer perfekt til bruk på nettet. Det vil si for visning av tabelldata! I denne skjermsendingen dekker vi hva det egentlig "

# 59: Legge inn lyd - CSS-triks

# 59: Legge inn lyd - CSS-triks

Å sette et bilde på en webside er enkelt, lydfiler, ikke så mye. HTML5 vil gjøre det så enkelt som det burde være, men inntil da må vi ty til andre "

# 5: Kolonner med lik høyde: Super Simple Two Column Layout - CSS-triks

# 5: Kolonner med lik høyde: Super Simple Two Column Layout - CSS-triks

Å tvinge flere kolonner til å være like høye er en av de vanskelige tingene i webdesign. I denne skjermsendingen vil jeg vise deg et lite triks rundt det. "

# 57: Bruke CSS3 - CSS-triks

# 57: Bruke CSS3 - CSS-triks

Den siste bølgen av nettlesere har ganske anstendig støtte for en rekke CSS3-ting. Spesielt Safari 4 og Firefox 3.1. Denne skjermsendingen dekker mange "

# 56: Integrering av FoxyCart og WordPress - CSS-triks

# 56: Integrering av FoxyCart og WordPress - CSS-triks

FoxyCart er et veldig tilpasningsdyktig e-handelssystem. Produktene er bygget på farten som en del av knapper som bare er enkle HTML. Dette betyr at du "

# 55: Legge til RSS-innhold med SimplePie - CSS-triks

# 55: Legge til RSS-innhold med SimplePie - CSS-triks

Den "virkelig enkle" delen av RSS er noen ganger misvisende. Hva om du vil hente inn innhold fra en RSS-feed og vise det på nettstedet ditt? Gjør det fra "

# 54: Introduksjon til FLIR - CSS-triks

# 54: Introduksjon til FLIR - CSS-triks

FLIR (Face Lift Image Replacement) regner seg som et "alternativ til sIFR". De er definitivt i samme kategori. sIFR har litt ekstra funksjonalitet, "

# 52: Bygg et utskriftstypeark - CSS-triks

# 52: Bygg et utskriftstypeark - CSS-triks

Min teknikk for å lage trykte stilark går slik. 1) Start fra bunnen av 2) La de fleste standarder være i fred 2) Fjern alle ting på siden du "

# 53: Tilpasse PayPal-skjemaer, knapper og overskrifter - CSS-triks

# 53: Tilpasse PayPal-skjemaer, knapper og overskrifter - CSS-triks

PayPal, elsker det eller hater det, er den enkleste måten å sende og motta penger online. I denne skjermsendingen går vi gjennom hvordan du lager en Kjøp nå-knapp, som bruker en "

# 4: Tvinge rullefelt: eliminere "Horisontale hopp" - CSS-triks

# 4: Tvinge rullefelt: eliminere "Horisontale hopp" - CSS-triks

I denne screencasten snakker jeg om hvordan man kan tvinge vertikale rullefelt til nettsteder. Uten å gjøre dette kan sider med sentrert innhold se ut til å "hoppe" til "

# 50: Bygg et tilpasset og dynamisk bestillingsskjema - CSS-triks

# 50: Bygg et tilpasset og dynamisk bestillingsskjema - CSS-triks

Virkelige kunder har virkelige behov for sine nettsteder. De bryr seg ikke om dine fancy RSS-feeds og AJAX, de vil bare at nettstedet deres skal gjøre det "

# 51: En leksjon lært i tilgjengelighet - CSS-triks

# 51: En leksjon lært i tilgjengelighet - CSS-triks

Selv når vi designer med de beste intensjonene våre mot tilgjengelighet, tar det ofte noen som virkelig bruker tilgjengelighetsprogramvare for å teste nettstedet og hjelpe "

# 49: Hodgepodge of Photoshop Tricks - CSS-triks

# 49: Hodgepodge of Photoshop Tricks - CSS-triks

Photoshop er mitt valgte verktøy for design for nettet. Jeg sammenligner det med å velge gitar som et instrument å spille. En gitar høres bra ut alene og der "