Screencasts video 2025, Ianuarie

# 24: Colțuri rotunjite - CSS-Tricks

# 24: Colțuri rotunjite - CSS-Tricks

Iată cinci tehnici diferite pe care le puteți utiliza pentru a crea colțuri rotunjite pentru casetele de pe un site web. Există întotdeauna diferite moduri de a face lucrurile cu CSS și „

# 23: Foi de stil condiționate - CSS-Tricks

# 23: Foi de stil condiționate - CSS-Tricks

Internet Explorer oferă o modalitate de a viza informațiile de stil CSS special pentru diferitele sale versiuni. Aceste „foi de stil condiționate” sunt cele mai bune ”

# 22: Tăierea căilor de tăiere - CSS-Tricks

# 22: Tăierea căilor de tăiere - CSS-Tricks

Ne-am întors în Photoshop săptămâna aceasta pentru că am vrut să vorbesc puțin despre o abilitate foarte specifică pe care cred că este importantă pentru toți designerii. Acesta este"

# 20: Introducere în jQuery - CSS-Tricks

# 20: Introducere în jQuery - CSS-Tricks

Biblioteca populară JavaScript jQuery este o modalitate uimitoare de a extinde posibilitățile de proiectare ale site-ului dvs. dincolo de ceea ce poate face CSS. Dar din fericire, dacă ești "

# 21: Prezentare generală a formularului de contact - CSS-Tricks

# 21: Prezentare generală a formularului de contact - CSS-Tricks

În anumite privințe, formularul de contact este „Bună ziua, lume!” aplicație de designeri web și dezvoltatori web. Nu este nimic care nu a fost făcut înainte de un "

# 199: Încurcarea cu JSX - CSS-Tricks

# 199: Încurcarea cu JSX - CSS-Tricks

Probabil că ar fi trebuit să învăț asta demult, dar, vai, iată-ne. Se pare că puteți spune ce funcție doriți să utilizeze JSX. Da, JSX chiar are „

# 194: Integrarea socială a Jetpack - CSS-Tricks

# 194: Integrarea socială a Jetpack - CSS-Tricks

Jetpack vă poate ajuta să automatizați rețelele sociale ale site-ului dvs. Este o caracteristică destul de mică în comparație cu toate lucrurile uriașe pe care Jetpack le poate face, cum ar fi îmbunătățirea site-ului dvs. "

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

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

În acest prim podcast video, încep procesul de conversie a unei machete Adobe Photoshop a unui site web, într-un site web real bazat pe CSS. Aceasta este"

# 180: Tinkering cu video pe mobil - CSS-Tricks

# 180: Tinkering cu video pe mobil - CSS-Tricks

Avertisment corect: nu sunt expert în aceste chestiuni, mă joc doar cu videoclipuri pe web și abordez unele probleme pe care le am atunci când prezint videoclipuri în „

# 196: Learning Grid & Flexbox cu Kyle Simpson - CSS-Tricks

# 196: Learning Grid & Flexbox cu Kyle Simpson - CSS-Tricks

Kyle este un tip JavaScript. Știe multe despre web și multe despre CSS, dar nu este la fel de actualizat în ceea ce privește instrumentele moderne de aspect CSS, cum ar fi flexbox și „

# 197: O privire asupra Stackbit și Stackbit Studio - CSS-Tricks

# 197: O privire asupra Stackbit și Stackbit Studio - CSS-Tricks

Aplicația Stackbit vă ajută să eliminați foarte repede un nou site Jamstack. Alegeți o temă, un generator de site static și un CMS și vă va oferi o repo pentru dvs. "

# 198: Despre proprietatea poziției - CSS-Tricks

# 198: Despre proprietatea poziției - CSS-Tricks

Static: ruda implicită: vă permite să vă deplasați cu sus / dreapta / jos / stânga, ceea ce face ca indexul z să funcționeze, vă oferă un context de poziționare absolut: "

# 19: Proiectarea unei pagini unice pentru actualizări Twitter - CSS-Tricks

# 19: Proiectarea unei pagini unice pentru actualizări Twitter - CSS-Tricks

Săptămâna aceasta vă duc prin crearea unei pagini web simple pentru a afișa recentele „Tweets” de pe Twitter de la început până la sfârșit. Aceasta acoperă designul în „

# 178: Percy surprinde modificări vizuale în orice flux de lucru - CSS-Tricks

# 178: Percy surprinde modificări vizuale în orice flux de lucru - CSS-Tricks

Am vrut să mă asigur că înțelegeți exact ce poate face Percy pentru dvs., de unde și titlul. Când comiteți o modificare a site-urilor dvs. Git repo, ca într-un „

# 195: Cum se trasează o linie cu CSS - CSS-Tricks

# 195: Cum se trasează o linie cu CSS - CSS-Tricks

Prost simplu, nu? Este! Dar este distractiv să ne gândim câteva minute și să numărăm o grămadă de moduri diferite în care am putea face acest lucru. Și ce vreau să spun prin „

# 193: Scully: SSG pentru Angular - CSS-Tricks

# 193: Scully: SSG pentru Angular - CSS-Tricks

Tara Z. Manicsic mi s-a alăturat pentru acest videoclip, configurând elementele de bază ale Scully, care este un generator de site static pentru Angular - nu, SSG pentru „

# 192: Trucuri Git pentru a te scăpa de probleme - CSS-Tricks

# 192: Trucuri Git pentru a te scăpa de probleme - CSS-Tricks

Pe cât de uimitor este Git pentru gestionarea codului dvs. sursă, puteți avea anumite git (lol) în probleme. Ce se întâmplă dacă modificați un fișier și doriți să "

# 169: Cum să gândești ca un dezvoltator frontal - CSS-Tricks

# 169: Cum să gândești ca un dezvoltator frontal - CSS-Tricks

Acesta este un videoclip din discuția mea la WordCamp SUA. Să aruncăm o privire asupra a ceea ce a devenit dezvoltarea front-end în aceste zile. Plecând de la care este rolul, unde "

# 188: Explorarea modelului de antet suprapus - CSS-Tricks

# 188: Explorarea modelului de antet suprapus - CSS-Tricks

Snook a publicat un articol intitulat „Suprapunerea antetului cu grila CSS”, în care se uită la un model de design al antetului, care simt că transcende tendințele și a fost ”

# 189: Noțiune de uz personal și public - CSS-Tricks

# 189: Noțiune de uz personal și public - CSS-Tricks

Acesta este ultimul videoclip din mica noastră serie despre utilizarea Noțiunii. Am analizat modul în care Notion este excelent pentru a lucra în echipe de dezvoltare web. Dar un alt lucru "

# 187: Noțiune pentru întâlniri de echipă și documentare - CSS-Tricks

# 187: Noțiune pentru întâlniri de echipă și documentare - CSS-Tricks

Acesta este al doilea videoclip din seria 3-video despre utilizarea Noțiunii. În Partea 1 am abordat o mulțime de temeiuri despre ceea ce este Noțiunea este modul în care este minunat pentru orice echipă și pe web "

# 184: Liste interioare și aliniate - CSS-Tricks

# 184: Liste interioare și aliniate - CSS-Tricks

Faptul că listele își redau markerii în afara propriei casete (în mod implicit) este puțin ciudat. Orice revărsare ascunsă sau surplombare de pe marginea „

# 18: Introducere în șablonul de site-ul trupei - CSS-Tricks

# 18: Introducere în șablonul de site-ul trupei - CSS-Tricks

Recent am lansat un proiect secundar numit Band Website Template. Acesta este doar un tur rapid al acestuia, explicând de ce a fost construit și de ce cred că "

# 185: Joc cu măști CSS - CSS-Tricks

# 185: Joc cu măști CSS - CSS-Tricks

Mascarea în CSS este o modalitate de a ascunde părți ale elementului și de a le arăta altora. Un altul este clip-path, dar să nu ne concentrăm pe asta astăzi. „Măștile sunt imagini; Clipuri”

# 183: Art Directing Images, Elementul de imagine și CDN-urile de imagine - CSS-Tricks

# 183: Art Directing Images, Elementul de imagine și CDN-urile de imagine - CSS-Tricks

Este un fenomen de bună-credință! Vorbesc despre ideea de servicii de găzduire a imaginilor care vă permit să manipulați adresa URL a imaginii pentru a vă transforma "

# 186: Noțiune pentru echipele de dezvoltare web - CSS-Tricks

# 186: Noțiune pentru echipele de dezvoltare web - CSS-Tricks

Sunt un mare fan al noțiunii, în special pentru a menține echipele sincronizate. Lucrez în echipe de dezvoltatori și consider că funcționează deosebit de bine pentru asta. Dacă am avut"

# 182: First Vue SFC al bebelușului - CSS-Tricks

# 182: First Vue SFC al bebelușului - CSS-Tricks

SFC ca în „Componentă de fișier unic”, ceea ce oferă Vue și oamenilor Vue par să le placă. Am scris foarte puțin Vue în zilele mele, dar sunt fan! "

# 181: Trecerea la listele HTML - CSS-Tricks

# 181: Trecerea la listele HTML - CSS-Tricks

Zilele trecute am avut o mică problemă stupidă, în care o listă imbricată nu prea avea spațiul corect. Adăugam doar marginea de jos pe elementele listei și „

# 179: O grilă de pătrate - CSS-Tricks

# 179: O grilă de pătrate - CSS-Tricks

Folosirea grilei CSS pentru a crea o grilă este, bine, întregul punct. Dar dacă doriți ca toate acele elemente ale grilei să mențină un raport de aspect, cum ar fi un pătrat 1: 1? Este"

# 176: Lucrul cu Framer Motion - CSS-Tricks

# 176: Lucrul cu Framer Motion - CSS-Tricks

Matt Perry de la Framer și eu aruncăm o privire la biblioteca de animație React Framer Motion. În primul rând, aruncăm o privire la cât de simplă este API-ul. Tu controlezi "