Video Screencasts 2025, Januar

Oblika komentarjev je lahko videti zelo preprosta. In je! Mislim pa, da je preprosto v tem primeru učinkovito. Komentarji so tako pomemben del CSS-trikov "

Tu začnemo kopati v Photoshop in oblikovati področje za komentarje. Začnemo na vrhu, kar pomeni, da posamezni komentarji sami (v nasprotju s "

Začnemo približno tako, da pogledamo nekaj godrnjavega dela, ki sem ga opravil v zakulisju, da bi razčlenil nekaj stvari, ki jih je bilo treba narediti. Tako kot dodajanje v preostali del

Približno smo končali z izdelavo domače strani območja Snippets mesta. Takoj začnemo spreminjati stvari in vnašati več stvari v "

Z zasnovo območja odrezkov je "končano" - zdaj lahko preidemo v interaktivnost (beri: JavaScript). Za povezave na strani dodamo super šepavo prevračanje

Zdaj imamo na voljo oblikovanje Photoshopa za domačo stran območja Snippets. Je veliko bolj pregleden kot prej, vendar ohranja mavrico "

Čas je, da se potopite v območje Snippets! Se pravi njegovo dejansko vsebinsko področje. Glavo že imamo na mestu. Območje delčkov je zelo priljubljeno. "

V tem predvajanju zaslona zaključimo odsek Almanah. V Almanahu je precej jasna hierarhija. Gre: Domov> Domača stran Almanaha> Lastnost ali izbirnik> "

Tu skočimo le za malo. To je precej obsežna serija screencastov, vendar je le približno 40 ur in seveda ta dejanski projekt "

Lokalno smo že delali na lokalni domeni (v10.whatup). Zdaj je čas, da začnemo uporabljati WordPress. Še naprej bomo delali lokalno "

Na tej strani imamo vso vsebino, ki jo potrebujemo, in glavo imamo na mestu. Zdaj lahko CSS vstavimo v vsebino v obliko, v kateri gremo "

Ko bomo začeli delati v WordPressu, bo najbolje, če si priskrbimo natančno kopijo zbirke podatkov v živo za lokalno delo. Nekatera spletna mesta imajo na primer »

Zdaj, ko smo se spopadli s pravilno vsebino na domači strani Almanaha, lahko s CSS poiščemo nekaj dejanskega stajlinga. Odločili smo se, da gremo "

V tej oddaji se večinoma ukvarjamo z oranžno "Photostar", ki dominira v nogi. Zvezdo naredimo v ločeni datoteki v Photoshopu, da lahko naredimo "

Glava za Alamanc je prišla, tokrat od Giovannija Difetericija. Za začetek uporabljamo veliko tehnik, ki smo jih že uveljavili. "

Ilustracija glave po meri za razdelek o videoposnetkih je tokrat prišla od Alyssa Nassner. Nekaj ​​časa porabimo za organizacijo datoteke Photoshop in "

V tem zadnjem predvajanju zaslona gradnje noge delamo na spodnji nogi, kjer sta področji CodePen in ShopTalk. HTML moramo spremeniti v "

V tem predvajanju zaslona se osredotočamo na vrstice pod povezavami v zgornjem delu noge. Nekako se spotaknemo, da bi ugotovili, katere stvari bi morali "

Glava odrezkov je prišla, tokrat Reagan Ray. V Photoshopu nekaj časa preživimo, da malo premešamo stvari, da zagotovimo, da "

Z vzpostavljeno strukturo HTML za nogo imamo tisto, kar potrebujemo za začetek oblikovanja in oblikovanja te noge, kot je tisto, kar smo oblikovali v Photoshopu. "

To je zadnje delo v Photoshopu, ki ga bomo opravili posebej v zvezi z nogo, preden jo bomo dejansko zgradili. V tej oddaji zaslona smo "

Delamo na ustvarjanju dizajna za nogo v Photoshopu. Hiter opomnik: delam v Photoshopu, ker se tam počutim bolj ustvarjalno, preden skočim čez "

V tem predvajanju zaslona se lotimo še nekaj poslov Photoshoppina, ki postavlja spodnjo nogo s povezavami do mojih dveh največjih drugih projektov, CodePen "

Podali smo se na veliko pot, ki je noga! CSS-Tricks je vedno imel čudovito nogo in ta zasnova ne bo nobena izjema. Ni zgolj "

Z našo zasnovo za nogo, ki je že pripravljena za uporabo v Photoshopu, jo lahko začnemo vgrajevati v naš statični model HTML in CSS. Prvi korak je "

Imamo še eno območje BSA, ki ga želimo vključiti v spletno mesto. Ta bi moral biti nekoliko lažji, ker imamo JavaScript že nameščen in je samo "

Ustvarjamo model, kako želimo, da so naša območja BuySellAds videti, zato ga nadaljujmo zares. Spletno mesto BuySellAds vsebuje kodo, ki jo potrebujemo "

Edino, kar zdaj manjka v glavi naših carinskih forumov, je del, ki dejansko piše "Forumi"! Nick je ponazoril roko z napisom, ki je bil mišljen "

Zdaj, ko natančno vemo, s katerimi območji delamo, se vrnemo v Photoshop in se posmehujemo, kako želimo, da so ta oglasna območja videti. Imamo precedens za "

Kot veste, so nekateri oglasi na CSS-trikih nekako "samoupravljeni", kot glavni sponzor Treehousea. To sem prevzel, ker gre samo za en sam "