Screencasts video 2025, Ianuarie

În acest screencast acoper acoperirea minimului absolut absolut pentru utilizarea jQuery pe un site web „real”. Avem un fișier index.html cu HTML5 de bază "

A apărut foarte scurt în ultimul videoclip: cum opriți browserul să nu sară atunci când faceți clic pe un link hash? Acesta este comportamentul implicit al browserului. "

JQuery poate selecta orice poate selecta CSS3. Dar nu se oprește aici! Există o serie de selectoare suplimentare pe care jQuery le oferă (prin intermediul Sizzle "

Am vorbit puțin despre selectoare. Un selector jQuery precum $ ("h1") va selecta toate elementele de pe pagină. Dar ce zici de ... când nu? Iată un „

În CSS, puteți selecta toate elementele de pe pagină cu aceasta: h1 (/ * stil toate elementele * /) În jQuery, puteți utiliza exact același selector. $ ("h1") // set "

Bine ati venit! Scopul acestui curs este de a vă lua, frumos dezvoltator de front end, de la cineva cu foarte puține sau deloc cunoștințe jQuery sau JavaScript "

O modalitate de a vă gândi la jQuery este biblioteca „Selectați și faceți”. jQuery este deosebit de bun la selectarea elementelor de pe pagină (chestii din DOM) și apoi la „

WordPress alimentează zona de comentarii a site-ului lui Jeff. Acest lucru va fi foarte ușor de curățat cu superputerile noastre CSS. Realizăm un fișier .scss doar pentru comentarii "

Este timpul să punem capăt acestei serii. A fost o plimbare distractivă! Există o diferență între ceea ce am acoperit și ceea ce este de fapt "

În acest ecran, aruncăm o privire asupra site-ului web existent al lui Jeff. Această serie nu se concentrează atât de mult pe „reproiectare” precum seria v10, dar există un „

În cea mai mare parte până acum, am folosit simulatorul iOS pentru a testa versiunea mobilă a site-ului nostru. E destul de bine, mult mai bine decât să testezi o îngustă "

În timp ce făceam desktop-ul site-ului, am mutat navigarea pe pagina principală în partea dreaptă a paginii pentru a deschide o gaură în partea stângă pentru mai multe "

Când ne-am încurcat cu oferirea abilităților CMS glisorului paginii de pornire, am oferit un câmp personalizat fiecărei diapozitive a paginii de pornire un selector de culori. Asta ne dă „

Doar pentru că aceasta este o primă serie mobilă nu înseamnă că putem ignora interacțiunile computerelor desktop / laptop. Petrecem puțin timp asigurându-ne "

Pe ecrane mai mari, avem mai mult spațiu pe toate paginile noastre. Ne-am ocupat de acest lucru pe pagina principală, dar ne putem descurca mai bine și în celelalte subpagini. Un singur"

Încheiem cu un test foarte simplu, care se încarcă într-un articol de pe blog pentru a fi afișat dacă există loc: // Încărcați conținut suplimentar dacă aveți suficient spațiu de întrebare "

Lucrăm la repararea site-ului astfel încât pe ecranele „desktop” (adică mai mari) site-ul să arate în continuare bine. Navigarea pe pagina principală este un alt lucru care primește „

Când fereastra browserului se mărește, glisorul din partea de sus a paginii de pornire devine ridicol de mare. Aceasta este o primă serie de dispozitive mobile, dar din moment ce dispozitivul mobil "

Una dintre cele cinci zone majore ale site-ului este pagina de contact. Cu toate acestea, abia necesită acoperire, pentru că am construit-o simplu în Wufoo și „

Am crezut că putem urmări Evenimente despre ceea ce am vorbit în ultimul videoclip, dar, pe măsură ce am concretizat zona Evenimentelor, a trebuit să scriu suficient cod „

Cu cei doi plugin-uri care extind CMS-urile noastre de cal, instalate, petrecem puțin timp configurându-le. „Evenimente” de pe site-ul lui Jeff este un exemplu perfect. Un eveniment""

Mai avem un alt tip de postare care necesită câmpurile personalizate adecvate aplicate: diapozitivele paginii de pornire. Acesta este genul de lucruri care ar fi ușor și tentant să "

Am aflat cum să facem o buclă personalizată și să scoatem date personalizate din tipurile noastre de postare personalizate și din câmpurile personalizate în ultimul videoclip. De data aceasta trebuie să o facem "

Putem extinde într-adevăr abilitățile „CMS” ale WordPress cu doar câteva plugin-uri: Câmpuri personalizate avansate și interfață de utilizare a tipurilor de postare personalizate. Cu acestea"

Navigarea pe pagina de pornire ne satisface bine nevoile, dar nu este practic să avem acea bucată uriașă de navigare pe fiecare pagină a site-ului. Vom avea nevoie de "

Aproape în toate temele WordPress există un fișier numit page.php. Acesta este șablonul care controlează „Pagini” - unul dintre tipurile de conținut implicit pe care „

Există o singură modalitate de a ajunge la zona blogului site-ului de pe pagina de pornire, și asta făcând clic pe „Ultima scriere”. Dar asta te duce la cel mai mult "

Tipografia încă nu este chiar corectă, așa că petrecem un pic mai mult timp făcând ajustări la aceasta. Acest lucru merită făcut aici, deoarece antetul și corpul "

Blogul publică ceea ce dorim, dar tipografia și aspectul acestuia nu sunt chiar acolo. Adăugăm un pic de marcaj aici și acolo, după cum este necesar pentru a da "

Începem să lucrăm la zona blogului site-ului. Vrem să avem zona de blog a site-ului la / blog / - așa că ajungem să creăm un șablon de pagină pentru cel numit „