Screencasts video 2025, Ianuarie

# 156: Să vorbim despre Webpack - CSS-Tricks

# 156: Să vorbim despre Webpack - CSS-Tricks

Sean Larkin mi se alătură pentru a vorbi despre Webpack! Mă îndoiesc că sunt singur în a fi un pic confuz cu privire la ce naiba este și ce face Webpack. Chiar dacă ești activ "

# 134: Un tur al unui site în curs construit cu Jekyll, Grunt, Sass, un sistem SVG și multe altele - CSS-Tricks

# 134: Un tur al unui site în curs construit cu Jekyll, Grunt, Sass, un sistem SVG și multe altele - CSS-Tricks

Atenție: acesta este un screencast de nivel intermediar, în care ne uităm la codul care alimentează un proces de construcție pentru un site. Nu scriem niciun cod ".

# 99: Prezentare generală a tipurilor, atributelor și elementelor de formulare HTML5 - CSS-Tricks

# 99: Prezentare generală a tipurilor, atributelor și elementelor de formulare HTML5 - CSS-Tricks

HTML5 are o grămadă de caracteristici specifice formularului, care îmbunătățesc toate formularele de pe web. Suportul browserului pentru funcții este peste tot pe hartă, dar multe dintre „

# 9: Noapte înstelată: fundal 3D cu efect Parallax - CSS-Tricks

# 9: Noapte înstelată: fundal 3D cu efect Parallax - CSS-Tricks

Folosind trei straturi de fișiere PNG transparente alfa, putem crea un fundal cu aspect pseudo-tridimensional pentru o pagină web. Acest screencast acoperă modul în care "

# 98: Joc cu bordurile corpului - CSS-Tricks

# 98: Joc cu bordurile corpului - CSS-Tricks

Punerea unei margini în interiorul ferestrei browserului este o idee atât de simplă și poate fi un efect de design frumos. Dar cum o facem pentru ca „

# 96: localStorage for Forms - CSS-Tricks

# 96: localStorage for Forms - CSS-Tricks

HTML5 are o metodă incredibil de simplă pentru stocarea datelor persistente numită localStorage. În mod nativ, pur și simplu apelați o metodă cu pereche cheie / valoare și asta este „

# 97: Introducere în animații CSS - CSS-Tricks

# 97: Introducere în animații CSS - CSS-Tricks

Animațiile, cum ar fi tranzițiile, pot modifica elementele paginii în timp. Animațiile sunt mai puternice și mai complexe din multe puncte de vedere. Trebuie să declarați „

# 95: A Tale of Border Gradients - CSS-Tricks

# 95: A Tale of Border Gradients - CSS-Tricks

Se pare că există o modalitate simplă de a realiza degradări la granițe. Asta mi-a luat mai mult decât ar fi trebuit să ajung, totuși, acest screencast acoperă "

# 94: Introducere în Pseudo Elements - CSS-Tricks

# 94: Introducere în Pseudo Elements - CSS-Tricks

Pseudoelementele sunt elemente vizibile pe o pagină web care nu sunt „în DOM” sau create din HTML, ci sunt inserate direct din CSS. Asta permite"

# 93: Cutii cu diapozitive CSS3 - CSS-Tricks

# 93: Cutii cu diapozitive CSS3 - CSS-Tricks

Urmăriți în timp ce folosim câteva tranziții CSS3 foarte simple pentru a crea un efect de casetă „slideup”. Rotiți cutia cu mouse-ul și titlul casetei "

# 92: Prezentare cod a tabelului de desen - CSS-Tricks

# 92: Prezentare cod a tabelului de desen - CSS-Tricks

Tabelul de desen este, în esență, o aplicație mini de o pagină jQuery. Are o funcție principală, creând un design colorat prin schimbarea culorilor celulelor "

# 91: Bucla WordPress - CSS-Tricks

# 91: Bucla WordPress - CSS-Tricks

Nu există lipsă de documentație despre faimoasa structură de scurgere a conținutului WordPress, dar încă simt că există mai multă confuzie și mister "

# 86: Primele momente cu MAMP - CSS-Tricks

# 86: Primele momente cu MAMP - CSS-Tricks

Am depășit cu mult vremurile, dar până de curând nu m-am dezvoltat niciodată la nivel local. Tot ce am făcut a fost „să merg la comandă” și să lucrez „

# 90: Sfaturi simple TextMate - CSS-Tricks

# 90: Sfaturi simple TextMate - CSS-Tricks

TextMate este un editor de cod exclusiv pentru Mac. Ne pare rău pentru toți utilizatorii de PC de această dată. Dacă ai urmărit aceste scurte scene de mult timp, știi că am folosit "

# 89: Organizarea unui document Photoshop - CSS-Tricks

# 89: Organizarea unui document Photoshop - CSS-Tricks

Dacă sunteți ca mine, sunteți amândoi vinovați de documente Photoshop serios neorganizate și apreciați documentele bine organizate. Dezorganizarea nu este "

# 8: Formatare CSS - CSS-Tricks

# 8: Formatare CSS - CSS-Tricks

A fi organizat și a utiliza o bună formatare în fișierele dvs. CSS vă poate economisi mult timp și frustrare în timpul procesului de dezvoltare și mai ales "

# 88: Introducere în Compass / Sass - CSS-Tricks

# 88: Introducere în Compass / Sass - CSS-Tricks

Întrebați o grămadă de designeri ce își doresc să facă CSS, ceea ce nu poate face acum, și veți obține o listă mare, care arată la fel ca lista de caracteristici pentru

# 85: Cele mai bune practici cu conținut dinamic - CSS-Tricks

# 85: Cele mai bune practici cu conținut dinamic - CSS-Tricks

Unul dintre articolele pe care le-am actualizat în timpul „Mai este luna întreținerii” a fost un articol despre conținut dinamic. Ideea a fost un site simplu în care se făcea clic pe un link "

# 87: Trecerea în sus cu MAMP - CSS-Tricks

# 87: Trecerea în sus cu MAMP - CSS-Tricks

Să lucrezi la nivel local cu MAMP este minunat, dar ce zici de când trebuie să faci live acel site? Ultima dată am primit o versiune de WordPress instalată local, acum "

# 83: Gânduri despre SEO - CSS-Tricks

# 83: Gânduri despre SEO - CSS-Tricks

Avertisment corect: mai mult decât de obicei. Ascultați gândurile mele despre SEO. Ceea ce cred că știu este că SEO este o serie de bune practici destul de evidente. A"

# 84: Prezentare generală a site-ului chris-mcgarry.com - CSS-Tricks

# 84: Prezentare generală a site-ului chris-mcgarry.com - CSS-Tricks

Am construit un site pentru un muzician prieten de-al meu care lansează un nou album. Este important să aveți melodii redabile, dar problema clasică a „

# 81: AJAXarea unei teme WordPress - CSS-Tricks

# 81: AJAXarea unei teme WordPress - CSS-Tricks

Urmăriți-mă cum îmi bătut drum prin adăugarea funcționalității AJAX la o temă WordPress. Ideea este că orice link intern de pe site se va încărca în principalul "

# 82: CSS Image Switcher - CSS-Tricks

# 82: CSS Image Switcher - CSS-Tricks

Răsuciți un link, urmăriți cum se schimbă imaginea de mai sus. Asta construim în acest screencast, doar că nu folosim niciun JavaScript pentru ao face. Trucul este ceva "

# 80: În ceea ce privește invenția roților - CSS-Tricks

# 80: În ceea ce privește invenția roților - CSS-Tricks

Un cuplu are nevoie de o galerie foto pentru nunta lor, în care fiecare să poată naviga și încărca propriile fotografii de la nuntă. Dezvoltator începător: știu de „

# 79: Animații complete / fără coadă cu jQuery - CSS-Tricks

# 79: Animații complete / fără coadă cu jQuery - CSS-Tricks

Atunci când utilizați funcția .animate () a jQuery cu ceva de genul unui eveniment de hover, aceste animații se vor „face la coadă”. Adică, dacă planezi de mai multe ori, „

# 7: Meniu cu trei stări - CSS-Tricks

# 7: Meniu cu trei stări - CSS-Tricks

Folosind o variantă a tehnicii CSS Sprites, putem crea un meniu „cu trei stări” folosind o singură imagine pentru fiecare element de meniu. Acest lucru reduce numărul de solicitări "

# 78: Pe publicitatea web - CSS-Tricks

# 78: Pe publicitatea web - CSS-Tricks

În acest screencast discutăm despre publicitatea online. Ce este, cum funcționează și de ce nu este rău (cu excepția momentului în care este). Vorbesc despre experiențele mele, despre „

# 72: Construirea unui site web (2 din 3): conversie HTML / CSS - CSS-Tricks

# 72: Construirea unui site web (2 din 3): conversie HTML / CSS - CSS-Tricks

În partea 2 a acestei serii, începem conversia HTML / CSS a machetei Photoshop pe care am creat-o în prima parte. Începem cu un proiect foarte scheletic "

# 77: Crearea unui articol individual - CSS-Tricks

# 77: Crearea unui articol individual - CSS-Tricks

Ideea postărilor de „regie de artă” este foarte populară în ultima vreme. Este ideea de a aplica un stil unic unui articol de pe web în modul în care se imprimă "

# 76: Un tur al jQuery pe un site live - CSS-Tricks

# 76: Un tur al jQuery pe un site live - CSS-Tricks

Sunt ocupat, ești ocupat, suntem cu toții ocupați să încercăm să respectăm termenele și să facem lucruri în această lume nebună web. Îmi place să învăț noi tehnologii când pot, "