Videocasty 2025, Leden

V tomto screencastu popisuji absolutní minimum instalace jQuery na „skutečném“ webu. Máme soubor index.html se základním HTML5 "

V posledním videu se to objevilo velmi stručně: jak zastavíte prohlížeč ve skákání dolů, když kliknete na hash odkaz? Toto je výchozí chování prohlížeče, “

JQuery může vybrat cokoli, co může vybrat CSS3. Ale tím to nekončí! Existuje řada dalších selektorů, které jQuery nabízí (prostřednictvím Sizzle „

Mluvili jsme hodně o selektorech. Selektor jQuery jako $ ("h1") vybere všechny prvky na stránce. Ale co ... když ne? Zde je „

V CSS můžete vybrat všechny prvky na stránce pomocí tohoto: h1 (/ * style all elements * /) V jQuery můžete použít přesně stejný selektor. $ ("h1") // set "

Vítejte! Cílem tohoto kurzu je vzít vás, vás krásného frontendového vývojáře, od někoho s velmi malými nebo žádnými znalostmi jQuery nebo JavaScriptu “

Jedním ze způsobů, jak uvažovat o jQuery, je knihovna „Select and Do“. jQuery je obzvláště dobrý při výběru prvků na stránce (věcí v DOM) a následném provedení "

WordPress ovládá oblast komentářů na Jeffově webu. S našimi supervelmoci CSS to bude super snadné vyčistit. Vytvoříme soubor .scss jen pro komentáře “

Je čas tuto sérii uzavřít. Byla to zábavná jízda! Existují určité rozdíly mezi tím, co jsme pokryli, a tím, co je ve skutečnosti

V tomto screencastu se podíváme na Jeffův stávající web. Tato řada není tolik zaměřena na „redesign“, jako byla řada v10, ale existuje již existující “

Z větší části jsme zatím k testování mobilní verze našeho webu použili simulátor iOS. To je docela dobré, mnohem lepší než testování úzkého “

Když jsme web pracovali na ploše, přesunuli jsme navigaci na domovské stránce na pravou stranu stránky, abychom na levé straně otevřeli díru pro další “

V době, kdy jsme se zabývali tím, že jsme dali jezdci domovské stránky schopnosti CMS, dali jsme každému snímku domovské stránky vlastní pole a výběr barvy. To nám dává “

Jen proto, že se jedná o první sérii pro mobily, neznamená, že můžeme ignorovat interakce stolních / přenosných počítačů. Trávíme trochu času ujištěním “

Na větších obrazovkách máme na všech našich stránkách více místa. S tím jsme se zabývali na domovské stránce, ale můžeme to udělat lépe i na ostatních podstránkách. Jediný"

Nakonec skončíme s opravdu jednoduchým testem, který se načte v článku z blogu, který se zobrazí, pokud je v místnosti: // Načíst další obsah, pokud je dostatek informací o místnosti "

Pracujeme na opravě webu tak, aby na „desktopových“ (tj. Větších) obrazovkách web stále vypadal dobře. Navigace na domovské stránce je další věc, kterou získáte “

Když se okno prohlížeče zvětší, posuvník v horní části domovské stránky se směšně zvětší. Toto je první mobilní série, ale protože mobilní

Jednou z pěti hlavních oblastí webu je kontaktní stránka. Sotva to ale vyžaduje nějaké zakrytí, protože jsme to jednoduše postavili ve Wufoo a “

Myslel jsem, že bychom mohli projít událostmi, o kterých jsme mluvili v posledním videu, ale jak jsem upřesnil oblast Událostí, musel být napsán dostatek kódu, “

S nainstalovanými našimi dvěma pluginy rozšiřujícími CMS o pracovní sílu trávíme jejich nastavením trochu času. „Události“ na Jeffově webu jsou dokonalým příkladem. Událost""

Máme další typ příspěvku, který vyžaduje správná vlastní pole: snímky domovské stránky. To je ten druh věci, který by byl snadný a lákavý k “

Naučili jsme se, jak udělat vlastní smyčku a vydat vlastní data z našich vlastních typů příspěvků a vlastních polí v posledním videu. Tentokrát to musíme udělat “

Můžeme opravdu rozšířit „CMS“ schopnosti WordPressu jen pomocí několika pluginů: Advanced Custom Fields a Custom Post Types UI. S těmito"

Navigace na domovské stránce dobře splňuje naše potřeby, ale mít tento obrovský kus navigace na každé stránce webu není praktické. Budeme potřebovat "

Téměř ve všech tématech WordPress existuje soubor s názvem page.php. Toto je šablona, ​​která ovládá „Stránky“ - jeden z výchozích typů obsahu, který „

Existuje pouze jeden způsob, jak se z domovské stránky dostat do oblasti blogu na webu, a to kliknutím na „Poslední psaní“. Ale to vás zavede nejvíce “

Typografie stále ještě není úplně v pořádku, takže její úpravám věnujeme trochu více času. To se vyplatí udělat tady, protože hlavička a tělo “

Z blogu vychází to, co chceme, ale jeho typografie a rozvržení tam není. Podle potřeby přidáváme sem a tam trochu značky “

Začali jsme pracovat na blogové části webu. Chceme mít oblast blogu webu na / blog / - takže nakonec vytvoříme šablonu stránky s názvem „