Screencasts video 2025, Ianuarie

# 48: Skinning phpBB - CSS-Tricks

# 48: Skinning phpBB - CSS-Tricks

Crearea unei teme complet personalizate pentru popularul software forum phpBB ar fi o treabă monstru. Din fericire, pentru a ne pune în funcțiune rapid, putem pur și simplu „

# 47: Stenografie CSS - CSS-Tricks

# 47: Stenografie CSS - CSS-Tricks

Există o mână de atribute CSS care pot fi combinate într-un singur atribut pentru scurtarea codificării. Susțin utilizarea stenograma CSS ori de câte ori "

# 190: Proprietățile personalizate CSS pătrund în Shadow DOM - CSS-Tricks

# 190: Proprietățile personalizate CSS pătrund în Shadow DOM - CSS-Tricks

Unul dintre punctele întregi ale Shadow DOM este că oferă încapsulare. Fără stiluri afară, fără stiluri. Dar există modalități „prin„ Shadow DOM și „

# 46: Domenii, DNS, Găzduire și Google Apps - CSS-Tricks

# 46: Domenii, DNS, Găzduire și Google Apps - CSS-Tricks

Gestionarea domeniilor, a găzduirii și a tuturor lucrurilor de configurare a serverului nu este de obicei cele mai confortabile lucruri pentru designerii de web. În acest screencast merg "

# 45: Utilizarea FoxyCart pentru eCommerce - CSS-Tricks

# 45: Utilizarea FoxyCart pentru eCommerce - CSS-Tricks

FoxyCart este noul meu sistem preferat de comerț electronic. Este extrem de ușor să începeți cu. Aveți control complet asupra designului asupra tuturor aspectelor sale (coș, "

# 42: Screencast All About Floats - CSS-Tricks

# 42: Screencast All About Floats - CSS-Tricks

Chiar mai mult decât indicele z (pe care l-am acoperit acum câteva săptămâni), proprietatea float este cunoscută ca provocând episoade de tragere a părului și de monitorizare. Se pare"

# 41: WordPress ca CMS - CSS-Tricks

# 41: WordPress ca CMS - CSS-Tricks

Odată am făcut un sondaj întrebându-i pe oameni care este CMS-ul lor preferat. WordPress a fost un câștigător, dar a primit și multe comentarii despre „WordPress nu este un CMS !!”.

# 43: Cum se utilizează Sprite CSS - CSS-Tricks

# 43: Cum se utilizează Sprite CSS - CSS-Tricks

CSS Sprites au fost un subiect fierbinte de mult timp. Faptul este că fiecare imagine dintr-o pagină web este o cerere separată a serverului și puteți face dramatic "

# 40: Cum funcționează indexul z - CSS-Tricks

# 40: Cum funcționează indexul z - CSS-Tricks

Indicele Z poate fi uneori puțin confuz. În acest screencast încerc să explic cum funcționează, cum este legat de poziționare, unele ciudățenii și unele "

# 44: Hodgepodge de WordPress Tricks - CSS-Tricks

# 44: Hodgepodge de WordPress Tricks - CSS-Tricks

Este săptămâna WordPress aici, la CSS-Tricks, așa că am vrut să fac un screencast cu temă WordPress și să acopăr o mulțime de mini-sfaturi care nu au ajuns în versiunea anterioară "

# 3: Conversia unui Mockup Photoshop (partea 3 din 3) - CSS-Tricks

# 3: Conversia unui Mockup Photoshop (partea 3 din 3) - CSS-Tricks

Finalizez designul în partea a treia a acestei serii cu privire la acoperirea unei machete a site-ului Adobe Photoshop într-un site web HTML / CSS real. Acesta se concentrează pe „

# 39: Cum se folosește sIFR 3 - CSS-Tricks

# 39: Cum se folosește sIFR 3 - CSS-Tricks

SIFR (Scalable Inman Flash Replacement) este o tehnologie care vă permite să utilizați orice font doriți pe paginile dvs. web. Poveste lungă, folosește JavaScript "

# 38: Noțiuni de bază și sfaturi privind proiectarea pentru iPhone - CSS-Tricks

# 38: Noțiuni de bază și sfaturi privind proiectarea pentru iPhone - CSS-Tricks

Proiectarea unei pagini web care este optimizată pentru iPhone nu este o știință rachetă. Este același HTML, CSS și JavaScript pe care le cunoașteți deja. Diferența"

# 30: Crearea și trimiterea de e-mail HTML - CSS-Tricks

# 30: Crearea și trimiterea de e-mail HTML - CSS-Tricks

Proiectarea e-mail-urilor HTML este departe de designul web obișnuit. Sigur, amândoi ne folosesc elemente HTML, dar întreaga filozofie este diferită. În această lume, trebuie să "

# 36: Evidențierea curentă a navigării: utilizarea PHP pentru a seta ID-ul corpului - CSS-Tricks

# 36: Evidențierea curentă a navigării: utilizarea PHP pentru a seta ID-ul corpului - CSS-Tricks

Una dintre modalitățile mai eficiente de a gestiona evidențierea curentă a navigării este de a da fiecăruia dintre articolele dvs. de navigare un nume unic de clasă. Apoi dați fiecare pagină "

# 37: Aplicații pentru bara de stare, fluid și meniu - CSS-Tricks

# 37: Aplicații pentru bara de stare, fluid și meniu - CSS-Tricks

Avertisment corect: acest screencast este destul de specific pentru Mac și mă interesez despre tot felul de lucruri aleatorii care nu sunt legate de designul web. Vă prezint noua aplicație web "

# 35: Introducere în jQuery 2 - CSS-Tricks

# 35: Introducere în jQuery 2 - CSS-Tricks

Începând de unde am rămas ultima dată, explorăm în continuare posibilitățile jQuery. Revizuim unele dintre funcțiile vechi și îi facem să facă unele ”

# 33: Transformare pagină produs eCommerce - CSS-Tricks

# 33: Transformare pagină produs eCommerce - CSS-Tricks

Mă abonez la teoria conform căreia reproiectarea paginilor web ar trebui să fie evolutivă, nu revoluționară. Efectuarea de mici modificări, modificări și actualizări în timp duce la „

# 32: Folosirea unității PNG Fix - CSS-Tricks

# 32: Folosirea unității PNG Fix - CSS-Tricks

Proiectarea folosind PNG-uri alfa-transparente face viața mult mai ușoară și mai rece. După cum suntem cu toții conștienți, IE 6 și sub nu acceptă "

# 34: Integrarea și personalizarea Google Maps - CSS-Tricks

# 34: Integrarea și personalizarea Google Maps - CSS-Tricks

Serviciul meu de cartografiere la alegere este Google Maps, cu toate funcțiile de glisare și mărire și vizualizarea prin satelit. Google oferă un API gratuit pentru hărțile lor, așa că "

# 31: Introducere în Google Analytics - CSS-Tricks

# 31: Introducere în Google Analytics - CSS-Tricks

Google Analytics este un serviciu gratuit pentru a urmări tot felul de informații despre vizitatorii site-ului dvs. web. Recent am avut o experiență ciudată cu „

# 29: Căutare Google pentru site-ul dvs. - CSS-Tricks

# 29: Căutare Google pentru site-ul dvs. - CSS-Tricks

Integrarea căutării pe un site web poate fi un subiect incredibil de complex, dincolo de abilitățile mele de dezvoltare web. Din fericire, Google oferă un serviciu numit „

# 2: Conversia unui Mockup Photoshop (partea 2 din 3) - CSS-Tricks

# 2: Conversia unui Mockup Photoshop (partea 2 din 3) - CSS-Tricks

În partea a doua a acestei serii despre conversia unei machete Photoshop într-un site HTML / CSS, continui cu secțiunea antet / meniu a site-ului. Schimb „

# 28: Utilizarea Wufoo pentru formulare Web - CSS-Tricks

# 28: Utilizarea Wufoo pentru formulare Web - CSS-Tricks

De fiecare dată când cineva mă întreabă despre formulare, îl menționez întotdeauna pe Wufoo. La locul de muncă și acasă, aproape fiecare formă pe care o creez, o folosesc doar pe Wufoo. Face formă "

# 201: Făcând Booping - CSS-Tricks

# 201: Făcând Booping - CSS-Tricks

Joshua Comeau a inventat termenul „boop” (vârful cinci, Adam Kuhn). Acestea sunt un fel ca stările de deplasare / focalizare, cu excepția faptului că nu sunt. Chestiile tale - "

# 26: Proiectare pentru Wordpress: Partea a doua - CSS-Tricks

# 26: Proiectare pentru Wordpress: Partea a doua - CSS-Tricks

Avem instalat WordPress, acum să ne murdărim cu adevărat mâinile și să începem să facem ca WordPress să facă ceea ce vrem să facă. Începem prin a ne arunca în jurul "

# 27: Proiectare pentru Wordpress: partea a treia - CSS-Tricks

# 27: Proiectare pentru Wordpress: partea a treia - CSS-Tricks

În partea a treia a acestei serii, terminăm structura site-ului și începem să ne scufundăm în detalii. Tipografia este configurată, bara laterală dreaptă este setată "

# 202: Marcatori de listă centrată - CSS-Tricks

# 202: Marcatori de listă centrată - CSS-Tricks

La fel de multe lucruri CSS, există tot felul de lucruri mici de știut, chiar și ceva atât de minuscul ca centrarea unui marker de listă. Un cititor a scris cu un „

# 25: Proiectare pentru Wordpress: Prima parte - CSS-Tricks

# 25: Proiectare pentru Wordpress: Prima parte - CSS-Tricks

WordPress este un CMS extrem de popular pentru blogging. Secțiunea de blog a CSS-Tricks este rulată pe WordPress și sunt foarte mulțumit de ea. La cererea populară, suntem „

# 200: Derulați la Zoom - CSS-Tricks

# 200: Derulați la Zoom - CSS-Tricks

Avertisment corect: nu veți avea nevoie de asta în fiecare zi! Tocmai din întâmplare mă uitam la un mic instrument de deformare SVG, care avea o caracteristică în care mouse-ul meu "