Video screencasts 2025, Veljača

Nickova ilustracija imala je tri različita sloja za glave. To su samo malo različite varijacije. Slike bismo mogli zamijeniti animacijom "

Dok sam radio na ovom dizajnu, objavljen je jQuery 1.8. Ovo je samo brzi video kako biste se pouzdali u činjenicu da se takve stvari događaju dok razvijate web stranice "

Imamo osnovno zaglavlje galerije, ali nedostaju mali plavi ljudi koje je Erica stavila na originalnu ilustraciju. O tome smo razgovarali u "

Upravo smo pripremili prilagođeno zaglavlje za Galeriju, pa nastavimo dodavati još jedno prilagođeno zaglavlje. ovaj je uradio "

Postoji sedam različitih glavnih područja stranice izvan početne stranice. Dakle, unajmio sam sedam različitih ilustratora da rade dizajne. Ovo je prvo što jesmo "

Do sada smo lokalno mijenjali kod bez korištenja bilo kakve kontrole verzije. Kako se kompleksnost ove stranice povećava, to postaje "

Dobro smo započeli s responzivnim dizajnom. Izbornik na najmanjim veličinama zaslona rastavlja se na mrežu 2x4. Lijepo stoji na ekranu, ali "

Dodamo malo reakcije mreži koju smo postavili za Galeriju. Na najširem ekranu imamo postavljenu u četiri stupca. Tada počinjemo dodavati "

U kojem otkrivamo probleme koje smo imali s dobivanjem lijepog učitavanja izgleda stupca. Ispravak je bio uklanjanje CSS-a koji je stvarao "

Počinjemo kopati po izgledu područja Galerije, što mi je na umu od početka ovog procesa redizajna. Uglavnom"

Imamo raspored mreže za Galeriju. Nažalost, učitavanje je pomalo naglo i nesigurno. To je zato što su CSS3 stupci dizajnirani da "

Već smo proveli malo vremena izbacujući stranice tako da naša navigacija radi (Video # 030) i možete klikati po web mjestu, ali što se nalazi na tim podpodručjima "

Postoji duga tradicija anketa na CSS-trikovima. Zabavni su, prikupljaju dobre važne podatke i povećavaju povezanost ljudi s web mjestom. Zaruke FTW! "

Zaustavili smo se s potpuno pristojnim widgetom za ankete. Tipografija je čista i sve je savršeno upotrebljivo. Međutim, nije bilo baš uvjerljivo ili zabavno. Mi"

Gornji modul na glavnoj bočnoj traci stranice pripada Treehouseu, kao glavnom sponzoru CSS-trikova. Na temelju razgovora koji sam vodio s Ryanom Carsonom, "

Dizajn pretraživanja funkcionira dok ne prijeđemo na našu pauzu u veličini "baby medvjedića" (malog mobilnog uređaja). Tamo moramo napraviti nešto drugačije. Napravimo malo prostora "

Mislim da ćemo prvi put u ovoj seriji dizajnu dodati neke nove stvari izravno radeći u pregledniku (ne započinjući u Photoshopu "

Stiskanje vrlo uskog preglednika na radnoj površini može vam dati maglovit osjećaj kako reagira dizajn, ali to nije točan prikaz "

Oglas koji imamo na mjestu sjajan je za velike zaslone / veličine radne površine, ali na manjim zaslonima počinje pokazivati ​​prilično brzo. Već imamo neke točke prijeloma "

Stvorili smo izgled gumba u uobičajenom stanju, ali takav 3D gumb moli za "gurnuto" stanje. Ono što mi radimo je da dodamo tamniju boju u "

Započinjemo s namjerom da uskočimo u HTML i CSSpostavljajući oglas Top Treehouse koji smo upravo dizajnirali, ali naravno, izletimo iz šina čim započnemo "

Imamo oznaku za oglas Treehouse na vrhu stranice, ali moramo obaviti nekoliko styling poslova. Počinjemo sa samom grafikom stabla. Mi smo "

U zaglavlju smo ostavili veliku količinu otvorenog prostora. Od samog početka znao sam da će ovo biti za primarnog sponzora CSS-Tricksa, Treehousea. U ovom "

Imamo još malo posla da dovršimo područje pretraživanja. Zaobilazimo samo sekundu jer primijetimo da nismo dodali trodimenzionalnu "

Nastavljamo tamo gdje smo stali u videu # 034 i nastavljamo graditi područje pretraživanja. Ovaj put usredotočujemo se na "otvoreno" stanje pretraživanja, izgradnje "

Uzimamo malu pauzu u radu na pretraživanju kako bismo riješili mali problem. "FOUT" je "Bljesak neuglađenog teksta". Ovo je fenomen gdje @ font-face "

Sad kad smo Photoshopirali ono što se nadamo postići pomoću područja pretraživanja, krenuli smo u izgradnju s HTML-om i CSS-om. Već imamo svoj font ikone "

Na CSS-trikovima ima puno sadržaja. To je jedna od stvari koja dizajn čini pomalo izazovnim. Iako možemo ostati čisti s dizajnom, "

Započinjemo s igranjem s našim modulom za objavljivanje na blogu, petljajući se oko razmaka. Također dodamo mali obojeni kvadrat u gornjem lijevom dijelu modula, "

U ovaj super brzi video dodajemo sav CSS potreban da bismo osigurali da trenutna stavka stranice u glavnoj navigaciji bude istaknuta kada je ta stranica "