Videoképernyők 2025, Január

A megjegyzések kialakítása nagyon egyszerű lehet. És ez! De szerintem ebben az esetben az egyszerű hatékony. A megjegyzések a CSS-trükkök olyan fontos részei "

Itt kezdjük el ásni a Photoshopot, és megtervezni a megjegyzés területet. A tetején kezdjük, vagyis az egyének maguk hozzászólnak (szemben a "

Kezdjük azzal, hogy megnézzük néhány morgós munkát, amelyet a kulisszák mögött végeztem, bemutatva néhány elvégzendő dolgot. Mint hozzáadni a többi "

Elég közel vagyunk ahhoz, hogy elkészüljön a webhely Snippets területének kezdőlapja. Rögtön elkezdjük csípni a dolgokat, és több dolgot kapunk bele "

A kivonatok területének elkészítése "kész" - most áttérhetünk az interaktivitásra (olvasható: JavaScript). Szuper béna áthelyezést adunk a "

Most egy Photoshop-tervezünk, amely a Snippets terület kezdőlapjára használható. Sokkal böngészhetőbb, mint korábban volt, de megtartja a szivárványt "

Ideje merülni a Snippets területére! Vagyis annak tényleges tartalmi területe. A fejléc már a helyén van. A kivonatok területe meglehetősen népszerű. "

Ebben a képernyõben az Almanach részt vetjük be. Elég világos hierarchia van az Almanachban. Ez megy: Kezdőlap> Almanach kezdőlap> Tulajdonság vagy választó> "

Csak egy tizenéves kicsit ugrunk előre. Ez egy elég átfogó screencast sorozat, de csak kb. 40 óra, és természetesen ez a tényleges projekt "

Már dolgoztunk helyben egy helyi tartományban (v10.whatup). Itt az ideje elkezdeni a WordPress használatát. Folytatjuk a helyben való munkát "

Megvan az összes szükséges tartalom ezen az oldalon, és a fejléc a helyén van. Most már elkezdhetjük a CSS-t a tartalom tervezésébe, amellyel "

Amint elkezdünk dolgozni a WordPress-ben, az lesz a legjobb, ha az élő adatbázis pontos másolatát elkapjuk, hogy helyben dolgozzunk. Egyes webhelyeken vannak például

Most, hogy megküzdöttünk a megfelelő tartalom megszerzésével az Almanac kezdőlapján, a CSS segítségével be tudunk mélyedni néhány tényleges stílusba. Úgy döntöttünk, hogy elmegyünk "

Ebben a képernyőn nagyrészt azzal foglalkozunk, hogy a narancssárga "Photostar" dominálja a láblécet. A csillagot külön fájlban készítjük a Photoshopban, így készíthetünk "

Bejött az Alamanc fejléce, ezúttal Giovanni Difetericitől. Sok technikát alkalmazunk, amelyeket már kialakítottunk az induláshoz "

Bejött a videók szakaszának fejlécillesztése, ezúttal Alyssa Nassner. Egy kis időt töltünk a Photoshop fájl és

A lábléc kiépítésének ebben az utolsó képsorában az alsó láblécen dolgozunk, ahol a CodePen és a ShopTalk területek találhatók. Meg kell változtatnunk a HTML a "

Ebben a képernyőn a lábléc felső részében lévő linkek alatti vonalakra összpontosítunk. Kicsit botladozunk azon, hogy kitaláljuk, mely dolgok legyenek "

A töredékfej bejött, ezúttal Reagan Ray. Ezúttal egy kis időt töltünk a Photoshopban, és kicsit összekeverjük a dolgokat, hogy megbizonyosodjunk róla, hogy "

A lábléc HTML-struktúrája a helyén van, amire szükségünk van a stílus megalkotásához, és ez a lábléc úgy néz ki, mint amit a Photoshopban terveztünk. "

Ez az utolsó Photoshop-munka, amelyet kifejezetten a lábléccel kapcsolatban fogunk elvégezni, mielőtt átugrunk a tényleges felépítésébe. Ebben a képernyőn "

A lábléc kialakításán dolgozunk a Photoshopban. Gyors emlékeztető: A Photoshopban dolgozom, mert ott kreatívabbnak érzem magam, mielőtt átugrom "

Még több Photoshoppin vállalkozással foglalkozunk ebben a képernyőn, és lefektetjük a legalsó láblécet a két másik legnagyobb projektem, a CodePen linkjeivel "

Elindulunk a nagy útra, amely a lábléc! A CSS-Tricks mindig is nagy divatos lábléccel rendelkezett, és ez a kialakítás sem lesz kivétel. Ez nem pusztán "

A lábléc tervezésével, amely készen áll a Photoshop alkalmazásra, elkezdhetjük beépíteni a statikus HTML és CSS modellbe. Az első lépés az

Van még egy BSA zónánk, hogy beilleszkedjünk a webhelybe. Ennek egy kicsit könnyebbnek kell lennie, mert már megvan a JavaScript, és csak "

Van egy makettünk arról, hogy miként szeretnénk kinézni a BuySellAds zónáinkat, ezért folytassuk a valós felépítést. A BuySellAds webhely megadja a szükséges kódot "

Az egyetlen dolog, ami most hiányzik a vámfórumok fejlécéből, az a rész, amely valójában azt mondja: "Fórumok"! Nick szemléltette a kezét, amelyen a "

Most, hogy pontosan tudjuk, milyen zónákkal dolgozunk, visszatérünk a Photoshopba, és gúnyolódunk azon, hogy miként szeretnénk ezeket a hirdetési zónákat kinézni. Van precedensünk a "

Mint tudják, a CSS-Tricks hirdetéseinek némelyike ​​"önállóan kezelt", például a Treehouse fő szponzora. Vállaltam, mert ez csak egyetlen "