Screencasts video 2025, Ianuarie

# 018 - subsol - CSS-Tricks

# 018 - subsol - CSS-Tricks

Acesta va fi cel mai simplu subsol de pe un site. Va fi un simbol al drepturilor de autor cu numele lui Jeff (Este întotdeauna frumos, cred, să ai numele de „

# 016 - Navigare la domiciliu, partea 2 - CSS-Tricks

# 016 - Navigare la domiciliu, partea 2 - CSS-Tricks

Avem un început bun în navigarea pe pagina de pornire, dar există câteva lucruri de stil care încă trebuie să fie finalizate. Începem prin a completa conținutul în sine, "

# 017 - Navigare la domiciliu, partea 3 - CSS-Tricks

# 017 - Navigare la domiciliu, partea 3 - CSS-Tricks

Aproape am terminat cu navigarea pe pagina principală, dar există un spațiu ciudat sub glisorul nostru și deasupra navigării în sine. Căutăm să aflăm "

# 015 - Navigare în pagina principală, partea 1 - CSS-Tricks

# 015 - Navigare în pagina principală, partea 1 - CSS-Tricks

Avem un plan pentru navigarea pe pagina principală, trebuie doar să-l realizăm în cod. Navigarea pe pagina principală, spun în mod specific, deoarece este probabil că numai "

# 014 - Poziționarea glisorului CSS-Tricks

# 014 - Poziționarea glisorului CSS-Tricks

Glisorul funcționează! Dar nu este așezat exact așa cum am proiectat în fișierul nostru Photoshop. Avem nevoie de mai mult spațiu sub el pentru a expune mai multe dintre principalele "

# 013 - Tweaking Slider - CSS-Tricks

# 013 - Tweaking Slider - CSS-Tricks

Glisorul este implementat și funcționează, pur și simplu nu arată cum l-am conceput. Trecem prin procesul de eliminare a HTML și CSS pe care le avem "

# 012 - Fundații glisante - CSS-Tricks

# 012 - Fundații glisante - CSS-Tricks

Decidem să mergem cu RoyalSlider pentru glisorul de pe pagina principală. De mult am fost fanul AnythingSlider, pentru că am făcut parte din creația sa și eu "

# 010 - CodeKit pentru un mare succes - CSS-Tricks

# 010 - CodeKit pentru un mare succes - CSS-Tricks

În acest screencast, CodeKit începe să urmărească proiectul nostru. Acest lucru face mult mai ușor sarcinile dezvoltatorului. Primul lucru pe care îl facem este să-l „

# 008 - Oferindu-ne un nou început cu o temă curată, partea 1 - CSS-Tricks

# 008 - Oferindu-ne un nou început cu o temă curată, partea 1 - CSS-Tricks

Vom opri în curând vechiul site aici. Asta e ultima dată! Planul nostru acum că avem un mediu de dezvoltare local adecvat este să oferim "

# 011 - Antet și fonturi personalizate prin TypeKit - CSS-Tricks

# 011 - Antet și fonturi personalizate prin TypeKit - CSS-Tricks

Am ales Proxima Nova ca font principal care va fi folosit pentru site-ul lui Jeff. Este extrem de popular în zilele noastre, dar arată excelent cu munca lui Jeff. Simplu,"

# 009 - Oferindu-ne un nou început cu o temă curată, partea 2 - CSS-Tricks

# 009 - Oferindu-ne un nou început cu o temă curată, partea 2 - CSS-Tricks

Ne aflăm în mijlocul dezmembrării temei noastre WordPress la oase cât mai goale pe care o putem obține. Nu suntem îngrijorați de designul la care încercăm să ajungem "

# 007 - Configurarea mediului de dezvoltare locală CSS-Tricks

# 007 - Configurarea mediului de dezvoltare locală CSS-Tricks

Vrem să lucrăm la nivel local în timp ce lucrăm la acest proiect. Doar câteva motive: este rapid. Putem lucra offline de oriunde. Lucrăm la un „complet

# 006 - Photoshopping Mobile, partea 2 - CSS-Tricks

# 006 - Photoshopping Mobile, partea 2 - CSS-Tricks

Avem „antetul” designului la locul său, trebuie doar să ne dăm seama de restul paginii. Avem o listă cu cele mai importante obiective pe care încercăm să le „

# 005 - Photoshopping Mobile, Partea 1 - CSS-Tricks

# 005 - Photoshopping Mobile, Partea 1 - CSS-Tricks

Începem cu fișierul nostru Photoshop deschis. Captura de ecran iPhone „alungită” destul de tâmpită, care pur și simplu ne oferă mai întâi o pânză pe mobil ”

# 004 - O pânză Photoshop - CSS-Tricks

# 004 - O pânză Photoshop - CSS-Tricks

Din ultimul videoclip, știm că avem cinci puncte majore de luat în considerare atunci când începem proiectarea acestui site. Îi vom păstra pe cei din capul minții ca „

# 003 - Comunicarea inițială a clientului - CSS-Tricks

# 003 - Comunicarea inițială a clientului - CSS-Tricks

În acest ecran, vorbesc despre cum a fost comunicarea dintre mine și Jeff când mi-a trimis un e-mail despre dorința de a reproiecta site-ul. „

# 001 - Introducere în serie - CSS-Tricks

# 001 - Introducere în serie - CSS-Tricks

Salutare tuturor! Bine ați venit la seria completă de construire a unui site web pentru primul artist mobil cu WordPress. Acest lucru este ușor diferit față de ultima serie "