Vaizdo įrašų ekranai 2025, Sausis

# 24: suapvalinti kampai - CSS-gudrybės

# 24: suapvalinti kampai - CSS-gudrybės

Čia yra Penki skirtingi metodai, kuriuos galite naudoti norėdami sukurti suapvalintus langelių kampus svetainėje. Visada yra skirtingi būdai, kaip padaryti dalykus naudojant CSS ir "

# 23: Sąlyginiai stiliaus lapai - CSS-gudrybės

# 23: Sąlyginiai stiliaus lapai - CSS-gudrybės

„Internet Explorer“ suteikia galimybę nukreipti CSS stiliaus informaciją būtent į skirtingas jos versijas. Šios „sąlyginės stiliaus lentelės“ yra geriausios “

# 22: kirpimo karpymas - CSS-gudrybės

# 22: kirpimo karpymas - CSS-gudrybės

Šią savaitę grįžome į „Photoshop“, nes norėjau šiek tiek pakalbėti apie labai specifinius įgūdžius, kurie, manau, yra svarbūs visiems dizaineriams. Tai yra"

# 20: Įvadas į „jQuery“ CSS-gudrybės

# 20: Įvadas į „jQuery“ CSS-gudrybės

Populiari „JavaScript“ biblioteka „jQuery“ yra nuostabus būdas išplėsti savo svetainės dizaino galimybes ne tik CSS. Laimei, jei esate "

# 21: Kontaktinės formos apžvalga - CSS-gudrybės

# 21: Kontaktinės formos apžvalga - CSS-gudrybės

Kai kuriais atžvilgiais kontaktinė forma yra „Sveikas, pasauli!“ interneto dizainerių ir žiniatinklio kūrėjų taikymas. Tai dar nieko nebuvo padaryta anksčiau "

# 199: Messing su JSX - CSS-gudrybės

# 199: Messing su JSX - CSS-gudrybės

Tikriausiai turėjau tai išmokti jau seniai, bet, deja, čia mes. Pasirodo, galite pasakyti, kokią funkciją norite naudoti JSX. Taip, JSX iš tikrųjų turi tik "

# 194: „Jetpack“ socialinė integracija - CSS-gudrybės

# 194: „Jetpack“ socialinė integracija - CSS-gudrybės

„Jetpack“ gali padėti automatizuoti jūsų svetainės socialinę žiniasklaidą. Tai gana maža funkcija, palyginti su visais didžiuliais dalykais, kuriuos gali atlikti „Jetpack“, pvz., Patobulinti jūsų svetainę “

# 1: „Photoshop Mockup“ konvertavimas (1 iš 3 dalis) - CSS-gudrybės

# 1: „Photoshop Mockup“ konvertavimas (1 iš 3 dalis) - CSS-gudrybės

Šioje visų laikų vaizdo transliacijoje pradedu „Adobe Photoshop“ svetainės maketo konversijos procesą į tikrą tiesioginę CSS svetainę. Tai yra"

# 180: Tinkavimas naudojant vaizdo įrašą mobiliajame telefone CSS-gudrybės

# 180: Tinkavimas naudojant vaizdo įrašą mobiliajame telefone CSS-gudrybės

Teisingas įspėjimas: aš nesu ekspertas šioje srityje, tiesiog žaidžiu su vaizdo įrašais internete ir sprendžiu kai kurias problemas, kurias turiu demonstruodamas vaizdo įrašus "

# 196: „Grid“ ir „Flexbox“ mokymasis kartu su Kyle'u Simpsonu - CSS-gudrybės

# 196: „Grid“ ir „Flexbox“ mokymasis kartu su Kyle'u Simpsonu - CSS-gudrybės

Kyle'as yra „JavaScript“ vaikinas. Jis žino daug apie internetą ir daug apie CSS, tačiau nėra toks naujausias apie šiuolaikinius CSS išdėstymo įrankius, kaip „flexbox“ ir „

# 197: „Stackbit“ ir „Stackbit Studio“ žvilgsnis - CSS-gudrybės

# 197: „Stackbit“ ir „Stackbit Studio“ žvilgsnis - CSS-gudrybės

„Stackbit“ programa padeda labai greitai išstumti naują „Jamstack“ svetainę. Pasirinkite temą, statinių svetainių generatorių ir TVS ir jums bus parduodamas atpirkimas “

# 198: Apie pozicijos nuosavybę - CSS-gudrybės

# 198: Apie pozicijos nuosavybę - CSS-gudrybės

Statinis: numatytasis santykinis: leidžia judėti aplink viršuje / dešinėje / apačioje / kairėje, kad z indeksas veiktų, suteikiamas pozicionavimo kontekstas absoliučiai: "

# 19: unikalaus „Twitter“ atnaujinimų puslapio kūrimas CSS-gudrybės

# 19: unikalaus „Twitter“ atnaujinimų puslapio kūrimas CSS-gudrybės

Šią savaitę apžvelgsiu paprastą tinklalapį, kuriame bus rodomi jūsų naujausi „Twitter“ įrašai iš „Twitter“ nuo pradžios iki pabaigos. Tai apima dizainą

# 178: Percy fiksuoja vizualius bet kokio darbo eigos pokyčius CSS-gudrybės

# 178: Percy fiksuoja vizualius bet kokio darbo eigos pokyčius CSS-gudrybės

Norėjau įsitikinti, kad tiksliai suprantate, ką Percy gali padaryti už jus, taigi ir pavadinimas. Kai pakeisite savo svetaines, gaukite atpirkimo pasiūlymą, pvz.,

# 195: Kaip nubrėžti liniją naudojant CSS - CSS-gudrybės

# 195: Kaip nubrėžti liniją naudojant CSS - CSS-gudrybės

Kvaila paprasta, tiesa? Tai yra! Bet smagu kelias minutes pagalvoti ir suskaičiuoti krūva skirtingų būdų, kuriuos galėtume tai padaryti. Ir ką aš turiu omenyje sakydamas „

# 193: „Scully“: SSG kampinis - CSS-gudrybės

# 193: „Scully“: SSG kampinis - CSS-gudrybės

Tara Z. Manicsic prisijungė prie šio vaizdo įrašo ir sukūrė pagrindinius „Scully“ pagrindus, kuris yra „Static Site Generator for Angular - nay, SSG for“.

# 192: Git gudrybės, kaip išsivaduoti iš problemų - CSS-gudrybės

# 192: Git gudrybės, kaip išsivaduoti iš problemų - CSS-gudrybės

Kad ir kaip nuostabu būtų tvarkyti jūsų šaltinio kodą, „Git“ galite įsitraukti į bėdą. Ką daryti, jei pakeisite failą ir norite "

# 169: Kaip galvoti kaip „front-end“ kūrėjui - CSS-gudrybės

# 169: Kaip galvoti kaip „front-end“ kūrėjui - CSS-gudrybės

Tai vaizdo įrašas iš mano pokalbio „WordCamp US“. Pažvelkime į tai, kokia front-end plėtra tapo šiomis dienomis. Pradedant nuo to, koks yra vaidmuo, kur "

# 188: sutampančio antraštės modelio tyrimas - CSS-gudrybės

# 188: sutampančio antraštės modelio tyrimas - CSS-gudrybės

Snookas paskelbė straipsnį „Antraštės sutapimas su CSS tinkleliu“, kuriame jis apžvelgia antraštės dizaino modelį, kuris, mano manymu, viršija tendencijas ir buvo „

# 189: Asmeninio ir viešojo naudojimo sąvoka - CSS-gudrybės

# 189: Asmeninio ir viešojo naudojimo sąvoka - CSS-gudrybės

Tai paskutinis mūsų mažos serijos vaizdo įrašas apie „Notion“ naudojimą. Apžvelgėme, kaip „Notion“ puikiai tinka dirbant su interneto svetainių kūrimo komandomis. Bet kitas dalykas “

# 187: Komandos susitikimų ir dokumentų samprata - CSS-gudrybės

# 187: Komandos susitikimų ir dokumentų samprata - CSS-gudrybės

Tai yra antras vaizdo įrašas iš 3 vaizdo įrašų serijos, kuriame naudojamas „Notion“. 1 dalyje aptarėme daug pagrindo, koks yra supratimas, koks jis puikus bet kuriai komandai ir internetui "

# 184: Vidiniai ir sulyginti sąrašai - CSS-gudrybės

# 184: Vidiniai ir sulyginti sąrašai - CSS-gudrybės

Tai, kad sąrašai žymeklius pateikia ne savo langelyje (pagal nutylėjimą) yra šiek tiek keista. Bet koks paslėptas perpildymas ar iškilimas nuo „

# 18: Įvadas į grupės svetainės šabloną CSS-gudrybės

# 18: Įvadas į grupės svetainės šabloną CSS-gudrybės

Neseniai išleidau šalutinį projektą „Band Website Template“. Tai tik greita jos apžvalga, paaiškinanti, kodėl ji buvo pastatyta ir kodėl aš manau “

# 185: Žaidimas su CSS kaukėmis - CSS-gudrybės

# 185: Žaidimas su CSS kaukėmis - CSS-gudrybės

Maskavimas CSS yra vienas iš būdų paslėpti elemento dalis ir parodyti kitiems. Kitas yra „clip-path“, bet šiandien nesikoncentruokime į tai. "Kaukės yra vaizdai; klipai"

# 183: Meno režisavimo vaizdai, paveikslėlio elementas ir vaizdų CDN CSS-gudrybės

# 183: Meno režisavimo vaizdai, paveikslėlio elementas ir vaizdų CDN CSS-gudrybės

Tai bonafide reiškinys! Kalbu apie vaizdo prieglobos paslaugų, kurios leidžia jums manipuliuoti vaizdo URL idėja, kad paverstumėte, idėja

# 186: Žiniatinklio kūrimo komandų samprata - CSS-gudrybės

# 186: Žiniatinklio kūrimo komandų samprata - CSS-gudrybės

Esu didelis „Notion“ gerbėjas, ypač palaikantis komandų sinchronizavimą. Dirbu kūrėjų komandose ir manau, kad tai ypač gerai tam tinka. Jei aš turėčiau"

# 182: „Baby's First Vue SFC“ CSS-gudrybės

# 182: „Baby's First Vue SFC“ CSS-gudrybės

SFC kaip „Vieno failo komponente“, kurį „Vue“ siūlo ir atrodo, kad „Vue“ žmonės jį mėgsta. Savo dienomis parašiau labai mažai „Vue“, bet esu gerbėjas! "

# 181: „HTML“ sąrašų klojimas - CSS-gudrybės

# 181: „HTML“ sąrašų klojimas - CSS-gudrybės

Anądien turėjau mažą kvailą problemą, kurioje įdėtame sąraše buvo ne visai teisingi tarpai. Aš tik pridėjau paraščių apačią sąrašo elementuose ir "

# 179: Kvadratų tinklelis - CSS-gudrybės

# 179: Kvadratų tinklelis - CSS-gudrybės

CSS tinklelio naudojimas tinklelio sudarymui yra visa esmė. Bet ką daryti, jei norite, kad visi šie tinklelio elementai išlaikytų kraštinių santykį, pvz., Kvadratą 1: 1? Tai "

# 176: darbas su „Framer Motion“ - CSS-gudrybės

# 176: darbas su „Framer Motion“ - CSS-gudrybės

Mattas Perry iš „Framer“ ir aš pažvelgiame į „React“ animacijos biblioteką „Framer Motion“. Pirmiausia apžvelgsime, kaip paprasta yra API. Tu valdai “