Vaizdo įrašų ekranai 2025, Sausis

# 177: Vietinė „WordPress“ kūrimo ir gamybos darbo eiga - CSS-gudrybės

# 177: Vietinė „WordPress“ kūrimo ir gamybos darbo eiga - CSS-gudrybės

Tai yra pagrindai, kaip aš dirbu vietoje su „WordPress“ svetaine ir tada ją pradedu gaminti. Smagratis yra „CSS-Tricks“ rėmėjas, ir aš džiaugiuosi, kad jie “

# 17: slankiųjų durų mygtukas CSS-gudrybės

# 17: slankiųjų durų mygtukas CSS-gudrybės

Nors stumdomos durys toli gražu nėra nauja koncepcija ir bus pasenusios, kai pamatysime didesnę kelių fonų (CSS3) palaikymą, vis tiek tai yra gera "

# 174: Vietinių nepaisymų naudojimas „DevTools“ - CSS-gudrybės

# 174: Vietinių nepaisymų naudojimas „DevTools“ - CSS-gudrybės

Yra „Chrome DevTools“ funkcija, leidžianti jums: žiūrėti bet kurio nurodyto šaltinio, kurį naudoja dabartinis tinklalapis, kodą (pvz., CSS ir „JavaScript“). "Graži"

# 175: 7 dalykai, kuriuos reikia žinoti apie interneto srautą CSS-gudrybės

# 175: 7 dalykai, kuriuos reikia žinoti apie interneto srautą CSS-gudrybės

(Tai yra remiamas vaizdo įrašas, kurį dirbau tarp mūsų „CSS-Tricks“ ir „Webflow“. Manau, kad „Webflow“ yra patrauklus produktas kuriant svetaines, ty

# 173: Ooooops, manau, kad mes dabar esame pilno kūrėjo kūrėjai. - CSS-gudrybės

# 173: Ooooops, manau, kad mes dabar esame pilno kūrėjo kūrėjai. - CSS-gudrybės

Ir sakydamas „mes“, turiu omenyje mus, „front-end“ kūrėjus;) Štai svetainė, skirta šiai kalbai. Tai yra mano parengtas pokalbis, kuriame aš jį postuluoju “

# 163: Pirmieji žingsniai naudojant serverį CSS-gudrybės

# 163: Pirmieji žingsniai naudojant serverį CSS-gudrybės

Davidas Wellsas iš „Netlify“ ir aš žengiau keletą kūdikių žingsnių kurdami dalykus naudodami „Serverless“. Čia daugiausia nagrinėsime debesų funkcijas ir tai, kaip naudotis

# 172: Ranka SVGing lenkta linija - CSS-gudrybės

# 172: Ranka SVGing lenkta linija - CSS-gudrybės

Manau, kad 98% viso mano SVG naudojimo gaunama iš anksto sukurtų SVG failų arba vektorinės iliustracijos tam tikroje projektavimo programinėje įrangoje, kurią galiausiai eksportuoju kaip SVG. Ne super “

# 170: Stebėkite, kaip mėgėjai sugeba sureaguoti į „React + Babel + Webpack + CSS“ modulius - CSS-gudrybės

# 170: Stebėkite, kaip mėgėjai sugeba sureaguoti į „React + Babel + Webpack + CSS“ modulius - CSS-gudrybės

Teisingas perspėjimas! Tai nėra greitas, paprastas, ekspertų valdomas plūgas, kaip sukurti šias technologijas. Nors iki galo mes tai darome "

# 171: Kilnojamųjų kortelių eilutė CSS - CSS-gudrybės

# 171: Kilnojamųjų kortelių eilutė CSS - CSS-gudrybės

Ta pati pagrindinė idėja, kaip kortelės, pateiktos pagrindiniame šios svetainės v17 puslapyje. Žiūrėkite Chriso Coyier'io (@chriscoyier) „Pen“ judančias korteles “

# 165: „Backend“ kūrimas naudojant funkcijas be serverio - CSS-gudrybės

# 165: „Backend“ kūrimas naudojant funkcijas be serverio - CSS-gudrybės

Davidas Wellsas ir Chrisas Coyieras kalba apie tai, kaip galite statiškai kurti „Netlify“ priglobtą programą, bet vis tiek turite jos duomenų bazę. Mes naudojame

# 16: „Photoshop“ maketo kūrimas - CSS-gudrybės

# 16: „Photoshop“ maketo kūrimas - CSS-gudrybės

Šis epizodas yra priešlaikinis 12, 13 ir 14 epizodams. Grįžtame prie tuščio „Photoshop“ dokumento ir jį kuriame iš naujo. Šiame epizode nėra HTML / CSS "

# 166: išmokite integruoti vizualinį testavimą su Percy - CSS-gudrybės

# 166: išmokite integruoti vizualinį testavimą su Percy - CSS-gudrybės

Ar žinojote, kad galite sukurti peržiūros sistemą, kad kiekviena jūsų pateikta užklausa tiksliai parodytų, kas vizualiai pasikeitė jūsų svetainėje? Tai "

# 162: Kas gi yra be serverio? - CSS-gudrybės

# 162: Kas gi yra be serverio? - CSS-gudrybės

Davidas Wellsas iš „Netlify“ ir aš atsakau į šį klausimą suprantamai. Ar vis dar yra serverių? Žinoma, bet tu "

# 164: Pagrindinis „WooCommerce“ apžvalga - CSS-gudrybės

# 164: Pagrindinis „WooCommerce“ apžvalga - CSS-gudrybės

„WooCommerce“ yra galingas ir lankstus „WordPress“ el. Prekybos papildinys. Norite parduoti prenumeratas ar narystes? „WooCommerce“ gali tai padaryti? Skaitmeninis "

# 168: CSS-JS - CSS-gudrybės

# 168: CSS-JS - CSS-gudrybės

Šiame vaizdo įraše prie manęs prisijungia Dustinas Schau ir jis vyks mane į kelionę po pasaulį, kuris buvo žinomas kaip CSS-in-JS. Tai reiškia, kad darai savo

# 167: „Jetpack“ ir „WooCommerce“ remiami vaizdo įrašai - CSS-gudrybės

# 167: „Jetpack“ ir „WooCommerce“ remiami vaizdo įrašai - CSS-gudrybės

Tai yra keturių vaizdo įrašų, kuriuos aš padariau per pastaruosius mėnesius, rinkinys, kad rėmčiau „Automattic“. Tai daugiausia apie „Jetpack“, „WordPress“ papildinį I “

# 161: „Jetpack“ CSS-gudrybės

# 161: „Jetpack“ CSS-gudrybės

„Jetpack“ rėmė šį vaizdo įrašą, kuriame aprašoma, kas yra „Jetpack“ ir gali padaryti jūsų svetainei. Vis dėlto tai yra mano žodžiai! Aš esu didelis „Jetpack“ gerbėjas ir valdau „Jetpack“

# 160: Visagalis „Front-end“ kūrėjas - CSS-gudrybės

# 160: Visagalis „Front-end“ kūrėjas - CSS-gudrybės

Internetas, be metaforos, tėra krūva serverių, susietų laidais. Be serverių neturėtume galimybės pasidalinti savo kūriniais su „

# 157: pasaka apie keturias savybes - CSS-gudrybės

# 157: pasaka apie keturias savybes - CSS-gudrybės

Tai yra pranešimas, kurį neseniai kalbėjau keliose konferencijose. Tai yra apie keturias skirtingas CSS savybes: formos išorinis poslinkio kelio klipo kelias d Štai "

# 159: Mokymosi Vue - CSS-gudrybės

# 159: Mokymosi Vue - CSS-gudrybės

Mes su Sarah Drasner įsigiliname į Vue! „Vue“ yra labai populiari „JavaScript“ sistema, kuri yra visiškai sprogi. Sarah yra pagrindinėje komandoje ir yra daugiausiai "

# 15: „Firebug“ įvadas - CSS-gudrybės

# 15: „Firebug“ įvadas - CSS-gudrybės

„Firebug“ yra būtinas „Firefox“ plėtinys žiniatinklio dizaineriams ir kūrėjams. Galite greitai taikyti pagal bet kurį puslapio elementą, kad pamatytumėte žymėjimą,

# 153: darbo pradžia naudojant CSS tinklelį - CSS-gudrybės

# 153: darbo pradžia naudojant CSS tinklelį - CSS-gudrybės

Jaučiasi, kad CSS tinklelis atkeliavo jau seniai, bet atrodo, kad tik dabar jis pasiekia tašką, kai žmonės apie tai kalba vis daugiau “

# 154: Plakatų vaikų „WordPress“ svetainė - CSS-gudrybės

# 154: Plakatų vaikų „WordPress“ svetainė - CSS-gudrybės

Pati „CSS-Tricks“ yra „WordPress“ svetainė, kuriai „WordPress“ puikiai tinka. Tarp tokių dalykų kaip prisijungimo ir leidimų sistema, tinklaraščių rašymas "

# 155: Interaktyvūs vaizdai, „WordPress“ ir „Cloudinary“ CSS-gudrybės

# 155: Interaktyvūs vaizdai, „WordPress“ ir „Cloudinary“ CSS-gudrybės

Ericas Portisas prisijungia prie manęs, kad galėčiau pasinerti į reaguojančių vaizdų pasaulį. Pradedame nuo pagrindų. Interaktyvūs vaizdai yra konkrečiai vaizdai HTML ir egzistuoja "

# 158: „Expando“ mygtuko meniu - CSS-gudrybės

# 158: „Expando“ mygtuko meniu - CSS-gudrybės

Kitą dieną pamačiau „Dribbble“ kadrą, kurį atliko Eli Brumley ir kuris turėjo šaunų interaktyvų efektą. Paprastas apskritas mėlynas mygtukas, spustelėjus, išsiplečia į mažą "

# 150: Ei, dizaineriai, jei jūs žinote tik vieną dalyką apie „JavaScript“, tai aš rekomenduočiau - CSS-gudrybės

# 150: Ei, dizaineriai, jei jūs žinote tik vieną dalyką apie „JavaScript“, tai aš rekomenduočiau - CSS-gudrybės

Kartais, norint pradėti mokytis kažko didžiulio ir sudėtingo, reikia išmokti ką nors mažo ir paprasto. „JavaScript“ yra didžiulis ir sudėtingas, tačiau „

# 151: pirmosios kelios minutės su didingu tekstu - CSS-gudrybės

# 151: pirmosios kelios minutės su didingu tekstu - CSS-gudrybės

„Sublime Text“ yra gana populiarus kodų redaktorius. Nepaisant jo populiarumo ir visų gerų dalykų, kuriuos girdėjau, vis tiek labai remiuosi kitais “

# 152: Šrifto įkėlimas naudojant Zachą Leathermaną CSS-gudrybės

# 152: Šrifto įkėlimas naudojant Zachą Leathermaną CSS-gudrybės

Laikas kitai susiejimo ekrano kopijai! Šį kartą turiu Zachą Leathermaną iš „Filament Group“. Zachas atliko daug tyrimų, rašė ir kalbėjo “

# 14: „Photoshop“ maketo konvertavimas: antroji dalis, trečioji serija - CSS-gudrybės

# 14: „Photoshop“ maketo konvertavimas: antroji dalis, trečioji serija - CSS-gudrybės

Čia pateikiame maketo konversiją trečioje serijoje. Sukuriame „straipsnio sritį“ ir „šoninę juostą“ (semantinis klasės pavadinimas!), Tada išvalome „

# 149: greitas modelio laboratorijos mazgo su Brianu Muenzenmeyeriu įvadas - CSS-gudrybės

# 149: greitas modelio laboratorijos mazgo su Brianu Muenzenmeyeriu įvadas - CSS-gudrybės

Šioje ekrano kopijoje aš susiejau su Brianu Muenzenmeyeriu, kuris, be kita ko, dirba „Pattern Lab“. Tiksliau, „Pattern Lab“ mazgų versija kartu su