Video ekrāna apraides 2025, Aprīlis

# 02: Faila iestatīšana / jQuery saistīšana - CSS-triki

# 02: Faila iestatīšana / jQuery saistīšana - CSS-triki

Šajā ekrānuzņēmumā es aptveru absolūto minimālo iestatījumu jQuery izmantošanai "īstā" vietnē. Mums ir fails index.html ar pamata HTML5 "

# 08: preventDefault, stopPropagation un return false - CSS-triki

# 08: preventDefault, stopPropagation un return false - CSS-triki

Tas ļoti īsi parādījās pēdējā videoklipā: kā apturēt pārlūkprogrammas lēcienu uz leju, noklikšķinot uz hash saites? Tā ir pārlūka noklusējuma darbība "

# 06: jQuery selektora paplašinājumi - CSS-triki

# 06: jQuery selektora paplašinājumi - CSS-triki

JQuery var atlasīt visu, ko CSS3 var atlasīt. Bet ar to viss neapstājas! JQuery piedāvā vairākus papildu atlasītājus (izmantojot Sizzle "

# 05: Viss par DOM gatavs - CSS-triki

# 05: Viss par DOM gatavs - CSS-triki

Mēs esam daudz runājuši par atlasītājiem. JQuery atlasītājs, piemēram, $ ("h1"), atlasīs visus lapas elementus. Bet kā ar ... kad tā nav? Lūk,

# 04: jQuery atlasītāji ir CSS3 atlasītāji - CSS-triki

# 04: jQuery atlasītāji ir CSS3 atlasītāji - CSS-triki

CSS varat atlasīt visus lapas elementus, izmantojot šo: h1 (/ * ieveidojiet visus elementus * /) Programmā jQuery varat izmantot tieši to pašu atlasītāju. $ ("h1") // kopa "

# 01: Laipni lūdzam mācību jQuery kursā - CSS-triki

# 01: Laipni lūdzam mācību jQuery kursā - CSS-triki

Laipni lūdzam! Šī kursa mērķis ir aizvest jūs, jūs, skaisto priekšgala izstrādātāju, no kāda, kam ir ļoti maz vai vispār nav zināšanu par jQuery vai JavaScript "

# 03: atlasiet un veiciet - CSS-triki

# 03: atlasiet un veiciet - CSS-triki

Viens no veidiem, kā domāt par jQuery, ir bibliotēka "Atlasīt un darīt". jQuery īpaši labi izvēlas elementus lapā (sīkumi DOM) un pēc tam veic "

# 038 - komentāru tīrīšana CSS-triki

# 038 - komentāru tīrīšana CSS-triki

WordPress nodrošina Džefa vietnes komentāru apgabalu. To būs ļoti viegli notīrīt ar mūsu CSS lielvarām. Mēs izveidojam .scss failu tikai komentāriem "

# 040 - sērijas iesaiņojums - CSS-triki

# 040 - sērijas iesaiņojums - CSS-triki

Ir pienācis laiks noslēgt šo sēriju. Tas ir bijis jautrs brauciens! Pastāv zināma atšķirība starp to, ko mēs apskatījām, un to, kas faktiski atrodas "

# 002 - vecās vietnes apskats - CSS-triki

# 002 - vecās vietnes apskats - CSS-triki

Šajā ekrānuzņēmumā mēs ieskatāmies Džefa esošajā vietnē. Šī sērija nav tik koncentrēta uz "pārprojektēšanu", kāda bija v10 sērijai, taču pastāv jau esoša "

# 039 - vairāku ierīču testēšana - CSS-triki

# 039 - vairāku ierīču testēšana - CSS-triki

Pagaidām mēs esam izmantojuši iOS simulatoru, lai pārbaudītu savas vietnes mobilo versiju. Tas ir diezgan labi, daudz labāk nekā pārbaudīt šauru "

# 033 - multivides vaicājumi JavaScript - CSS-triki

# 033 - multivides vaicājumi JavaScript - CSS-triki

Izstrādājot vietni darbvirsmā, pārvietojām sākumlapas navigāciju uz lapas labo pusi, lai kreisajā pusē atvērtu vairāk caurumu. "

# 037 - Krāsu manipulācijas CSS-triki

# 037 - Krāsu manipulācijas CSS-triki

Toreiz, kad mēs sajaucāmies ar CMS spēju piešķiršanu mājas lapas slīdnim, mēs katram mājaslapas slaidam piešķirām pielāgotu lauku krāsu atlasītāju. Tas mums dod "

# 035 - darbvirsmas kursora statīvi - CSS-triki

# 035 - darbvirsmas kursora statīvi - CSS-triki

Tas, ka šī ir mobilajām ierīcēm pirmā sērija, nenozīmē, ka mēs varam ignorēt galddatoru / klēpjdatoru mijiedarbību. Mēs pavadām mazliet laika, lai pārliecinātos "

# 036 - liela ekrāna viena emuāra lapa - CSS-triki

# 036 - liela ekrāna viena emuāra lapa - CSS-triki

Lielākos ekrānos mums ir vairāk vietas visās mūsu lapās. Mēs to esam risinājuši mājaslapā, taču labāk varam rīkoties arī citās apakšlapās. Viens"

# 034 - Ajaxing emuāra ziņā - CSS-triki

# 034 - Ajaxing emuāra ziņā - CSS-triki

Mēs galu galā veicam ļoti vienkāršu pārbaudi, kas tiek ielādēta emuāra rakstā, lai to parādītu, ja ir vieta: // Ielādējiet papildu saturu, ja ir pietiekami daudz vietas. "

# 032 - Mājas navigācijas pārvietošana, multivides vaicājumi - CSS-triki

# 032 - Mājas navigācijas pārvietošana, multivides vaicājumi - CSS-triki

Mēs strādājam pie vietnes labošanas tā, lai uz darbvirsmas (ti, lielākiem) ekrāniem vietne joprojām izskatītos labi. Mājaslapas navigācija ir vēl viena lieta, kas tiek iegūta "

# 031 - Darbvirsmas slīdņa augstuma ierobežošana CSS-triki

# 031 - Darbvirsmas slīdņa augstuma ierobežošana CSS-triki

Kad pārlūkprogrammas logs kļūst lielāks, mājas lapas augšpusē esošais slīdnis kļūst smieklīgi liels. Šī ir pirmā mobilo ierīču sērija, taču kopš mobilās ierīces "

# 030 - saziņas veidlapa - CSS-triki

# 030 - saziņas veidlapa - CSS-triki

Viena no piecām galvenajām vietnes jomām ir kontaktu lapa. Tomēr tas gandrīz neprasa pārklājumu, jo mēs to vienkārši uzbūvējām Wufoo un "

# 029 - notikumu iesaiņošana - CSS-triki

# 029 - notikumu iesaiņošana - CSS-triki

Es domāju, ka mēs varētu izpētīt notikumus, par kuriem mēs runājām pēdējā videoklipā, taču, izstrādājot notikumu apgabalu, man vajadzēja uzrakstīt pietiekami daudz koda. "

# 026 - Super CMS, spraudņa iestatīšana - CSS-triki

# 026 - Super CMS, spraudņa iestatīšana - CSS-triki

Kad ir instalēti divi darba zirga CMS paplašināšanas spraudņi, mēs nedaudz laika pavadām to iestatīšanai. "Notikumi" Džefa vietnē ir lielisks piemērs. Notikums""

# 027 - Sākumlapas slaidu administratīvā kontrole - CSS-triki

# 027 - Sākumlapas slaidu administratīvā kontrole - CSS-triki

Mums ir vēl viens ziņu veids, kuram jāpielieto atbilstoši pielāgotie lauki: sākumlapas slaidi. Tā ir tāda lieta, kuru būtu viegli un vilinoši "

# 028 - Notikumi, administrēšana un lietotāja saskarne - CSS-triki

# 028 - Notikumi, administrēšana un lietotāja saskarne - CSS-triki

Mēs uzzinājām, kā veikt pielāgotu cilpu un izvest pielāgotus datus no mūsu pielāgotajiem ziņojumu veidiem un pielāgotajiem laukiem pēdējā videoklipā. Šoreiz mums tas jādara "

# 025 - Super CMS, spraudņi - CSS-triki

# 025 - Super CMS, spraudņi - CSS-triki

Mēs patiešām varam paplašināt WordPress "CMS" iespējas tikai ar dažiem spraudņiem: Advanced Custom Fields un Custom Post Types UI. Ar šiem "

# 024 - apakšlapas navigācija - CSS-triki

# 024 - apakšlapas navigācija - CSS-triki

Mājaslapas navigācija labi atbilst mūsu vajadzībām, taču šīs milzīgās navigācijas daļas izmantošana katrā vietnes lapā nav praktiska. Mums būs nepieciešams "

# 023 - lapas veidne - CSS-triki

# 023 - lapas veidne - CSS-triki

Gandrīz visās WordPress tēmās ir iesniegts nosaukums page.php. Šī ir veidne, kas kontrolē “Pages” - vienu no noklusējuma satura veidiem,

# 022 - Emuāru arhīvs - CSS-triki

# 022 - Emuāru arhīvs - CSS-triki

Ir tikai viens veids, kā nokļūt vietnes emuāra apgabalā no sākumlapas, un tas ir, noklikšķinot uz "Pēdējā rakstīšana". Bet tas jūs aizved visvairāk "

# 021 - emuārs, 3. daļa - CSS-triki

# 021 - emuārs, 3. daļa - CSS-triki

Tipogrāfija joprojām nav gluži pareiza, tāpēc mēs tērējam nedaudz vairāk laika, lai to pielāgotu. Šeit ir vērts to darīt, jo galvene un ķermenis "

# 020 - emuāra 2. daļa - CSS-triki

# 020 - emuāra 2. daļa - CSS-triki

Emuārā tiek parādīts tas, ko mēs vēlamies, taču tā tipogrāfija un izkārtojums nav gluži tur. Mēs pievienojam mazliet uzcenojumu šeit un tur pēc vajadzības, lai dotu "

# 019 - emuārs, 1. daļa - CSS-triki

# 019 - emuārs, 1. daļa - CSS-triki

Mēs sākam strādāt vietnes emuāra zonā. Mēs vēlamies, lai vietnes emuāra apgabals atrastos vietnē / blog / - tāpēc mēs izveidojam lapas veidni ar nosaukumu "