Video ekrāna apraides 2025, Maijs

Komentāru noformējums varētu izskatīties ļoti vienkāršs. Un tā tas ir! Bet es domāju, ka vienkāršs šajā gadījumā ir efektīvs. Komentāri ir tik svarīga CSS-triku sastāvdaļa "

Šeit mēs sākam rakņāties Photoshop un noformēt komentāru apgabalu. Mēs sākam no augšas, ar to saprotot individuālos komentārus (atšķirībā no “

Mēs sākam aplūkot dažus gruntus darbus, kurus es veicu aizkulisēs, precizējot dažas lietas, kas bija jāveic. Tāpat kā pievienošana pārējā

Mēs esam diezgan tuvu tam, lai pabeigtu vietnes fragmenta sākumlapas izveidi. Tūlīt mēs sākam pielāgot lietas un iegūt vairāk informācijas

Kad fragmentu apgabala dizains ir "pabeigts" - tagad mēs varam pāriet uz kādu interaktivitāti (lasīt: JavaScript). Mēs pievienojam ļoti klibu pāriet uz saitēm vietnē "

Tagad mums ir Photoshop dizains, no kura strādāt Snippets apgabala mājas lapā. Tas ir daudz pārlūkojamāks nekā agrāk, taču saglabā varavīksni "

Laiks ienirt Snippets rajonā! Tas ir, tā faktiskais satura apgabals. Mums jau ir galvene vietā. Fragmentu apgabals ir diezgan populārs. "

Šajā ekrānuzņēmumā mēs iesaiņojam sadaļu Almanahs. Almanahā ir diezgan skaidra hierarhija. Tas notiek: Sākumlapa> Almanaha sākumlapa> Īpašums vai atlasītājs> "

Mēs šeit lecam uz priekšu tikai tīņu vecumā. Šī ir diezgan visaptveroša ekrāna apraides sērija, taču tā ir tikai aptuveni 40 stundas, un, protams, šis faktiskais projekts "

Mēs jau esam strādājuši lokāli vietējā domēnā (v10.whatup). Tagad ir pienācis laiks sākt darbu WordPress. Mēs turpināsim strādāt lokāli "

Šajā lapas izvadē mums ir viss nepieciešamais saturs, un mums ir galvene. Tagad mēs varam sākt CSSinstalēt saturu tajā dizainā, kurā mēs strādājam "

Sākot darbu WordPress, vislabāk būs, ja mēs uzķersim precīzu tiešās datubāzes kopiju, lai strādātu lokāli. Dažās vietnēs ir tādas lietas kā "

Tagad, kad mēs esam cīnījušies, lai iegūtu pareizu saturu Almanac mājaslapā, mēs varam iedziļināties faktiskajā stilā, izmantojot CSS. Mēs nolēmām doties "

Šajā ekrāna pārraidē mēs lielā mērā nodarbojamies ar oranžo "Photostar", kas dominē kājenē. Mēs izveidojam zvaigznīti atsevišķā failā Photoshop, lai mēs varētu izveidot "

Alamanc galvene ir ienākusi, šoreiz no Džovanni Difeterici. Lai sāktu, mēs izmantojam daudzus jau izveidotus paņēmienus "

Videoklipu sadaļas galvenes ilustrācija ir parādījusies, šoreiz no Alyssa Nassner. Mēs pavadām nedaudz laika, organizējot Photoshop failu un "

Šajā pēdējās kājenes izveides ekrānā mēs strādājam pie apakšējās kājenes, kur atrodas CodePen un ShopTalk zonas. Mums ir jāmaina HTML a "

Šajā ekrānuzņēmumā mēs koncentrējamies uz līnijām, kas atrodas zem saitēm kājenes augšdaļā. Mēs kaut kā paklūpam, lai saprastu, kurām lietām vajadzētu būt "

Ienākusi fragmentu galva, šoreiz Reigans Rejs. Šoreiz mēs nedaudz laika pavadām Photoshop, nedaudz sajaucot lietas, lai pārliecinātos, ka "

Kad kājenes HTML struktūra ir izveidota, mums ir tas, kas mums nepieciešams, lai sāktu veidot stilu un panāktu, ka šī kājene izskatās tā, kā mēs to veidojām Photoshop. "

Šis ir pēdējais no Photoshop darbiem, ko mēs darīsim tieši attiecībā uz kājeni, pirms mēs pāriet uz tā patiesu veidošanu. Šajā ekrāna sūtījumā mēs "

Mēs strādājam pie kājenes noformējuma izveidošanas programmā Photoshop. Īss atgādinājums: Es strādāju Photoshop, jo tur es jūtos radošāks, pirms es pārlēkšu pāri

Šajā ekrānuzņēmumā mēs nonākam pie vēl kāda Photoshoppin biznesa, nosakot apakšējo kājeni ar saitēm uz maniem diviem citiem lielākajiem projektiem, CodePen "

Mēs uzsākam lielo ceļojumu, kas ir kājene! CSS-Tricks vienmēr ir bijusi liela izdomāta kājene, un šis dizains nebūs izņēmums. Tas nav tīri "

Kad kājenes dizains ir gatavs darbam Photoshop, mēs varam sākt to veidot mūsu statiskajā HTML un CSS maketā. Pirmais solis ir dot

Mums ir vēl viena BSA zona, lai integrētos vietnē. Šim vajadzētu būt nedaudz vieglākam, jo ​​mums jau ir JavaScript vietā, un tas ir vienkārši "

Mums ir makets par to, kā mēs vēlamies izskatīties mūsu BuySellAds zonās, tāpēc sāksim to veidot pa īstam. BuySellAds vietne nodrošina mums nepieciešamo kodu "

Vienīgais, kas tagad trūkst mūsu muitas forumu galvenēs, ir tā daļa, kurā faktiski ir rakstīts "Forumi"! Niks ilustrēja roku, kurai bija domāta zīme "

Tagad, kad mēs precīzi zinām, ar kādām zonām mēs strādājam, mēs atgriežamies pie Photoshop un izsmejamies, kā mēs vēlamies, lai šīs reklāmas zonas izskatās. Mums ir precedents

Kā jūs zināt, dažas no CSS-Tricks reklāmām ir sava veida "pašas pārvaldītas", piemēram, galvenais Treehouse sponsors. Es to uzņēmos, jo tas ir tikai viens