Vaizdo įrašų ekranai 2025, Sausis

# 02: failo nustatymas / „jQuery“ susiejimas - CSS-gudrybės

# 02: failo nustatymas / „jQuery“ susiejimas - CSS-gudrybės

Šioje ekrano juostoje aprašau absoliučią minimalią „jQuery“ naudojimo sąranką „tikroje“ svetainėje. Mes turime index.html failą su pagrindiniu HTML5 "

# 08: „PrevDefault“, „StopPropagation“ ir grąžinkite „false“ CSS-gudrybės

# 08: „PrevDefault“, „StopPropagation“ ir grąžinkite „false“ CSS-gudrybės

Labai trumpai tai pasirodė paskutiniame vaizdo įraše: kaip sustabdyti naršyklės šokinėjimą žemyn, spustelėjus maišos nuorodą? Tai yra numatytoji naršyklės elgsena "

# 06: „jQuery“ selektoriaus plėtiniai - CSS-gudrybės

# 06: „jQuery“ selektoriaus plėtiniai - CSS-gudrybės

„jQuery“ gali pasirinkti viską, ką gali pasirinkti CSS3. Bet tuo viskas nesibaigia! „JQuery“ siūlo keletą papildomų selektorių (per „Sizzle“

# 05: Viskas apie pasirengimą DOM - CSS-gudrybės

# 05: Viskas apie pasirengimą DOM - CSS-gudrybės

Gerai kalbėjome apie selektorius. „JQuery“ parinkiklis, pvz., „$“ („H1“), pasirinks visus puslapio elementus. Bet kaip su ... kai taip nėra? Štai „

# 04: „jQuery“ selektoriai yra CSS3 selektoriai - CSS-gudrybės

# 04: „jQuery“ selektoriai yra CSS3 selektoriai - CSS-gudrybės

CSS galite pasirinkti visus puslapio elementus taip: h1 (/ * stiliaus visi elementai * /) „jQuery“ galite naudoti tą patį parinkiklį. $ ("h1") // rinkinys "

# 01: Sveiki atvykę į „Learning jQuery“ kursą - CSS-gudrybės

# 01: Sveiki atvykę į „Learning jQuery“ kursą - CSS-gudrybės

Sveiki! Šio kurso tikslas yra pasiimti tave, gražų „front end“ kūrėją, iš asmens, turinčio labai mažai arba visai neturinčių „jQuery“ ar „JavaScript“ žinių “

# 03: Pasirinkite ir atlikite - CSS-gudrybės

# 03: Pasirinkite ir atlikite - CSS-gudrybės

Vienas iš būdų galvoti apie „jQuery“ yra biblioteka „Pasirink ir daryk“. „jQuery“ ypač gerai pasirenka elementus puslapyje (daiktai DOM) ir tada daro “

# 038 - komentarų valymas - CSS-gudrybės

# 038 - komentarų valymas - CSS-gudrybės

„WordPress“ suteikia galimybę komentuoti Jeffo svetainę. Tai bus labai lengva išvalyti naudojant mūsų CSS supervalstybes. Kuriame .scss failą tik komentarams "

# 040 - serijos užbaigimas - CSS-gudrybės

# 040 - serijos užbaigimas - CSS-gudrybės

Atėjo laikas užbaigti šią seriją. Tai buvo įdomus pasivažinėjimas! Yra tam tikras skirtumas tarp to, ką apėmėme ir kas iš tikrųjų yra “

# 002 - žvilgsnis į senąją svetainę - CSS-gudrybės

# 002 - žvilgsnis į senąją svetainę - CSS-gudrybės

Šioje ekrano juostoje apžvelgiame esamą Jeffo svetainę. Ši serija nėra sutelkta tiek į „pertvarkymą“, kiek buvo skirta „v10“ serijai, tačiau egzistuoja esama „

# 039 - kelių įrenginių bandymai - CSS-gudrybės

# 039 - kelių įrenginių bandymai - CSS-gudrybės

Iki šiol daugiausia naudojome „iOS“ treniruoklį, kad išbandytume savo svetainės versiją mobiliesiems. Tai gana gerai, daug geriau nei išbandyti siaurą “

# 033 - „Media“ užklausos „JavaScript“ CSS-gudrybės

# 033 - „Media“ užklausos „JavaScript“ CSS-gudrybės

Kurdami svetainę darbalaukyje, pagrindinio puslapio naršymą perkėlėme į dešinę puslapio pusę, kad kairėje pusėje būtų daugiau skylės "

# 037 - manipuliavimas spalvomis - CSS-gudrybės

# 037 - manipuliavimas spalvomis - CSS-gudrybės

Tuomet, kai kalbėjomės apie CMS gebėjimų suteikimą pagrindinio puslapio slankikliui, kiekvienam pagrindinio puslapio skaidriui suteikėme pasirinktinį lauką spalvų rinkikliu. Tai mums duoda "

# 035 - darbalaukio žymeklio būsenos - CSS-gudrybės

# 035 - darbalaukio žymeklio būsenos - CSS-gudrybės

Tai, kad tai yra pirmoji mobiliųjų telefonų serija, dar nereiškia, kad galime ignoruoti stalinių / nešiojamųjų kompiuterių sąveiką. Mes praleidžiame šiek tiek laiko įsitikindami "

# 036 - didelio ekrano vieno tinklaraščio puslapis - CSS-gudrybės

# 036 - didelio ekrano vieno tinklaraščio puslapis - CSS-gudrybės

Didesniuose ekranuose turime daugiau vietos visuose savo puslapiuose. Mes su tuo susidūrėme pagrindiniame puslapyje, bet geriau galime padaryti ir kituose antriniuose puslapiuose. Singlas "

# 034 - „Ajaxing“ tinklaraščio įraše - CSS-gudrybės

# 034 - „Ajaxing“ tinklaraščio įraše - CSS-gudrybės

Galų gale atliksime tikrai paprastą testą, kuris įkeliamas į tinklaraščio straipsnį, kurį reikia parodyti, jei yra vietos: // Įkelkite papildomą turinį, jei teirautis pakankamai kambario "

# 032 - Namų naršymas, medijos užklausos - CSS-gudrybės

# 032 - Namų naršymas, medijos užklausos - CSS-gudrybės

Mes dirbame taisydami svetainę taip, kad „darbalaukio“ (ty didesniuose) ekranuose svetainė vis tiek atrodytų gerai. Pagrindinis puslapis yra dar vienas dalykas, gaunamas "

# 031 - slankiklio aukščio apribojimas darbalaukiui - CSS-gudrybės

# 031 - slankiklio aukščio apribojimas darbalaukiui - CSS-gudrybės

Kai naršyklės langas tampa didesnis, pagrindinio puslapio viršuje esantis slankiklis tampa juokingai didelis. Tai yra pirmoji mobiliųjų telefonų serija, bet kadangi

# 030 - susisiekimo forma - CSS-gudrybės

# 030 - susisiekimo forma - CSS-gudrybės

Viena iš penkių pagrindinių svetainės sričių yra kontaktinis puslapis. Nors tai beveik nereikalauja jokios dangos, nes mes paprasčiausiai pastatėme ją „Wufoo“ ir

# 029 - renginių užbaigimas - CSS-gudrybės

# 029 - renginių užbaigimas - CSS-gudrybės

Maniau, kad mes galime išbandyti įvykius, apie kuriuos kalbėjome paskutiniame vaizdo įraše, bet kai aš papildžiau įvykių sritį, turėjau parašyti pakankamai kodą,

# 026 - „Super CMS“, papildinio sąranka - CSS-gudrybės

# 026 - „Super CMS“, papildinio sąranka - CSS-gudrybės

Įdiegę du darbinio žirgo CMS išplėtimo įskiepius, praleidžiame šiek tiek laiko juos nustatydami. „Įvykiai“ Jeffo svetainėje yra puikus pavyzdys. Renginys""

# 027 - Tinklalapio skaidrių administratoriaus kontrolė - CSS-gudrybės

# 027 - Tinklalapio skaidrių administratoriaus kontrolė - CSS-gudrybės

Mes turime dar vieną įrašo tipą, kuriam reikia tinkamų tinkintų laukų: pagrindinio puslapio skaidrės. Tai yra dalykas, kurį būtų lengva ir viliojanti "

# 028 - įvykiai, administratorius ir vartotojo sąsaja - CSS-gudrybės

# 028 - įvykiai, administratorius ir vartotojo sąsaja - CSS-gudrybės

Sužinojome, kaip padaryti pasirinktinę kilpą ir išvesties tinkintus duomenis iš mūsų pasirinktinių įrašų tipų ir pasirinktinių laukų paskutiniame vaizdo įraše. Šį kartą turime tai padaryti "

# 025 - „Super CMS“, papildiniai - CSS-gudrybės

# 025 - „Super CMS“, papildiniai - CSS-gudrybės

Mes tikrai galime išplėsti „CMP“ „WordPress“ galimybes tik su keletu papildinių: Išplėstiniais pasirinktiniais laukais ir Pasirinktinių tipų vartotojo sąsaja. Su šiais “

# 024 - pogrupio naršymas - CSS-gudrybės

# 024 - pogrupio naršymas - CSS-gudrybės

Pagrindinio puslapio naršymas gerai tenkina mūsų poreikius, tačiau tas didžiulis naršymo fragmentas kiekviename svetainės puslapyje nėra praktiškas. Mums reikės “

# 023 - puslapio šablonas - CSS-gudrybės

# 023 - puslapio šablonas - CSS-gudrybės

Beveik visose „WordPress“ temose yra failas, vadinamas „page.php“. Tai yra šablonas, valdantis „Puslapius“ - vieną iš numatytojo tipo turinio,

# 022 - Tinklaraščių archyvai - CSS-gudrybės

# 022 - Tinklaraščių archyvai - CSS-gudrybės

Yra tik vienas būdas patekti į tinklaraščio sritį iš pagrindinio puslapio, tai yra spustelėjus „Naujausias rašymas“. Bet tai jus labiausiai nuveda “

# 021 - Tinklaraštis, 3 dalis - CSS-gudrybės

# 021 - Tinklaraštis, 3 dalis - CSS-gudrybės

Tipografija vis dar nėra visiškai teisinga, todėl praleidžiame šiek tiek daugiau laiko ją koreguodami. Čia verta tai padaryti, nes antraštė ir kūnas "

# 020 - tinklaraščio 2 dalis - CSS-gudrybės

# 020 - tinklaraščio 2 dalis - CSS-gudrybės

Tinklaraštyje pateikiama tai, ko mes norime, tačiau jo tipografija ir išdėstymas nėra visiškai tinkami. Pridedame šiek tiek žymėjimo čia ir ten, kur reikia duoti "

# 019 - tinklaraščio 1 dalis - CSS-gudrybės

# 019 - tinklaraščio 1 dalis - CSS-gudrybės

Mes pradedame dirbti svetainės tinklaraščio srityje. Mes norime, kad svetainės tinklaraščio sritis būtų / blog /, todėl mes sukuriame puslapio šabloną, pavadintą „