Video Screencasts 2025, Januar

# 147: Zagon obrazca za komentar s pomočjo reakcije - CSS-triki

# 147: Zagon obrazca za komentar s pomočjo reakcije - CSS-triki

V tej povezavi zaslona se mi pridruži Sarah Drasner in me vodi skozi nekaj mojih prvih spoznanj Reacta. Lotevamo se nekega "resničnega" sloga "

# 148: Postavljanje stvari (HTML in Flexbox) z Dee Gill - CSS-triki

# 148: Postavljanje stvari (HTML in Flexbox) z Dee Gill - CSS-triki

V tej oddaji zaslona za seznanjanje se družim z Dee Gill. Oglejmo si nekaj postavitve za novo aplikacijo, na kateri dela: Tinge. Imela je oblikovalski model

# 146: Pridobivanje več iz storitve Google Analytics s Philipom Waltonom - CSS-triki

# 146: Pridobivanje več iz storitve Google Analytics s Philipom Waltonom - CSS-triki

V tem predvajanju zaslona se seznanim s Philipom Waltonom (ki dela za Google v storitvi Google Analytics). Dopolnjuje študijo primera, ki smo jo sestavili: Učenje uporabe "

# 145: Otroške teme WordPress z Laro Schenck - CSS-triki

# 145: Otroške teme WordPress z Laro Schenck - CSS-triki

V tem videu se z Laro Schenck seznanimo, ona pa me v WordPressu nauči vse o otroških temah. To je kot podcast, ki ga gledate tudi vi! Smo naravnost gor "

# 144: Ustvarjanje igre JavaScript / platno s Kyleom Simpsonom - CSS-triki

# 144: Ustvarjanje igre JavaScript / platno s Kyleom Simpsonom - CSS-triki

Kyle Simpson, delno v prizadevanju, da bi pomladil svoje navdušenje nad delom z JavaScriptom, je začel graditi igro. V resnici ni "igra"

# 143: Uporaba in predpomnjenje neodvisnega JSON-a z WordPressom CSS-triki

# 143: Uporaba in predpomnjenje neodvisnega JSON-a z WordPressom CSS-triki

Kar zadeva oblikovanje CSS-trikov, ko to posnamem, sem želel dodati pripomoček "Front End Design & Development Jobs", ki ga poganja CodePen "

# 133: Ugotavljanje odzivnih slik - CSS-triki

# 133: Ugotavljanje odzivnih slik - CSS-triki

Verjetno sem nekoliko redek, ker sem raje poskušal nadaljevati z odzivnimi slikami. Zanimiv problem je, da je bilo veliko "

# 140: Raziskovanje tehnik postavitve CSS med poskusom prenosa podnapisov - CSS-triki

# 140: Raziskovanje tehnik postavitve CSS med poskusom prenosa podnapisov - CSS-triki

To je različica video zaslona objave v spletnem dnevniku, ki je pred kratkim nisem objavil: Koristna tehnika Flexbox: zavijanje s premikanjem poravnave. Bil sem na srečanju CodePen "

# 135: Trije načini za animiranje SVG - CSS-triki

# 135: Trije načini za animiranje SVG - CSS-triki

Animiranje SVG je nekoliko edinstveno, saj lahko na tri različne načine pristopite k njegovi animaciji. 1. Animiranje s CSS @keyframes SVG "

# 141: Pridobivanje slik in številk za odzivne slike - CSS-triki

# 141: Pridobivanje slik in številk za odzivne slike - CSS-triki

Saj veste o odzivnih slikah. Gre za sintakso slike v HTML-ju. Če mu date prave podatke v pravi sintaksi, lahko dobite brskalnik "

# 142: Skrivanje stvari s CSS - CSS-triki

# 142: Skrivanje stvari s CSS - CSS-triki

Ne obstaja samo ena lastnost CSS, po kateri posežete, ko skrivate in prikazujete stvari v CSS. Obstaja kup premislekov, ki jih bomo preučili "

# 136: Premakni stvari v CMS po potrebi - CSS-triki

# 136: Premakni stvari v CMS po potrebi - CSS-triki

V tem videu razpravljam o določeni situaciji v "resničnem svetu", v kateri sem sodeloval, kako ravnam s stranjo CodePen Meetups. Že na samem začetku "

# 137: SVG je namenjen vsem - CSS-triki

# 137: SVG je namenjen vsem - CSS-triki

Namesto običajnega predvajanja zaslona je to videoposnetek mojega pogovora SVG je namenjen vsem, ki ga je posnela tolpa Treehouse na BlendConf. Seveda obstaja "

# 138: Sprehod skozi pretvorbo HTTPS v WordPressu CSS-triki

# 138: Sprehod skozi pretvorbo HTTPS v WordPressu CSS-triki

Pred kratkim smo se tukaj, na CSS-trikih, preselili na »HTTPS povsod«. Napisala sem objavo v blogu, v kateri so podrobno opisali korake do tja. Ta video je spremljevalec "

# 13: Pretvorba makete Photoshop: drugi del, druga epizoda - CSS-triki

# 13: Pretvorba makete Photoshop: drugi del, druga epizoda - CSS-triki

V drugi epizodi te serije nadaljujemo s strukturo spletnega mesta. V Photoshopu ustvarimo tri različna stanja menija, nato razrežemo "

# 139: Razlaga strešniškega gorčičnega reza - CSS-triki

# 139: Razlaga strešniškega gorčičnega reza - CSS-triki

Objavil sem pisno objavo o tej ideji o strešniškem rezanju gorčice. Torej, če se ukvarjate z branjem in preverjanjem vzorcev kode in podobnega, je to "

# 132: Hiter koristen primer za Sass Math in Mixine - CSS-triki

# 132: Hiter koristen primer za Sass Math in Mixine - CSS-triki

Prišel sem do majhne zasnove, ko sem izdeloval tekočo mrežo škatel s plovci. Določiti sem hotel, koliko polj v vrstici je zelo "

# 131: Tinkering with Flexbox - CSS-triki

# 131: Tinkering with Flexbox - CSS-triki

V tem videu se lotevamo majhne težave s postavitvijo sprednjega dela, ki bi bila brez flexboxa skoraj nemogoča. Tudi o tem sem napisal članek, "

# 130: Prvi trenutki z Gruntom - CSS-triki

# 130: Prvi trenutki z Gruntom - CSS-triki

Vse te naloge moramo opraviti kot razvijalci. Združite in stisnite naše datoteke. Zaženite naše predprocesorje. Optimizirajte slike. Zaženi "

# 127: Osnove predloge JavaScript - CSS-triki

# 127: Osnove predloge JavaScript - CSS-triki

Predloga je del HTML-ja, ki ga morate vstaviti na stran. Pogosto so predloge ustvarjene "na strani strežnika" - s tem, da v celoti pridejo v JavaScript "

# 128: Effeckt.css, Lokalna namestitev z Gruntom in prispevanje na GitHub - CSS-triki

# 128: Effeckt.css, Lokalna namestitev z Gruntom in prispevanje na GitHub - CSS-triki

Effeckt.css je v teku odprtokodni projekt, katerega namen je zagotoviti učinkovite, kakovostne CSS prehode in animacije za spletne oblikovalce. Ideja je "

# 125: Kako biti v koraku s spletno tehnologijo - CSS-triki

# 125: Kako biti v koraku s spletno tehnologijo - CSS-triki

To je predstavitev, ki sem jo imel samo enkrat na konferenci decembra 2012. V tej oddaji vam jo zadnjič dam, naročnik CSS-Tricks. JAZ"

# 129: Emmet (je super) - CSS-triki

# 129: Emmet (je super) - CSS-triki

Emmet je dodatek za urejevalnike kod, ki omogoča hitrejše pisanje HTML in CSS. Na sprednji strani HTML vam omogoča pisanje okrajšav za HTML. "

# 12: Pretvorba makete Photoshop: drugi del, prva epizoda - CSS-triki

# 12: Pretvorba makete Photoshop: drugi del, prva epizoda - CSS-triki

O prvi seriji pretvorbe makete Photoshop v HTML / CSS je bilo VELIKO odličnih povratnih informacij. Torej naj ponovimo! Vsako spletno mesto je drugačno "

# 126: Uporaba Modernizr - CSS-triki

# 126: Uporaba Modernizr - CSS-triki

Bi moral biti Modernizr del vsakega sodobnega spletnega projekta? Ni nujno. V tej oddaji govorim o tem, kako potrebujete Modernizr, ko nameravate to storiti. "

# 124: Potek dela sodobnega spletnega oblikovalca - CSS-triki

# 124: Potek dela sodobnega spletnega oblikovalca - CSS-triki

To je predstavitev, ki sem jo imel na konferencah konec leta 2012 in v začetku leta 2013. V tej oddaji vam jo zadnjič dam, naročnik CSS-Tricks. To "

# 122: Država Favicons - CSS-triki

# 122: Država Favicons - CSS-triki

Za vedno smo vsi naredili grafiko 16x16 in jo nekako pripeljali v format .ico. Verjetno sem to pretvorniško orodje uporabil milijonkrat. Nekje ob "

# 123: Če se premakne, ko kliknete, naredite nekaj lepljivega - CSS-triki

# 123: Če se premakne, ko kliknete, naredite nekaj lepljivega - CSS-triki

Gumbi na CSS-trikih imajo v času tega videoposnetka ponarejen 3D učinek. Izgledajo kot modra opeka, ki jo gledate od zgoraj pod kotom. Kdaj"

# 121: Pravi sistem za upravljanje vsebin je prilagojen - CSS-triki

# 121: Pravi sistem za upravljanje vsebin je prilagojen - CSS-triki

Popoln sistem za upravljanje vsebin, ki ustreza potrebam katere koli netrivialne vsebinsko usmerjene spletne strani, ni na voljo. Zahtevajo prilagoditev. Na primer "

# 120: Vzvišeni besedilni delček za mešanice medijskih poizvedb - CSS-triki

# 120: Vzvišeni besedilni delček za mešanice medijskih poizvedb - CSS-triki

Še nikoli se nisem motil z ustvarjanjem delčkov Sublime Text po meri. Torej, ko je James Nowland poslal enega, sem izkoristil priložnost za učenje. Tukaj je: mq "