Screencasts video 2025, Ianuarie

Acesta este elementele de bază ale modului în care lucrez local cu un site WordPress și apoi îl duc la producție. Flywheel este sponsor al CSS-Tricks și mă bucur că "

În timp ce ușile glisante sunt departe de a fi un concept nou și vor fi depășite odată ce vom vedea un sprijin mai larg pentru mai multe fundaluri (CSS3), este totuși unul bun pentru "

Există o caracteristică a Chrome DevTools care vă permite: Vedeți codul oricărei resurse date pe care o folosește pagina web curentă (cum ar fi CSS și JavaScript). "Frumos"

(Acesta este un videoclip sponsorizat la care am lucrat între noi la CSS-Tricks și Webflow. Cred că Webflow este un produs fascinant pentru construirea de site-uri web, adică în „

Și prin „suntem”, mă refer la noi, dezvoltatori front-end;) Iată site-ul web care vine cu această discuție. Aceasta este o discuție pe care am pus-o împreună unde postulez că, peste "

David Wells, de la Netlify, și eu fac câțiva pași pentru a construi lucruri cu Serverless. Vom privi în principal la funcțiile cloud aici și la modul de utilizare a „

Constat că 98% din utilizarea mea SVG provine din fișiere SVG pre-create sau artă vectorială în unele programe software de proiectare pe care, în cele din urmă, le export ca SVG. Nu super "

Avertisment corect! Aceasta nu este o analiză rapidă, simplă, orientată de experți, a modului de configurare a acestor tehnologii. Deși, până la final, facem „

Aceeași idee de bază ca și cardurile de pe pagina de pornire a v17 a acestui site. Vedeți cărțile de mișcare stilou de Chris Coyier (@chriscoyier) pe „

David Wells și Chris Coyier vorbesc despre modul în care puteți construi o aplicație găzduită pe Netlify în mod static, dar aveți în continuare o bază de date backend care să o alimenteze. Noi folosim"

Acest episod este o precalitate a episoadelor 12, 13 și 14. Ne întoarcem la un document Photoshop gol și îl recreăm. Nu există HTML / CSS în acest episod, "

Știați că puteți configura un sistem de examinare astfel încât fiecare cerere de extragere pe care o faceți să vă arate exact ce s-a schimbat vizual pe site-ul dvs.? Asta este "

David Wells, de la Netlify, și eu ne înțelegem răspunzând la această întrebare într-un mod ușor de înțeles. Mai sunt servere implicate? Desigur, dar tu "

WooCommerce este un plugin de eCommerce puternic și flexibil pentru WordPress. Vrei să vinzi abonamente sau abonamente? WooCommerce poate face asta? Digital"

Mi se alătură Dustin Schau în acest videoclip și el mă va face într-un tur al lumii a ceea ce a devenit cunoscut sub numele de CSS-in-JS. Adică, îți faci "

Aceasta este o compilație de patru videoclipuri pe care le-am făcut în ultimele luni pentru o sponsorizare cu Automattic. Este vorba în principal de Jetpack, un plugin WordPress I "

Jetpack a sponsorizat acest videoclip, care prezintă ceea ce este și poate face Jetpack pentru site-ul dvs. Acestea sunt cuvintele mele, totuși! Sunt un mare fan Jetpack și conduc Jetpack "

Internetul este, fără metaforă, doar o grămadă de servere legate împreună cu fire. Fără servere, nu am avea cum să împărtășim creațiile noastre cu „

Aceasta este o discuție pe care am susținut-o recent la câteva conferințe. Este vorba despre patru proprietăți diferite în CSS: formă-exterior offset-cale clip-cale d cale Iată „

Sarah Drasner și cu mine ne adâncim în Vue! Vue este un cadru JavaScript foarte popular care explodează absolut. Sarah face parte din echipa de bază și este cam cea mai mare "

Firebug este o extensie esențială Firefox pentru designeri și dezvoltatori de web. Puteți viza rapid orice element de pe o pagină pentru a vedea marcajul, „

Se pare că CSS Grid vine de mult timp, dar tocmai acum pare să ajungă la un punct în care oamenii vorbesc din ce în ce mai mult despre asta "

CSS-Tricks în sine este un site WordPress și unul în care WordPress se potrivește perfect. Între lucruri precum sistemul de conectare și permisiuni, blogging, "

Eric Portis mi se alătură pentru a săpa în lumea imaginilor receptive. Începem de la elementele de bază. Imaginile receptive sunt în mod specific imagini în HTML și există "

Am văzut zilele trecute un film Dribbble de Eli Brumley care a avut un efect interactiv rece. Un simplu buton albastru circular, atunci când faceți clic, se extinde într-un mic "

Uneori, pentru a începe o călătorie spre învățarea a ceva uriaș și complex, trebuie să înveți ceva mic și simplu. JavaScript este imens și complex, dar „

Sublime Text este un editor de cod destul de nenorocit. În ciuda popularității sale și a tuturor lucrurilor bune pe care le-am auzit despre asta, mă bazez încă pe altele ”

E timpul pentru un alt screencast de împerechere! De data aceasta îl am pe Zach Leatherman, de la Filament Group. Zach a făcut multe cercetări, scriind și vorbind "

Încheiem conversia machetei aici în episodul trei. Creăm „zona articolului” și „bara laterală” (denumirea semantică a clasei!), Apoi ștergem „

În acest scenariu de televiziune mă împerechez cu Brian Muenzenmeyer care, printre altele, lucrează la Pattern Lab. Mai exact, versiunea nod a Pattern Lab, împreună cu „