Screencasts video 2025, Ianuarie

# 75: Cum să nu proiectezi o plată - CSS-Tricks

# 75: Cum să nu proiectezi o plată - CSS-Tricks

Va trebui să mă iertați aici, oameni buni, nu este un scenariu de televiziune foarte constructiv. Am fost frustrat de procesul de finalizare a unui produs software I "

# 73: Construirea unui site web (3 din 3): Tema WordPress - CSS-Tricks

# 73: Construirea unui site web (3 din 3): Tema WordPress - CSS-Tricks

În partea 3 a acestei serii, luăm HTML și CSS pe care le-am creat deja pentru acest design și le convertim într-o temă WordPress. Începem cu un „

# 74: Galerie de imagini CSS3 editabilă - CSS-Tricks

# 74: Galerie de imagini CSS3 editabilă - CSS-Tricks

Construim un model destul de tipic de proiectare a galeriei de imagini, o grilă de imagini care apar mai mare atunci când sunt făcute clic. Dar această pagină a galeriei de imagini folosește hot "

# 71: Construirea unui site web (1 din 3): Photoshop Mockup - CSS-Tricks

# 71: Construirea unui site web (1 din 3): Photoshop Mockup - CSS-Tricks

Acesta este începutul unei serii în trei părți despre construirea unui site web. Acesta va fi un adevărat site web pentru un muzician prieten de-al meu, care este site-ul pe care se întâmplă să îl ruinez "

# 69: Primele zece minute cu TypeKit - CSS-Tricks

# 69: Primele zece minute cu TypeKit - CSS-Tricks

Am primit invitația de la TypeKit, m-am înscris și am avut fonturi personalizate frumoase care mi-au legănat pagina în doar câteva minute. Vă voi arăta întregul proces de la „

# 70: Random Pet Peeves - CSS-Tricks

# 70: Random Pet Peeves - CSS-Tricks

Trec la întâmplare prin niște mici supărări și probleme pe care le am cu orice, de la OS X la Photoshop, la WordPress și CSS. M-am gândit la încă vreo 5 "

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

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

Acest videoclip demonstrează tehnica văzută pe site-ul Think Geek 3.0. Partea de jos a site-ului are un design de o grămadă de roboți și pe măsură ce ecranul este "

# 6: Instrumente comerciale - CSS-Tricks

# 6: Instrumente comerciale - CSS-Tricks

Înainte de a ajunge prea departe în aceste screencast-uri, m-am gândit să vă introduc puțin în mediul meu de lucru și să vă explic instrumentele pe care le folosesc. "

# 67: jQuery Partea 3 - Plugin pentru titlul imaginii - CSS-Tricks

# 67: jQuery Partea 3 - Plugin pentru titlul imaginii - CSS-Tricks

Acest videoclip se concentrează pe luarea unei idei și coduri deja existente și transformarea acestuia într-un plugin jQuery. În acest caz, ajută la păstrarea codului nostru la fel de semantic ca el "

# 191: Învață făcând: CUBE CSS - CSS-Tricks

# 191: Învață făcând: CUBE CSS - CSS-Tricks

Andy Bell mi se alătură pentru a vorbi prin metodologia sa CSS pe care o numește CUBE CSS. Aceasta este compoziția, utilitatea, blocul și excepția. CUBE CSS este o metodologie CSS "

# 64: Construirea unei galerii foto - CSS-Tricks

# 64: Construirea unei galerii foto - CSS-Tricks

Această galerie foto se va construi automat dintr-un director de imagini, inclusiv subdirectoare și imaginile din interiorul acestora. Imaginile se deschid într-un frumos "

# 65: Utilizări avansate pentru câmpuri personalizate în WordPress - CSS-Tricks

# 65: Utilizări avansate pentru câmpuri personalizate în WordPress - CSS-Tricks

Mai mult decât orice altă caracteristică unică, ceea ce face din WordPress un CMS (spre deosebire de doar o platformă de blogging) sunt câmpurile personalizate. Câmpurile personalizate sunt bucăți de date "

# 66: Stil de masă 2, antet fix și evidențiere - CSS-Tricks

# 66: Stil de masă 2, antet fix și evidențiere - CSS-Tricks

Doar câteva trucuri rapide, de la zero, pe tabele de codificare. Folosim etichetele semantice adecvate pentru un antet de masă și apoi îl setăm într-o poziție fixă ​​"

# 58: HTML și CSS - NOI de bază - CSS-Tricks

# 58: HTML și CSS - NOI de bază - CSS-Tricks

Acest videoclip este FOARTE elementele de bază ale ceea ce este HTML și CSS, pentru începători absolut. Fișierele HTML și CSS sunt, literalmente, doar fișiere text. Nu ai nevoie "

# 63: La Screencasting - CSS-Tricks

# 63: La Screencasting - CSS-Tricks

Aceasta este oarecum o privire din culise a modului în care creez și distribu screencast. Trec peste hardware-ul și software-ul pe care le folosesc, cum devine "

# 62: Styling și funcționalitate avansată a formularelor - CSS-Tricks

# 62: Styling și funcționalitate avansată a formularelor - CSS-Tricks

Acest screencast parcurge codul care alimentează un formular web destul de avansat. Folosește jQuery pentru a ascunde și afișa intrările după cum este necesar, precum și pentru a alimenta trei "

# 60: AJAX Reîmprospătare conținut RSS - CSS-Tricks

# 60: AJAX Reîmprospătare conținut RSS - CSS-Tricks

În videoclipul nr. 55, rezultatul final a fost FeedSmusher, care a introdus conținut din fluxuri RSS externe pe o pagină proprie. În acest ecran, vom începe „

# 61: Stil de bază de masă cu CSS - CSS-Tricks

# 61: Stil de bază de masă cu CSS - CSS-Tricks

Mesele sunt grozave. Sunt perfect potrivite pentru utilizare pe web. Adică pentru afișarea datelor tabulare! În acest screencast vom acoperi ceea ce este de fapt "

# 59: Încorporarea audio - CSS-Tricks

# 59: Încorporarea audio - CSS-Tricks

Punerea unei imagini pe o pagină web este ușor, fișiere audio, nu atât. HTML5 îl va ușura pe cât ar trebui, dar până atunci trebuie să recurgem la altele "

# 5: Coloane cu înălțime egală: Layout super simplu cu două coloane - CSS-Tricks

# 5: Coloane cu înălțime egală: Layout super simplu cu două coloane - CSS-Tricks

Forțarea mai multor coloane să aibă aceeași înălțime este unul dintre acele lucruri dificile în designul web. În acest ecran, vă voi arăta un mic truc în jurul său. "

# 57: Utilizarea CSS3 - CSS-Tricks

# 57: Utilizarea CSS3 - CSS-Tricks

Cel mai recent val de browsere web are suport destul de decent pentru o varietate de lucruri CSS3. În special Safari 4 și Firefox 3.1. Screencastul acesta acoperă multe "

# 56: Integrarea FoxyCart și WordPress - CSS-Tricks

# 56: Integrarea FoxyCart și WordPress - CSS-Tricks

FoxyCart este un sistem de e-commerce foarte adaptabil. Produsele sunt construite din mers, ca parte a butoanelor de adăugare la coș, care sunt doar simple HTML. Aceasta înseamnă că tu "

# 55: Adăugarea de conținut RSS cu SimplePie - CSS-Tricks

# 55: Adăugarea de conținut RSS cu SimplePie - CSS-Tricks

Partea „Really Simple” din RSS este uneori înșelătoare. Ce se întâmplă dacă doriți să extrageți conținut dintr-un flux RSS și să-l afișați pe site-ul dvs.? Făcând asta din „

# 54: Introducere în FLIR - CSS-Tricks

# 54: Introducere în FLIR - CSS-Tricks

FLIR (Face Lift Image Replacement) se facturează ca o „alternativă la sIFR”. Cu siguranță se află în aceeași categorie. sIFR are unele funcționalități suplimentare, "

# 52: Construirea unei foi de stil de imprimare - CSS-Tricks

# 52: Construirea unei foi de stil de imprimare - CSS-Tricks

Tehnica mea pentru construirea foilor de stil de imprimare merge așa. 1) Începeți de la zero 2) Lăsați cele mai multe valori implicite în pace 2) Eliminați fiecare lucru de pe pagina pe care o aveți "

# 53: Personalizarea formularelor, butoanelor și antetelor PayPal - CSS-Tricks

# 53: Personalizarea formularelor, butoanelor și antetelor PayPal - CSS-Tricks

PayPal, să-l iubești sau să-l urăști, este cel mai simplu mod de a trimite și primi bani online. În acest screencast trecem prin modul de creare a unui buton Cumpărați acum, care utilizează un „

# 4: Forțarea barelor de derulare: eliminarea „Salturilor orizontale” - CSS-Tricks

# 4: Forțarea barelor de derulare: eliminarea „Salturilor orizontale” - CSS-Tricks

În acest screencast vorbesc despre cum să forțați barele de defilare verticale pe site-uri web. Fără a face acest lucru, paginile cu conținut centrat pot apărea să „sară” la „

# 50: Construirea unui formular de comandă personalizat și dinamic - CSS-Tricks

# 50: Construirea unui formular de comandă personalizat și dinamic - CSS-Tricks

Clienții din viața reală au nevoi reale pentru site-urile lor web. Nu le pasă de fluxurile dvs. RSS și AJAX, ci doar doresc ca site-ul lor să facă ce ”

# 51: O lecție învățată în accesibilitate - CSS-Tricks

# 51: O lecție învățată în accesibilitate - CSS-Tricks

Chiar și atunci când proiectăm cu cele mai bune intenții pentru accesibilitate, este nevoie adesea de cineva care folosește cu adevărat software-ul de accesibilitate pentru a testa site-ul și pentru a ajuta "

# 49: Hodgepodge of Photoshop Tricks - CSS-Tricks

# 49: Hodgepodge of Photoshop Tricks - CSS-Tricks

Photoshop este instrumentul meu preferat în proiectarea pentru web. Îl asemăn cu alegerea chitarei ca instrument de jucat. O chitară sună grozav singură și acolo "