Videoképernyők 2025, Január

# 02: Fájlbeállítás / A jQuery összekapcsolása - CSS-trükkök

# 02: Fájlbeállítás / A jQuery összekapcsolása - CSS-trükkök

Ebben a képernyőn áttekintem a jQuery használatának abszolút minimális beállítását egy "igazi" weboldalon. Van egy index.html fájlunk az alapvető HTML5 "

# 08: preventDefault, stopPropagation és hamis - CSS-trükkök

# 08: preventDefault, stopPropagation és hamis - CSS-trükkök

Az utolsó videóban nagyon röviden felmerült: hogyan akadályozhatja meg a böngésző leugrását, ha rákattint egy hash linkre? Ez a böngésző alapértelmezett viselkedése "

# 06: jQuery Selector bővítmények - CSS-trükkök

# 06: jQuery Selector bővítmények - CSS-trükkök

A jQuery bármit kiválaszthat, amit a CSS3 kiválaszthat. De ez nem áll meg itt! Számos további választót kínál a jQuery (a Sizzle-n keresztül "

# 05: Minden a DOM-készen - CSS-trükkök

# 05: Minden a DOM-készen - CSS-trükkök

Nagyon sokat beszélgettünk a választókról. Egy jQuery választó, mint például $ ("h1"), kiválasztja az oldal összes elemét. De mi van ... amikor nem? Itt van egy

# 04: A jQuery szelektorok CSS3 szelektorok - CSS-trükkök

# 04: A jQuery szelektorok CSS3 szelektorok - CSS-trükkök

A CSS-ben ezzel kiválaszthatja az oldal összes elemét: h1 (/ * minden elem stílusa * /) A jQuery-ben pontosan ugyanazt a választót használhatja. $ ("h1") // készlet "

# 01: Üdvözöljük a Learning jQuery tanfolyamon - CSS-trükkök

# 01: Üdvözöljük a Learning jQuery tanfolyamon - CSS-trükkök

Üdvözöljük! Ennek a tanfolyamnak az a célja, hogy elhozzon téged, te szép front end fejlesztő, valakitől, akinek jQuery vagy JavaScript ismerete nagyon kevés vagy egyáltalán nincs "

# 03: Válassza ki és tegye - CSS-trükkök

# 03: Válassza ki és tegye - CSS-trükkök

A jQuery gondolkodásmódjának egyik módja a "Select and Do" könyvtár. A jQuery különösen jól tudja kiválasztani az elemeket az oldalon (a DOM-ban lévő dolgokat), majd a

# 038 - Megjegyzések Tisztítás - CSS-trükkök

# 038 - Megjegyzések Tisztítás - CSS-trükkök

A WordPress biztosítja Jeff webhelyének megjegyzésterületét. Ezt rendkívül könnyű megtisztítani CSS-szuperhatalmainkkal. Csatolunk egy .scss fájlt csak megjegyzésekhez "

# 040 - Sorozatbontás - CSS-trükkök

# 040 - Sorozatbontás - CSS-trükkök

Ideje lezárni ezt a sorozatot. Szórakoztató menet volt! Van némi különbség a lefedettség és a tényleges között

# 002 - Egy pillantás a régi webhelyre CSS-trükkök

# 002 - Egy pillantás a régi webhelyre CSS-trükkök

Ebben a képernyőn megnézzük Jeff meglévő webhelyét. Ez a sorozat nem annyira "újratervezés" fókuszált, mint a v10 sorozat, de létezik egy létező "

# 039 - Eszközök közötti tesztelés - CSS-trükkök

# 039 - Eszközök közötti tesztelés - CSS-trükkök

Eddig nagyrészt az iOS szimulátort használtuk webhelyünk mobil változatának tesztelésére. Ez nagyon jó, sokkal jobb, mint tesztelni egy keskeny "

# 033 - Média lekérdezések a JavaScript-ben - CSS-trükkök

# 033 - Média lekérdezések a JavaScript-ben - CSS-trükkök

Amint asztalt készítettünk a webhelyről, áthelyeztük a kezdőlap navigációját az oldal jobb oldalára, hogy a bal oldalon egy lyuk nyílhasson tovább

# 037 - Színkezelés - CSS-trükkök

# 037 - Színkezelés - CSS-trükkök

Akkor, amikor azt kavartuk, hogy CMS-képességeket adtunk a kezdőlap csúszkájának, egy egyedi mezőt adtunk minden egyes kezdőlapnak egy színválasztóval. Ez ad nekünk "

# 035 - Asztali egérmutató állapotok - CSS-trükkök

# 035 - Asztali egérmutató állapotok - CSS-trükkök

Csak azért, mert ez az első, mobilra szánt sorozat, még nem jelenti azt, hogy figyelmen kívül hagyhatjuk az asztali / laptop számítógépek kölcsönhatásait. Egy kis időt töltünk azzal, hogy "

# 036 - Nagyképernyős egyetlen blogoldal - CSS-trükkök

# 036 - Nagyképernyős egyetlen blogoldal - CSS-trükkök

Nagyobb képernyőkön minden oldalunkon több hely van. A kezdőlapon már foglalkoztunk ezzel, de a többi aloldalon is jobban teljesíthetünk. Egyetlen"

# 034 - Ajaxing egy blogbejegyzésben - CSS-trükkök

# 034 - Ajaxing egy blogbejegyzésben - CSS-trükkök

Végül egy nagyon egyszerű tesztet végzünk, amely betölti a blog egy cikkét, és megjeleníti, ha van hely: // További tartalom betöltése, ha elegendő hely igényel "

# 032 - Az otthoni navigáció mozgatása, média lekérdezések - CSS-trükkök

# 032 - Az otthoni navigáció mozgatása, média lekérdezések - CSS-trükkök

Dolgozunk a webhely javításán, hogy az "asztali" (azaz nagyobb) képernyőkön a webhely még mindig jól nézzen ki. A kezdőlapon történő navigáció egy másik dolog, ami megjelenik "

# 031 - A csúszka magasságának korlátozása asztali - CSS-trükkök

# 031 - A csúszka magasságának korlátozása asztali - CSS-trükkök

Amikor a böngésző ablaka nagyobb lesz, a kezdőlap tetején található csúszka nevetségesen nagy lesz. Ez egy mobil első sorozat, de mivel a mobil "

# 030 - A kapcsolatfelvételi űrlap - CSS-trükkök

# 030 - A kapcsolatfelvételi űrlap - CSS-trükkök

A webhely öt fő területének egyike a kapcsolattartó oldal. Alig igényel fedezetet, mert egyszerűen megépítettük a Wufoo-ban és "

# 029 - Események áttekintése - CSS-trükkök

# 029 - Események áttekintése - CSS-trükkök

Azt hittem, hogy átnézhetjük az Eseményeket, amiről az utolsó videóban beszéltünk, de amint kidolgoztam az Események területet, elegendő kódot kellett írnom. "

# 026 - Super CMS, beépülő modul beállítása - CSS-trükkök

# 026 - Super CMS, beépülő modul beállítása - CSS-trükkök

Miután telepítettük a két workhorse CMS-bővítő beépülő modulunkat, egy kis időt töltünk felállításukkal. A Jeff oldalán található "események" tökéletes példa. Esemény""

# 027 - A kezdőlapok adminisztrátori ellenőrzése - CSS-trükkök

# 027 - A kezdőlapok adminisztrátori ellenőrzése - CSS-trükkök

Van egy másik bejegyzéstípusunk, amelyhez meg kell adni a megfelelő egyéni mezőket: a kezdőlap diák. Ez az a fajta dolog, amit könnyű és csábító lenne "

# 028 - Események, rendszergazda és felhasználói felület - CSS-trükkök

# 028 - Események, rendszergazda és felhasználói felület - CSS-trükkök

Megtanultuk, hogyan kell egyéni ciklust csinálni, és egyéni adatokat lehet kimenetelni az utolsó videó egyéni posttípusainkból és egyéni mezőiből. Ezúttal meg kell tennünk "

# 025 - Super CMS, a bővítmények - CSS-trükkök

# 025 - Super CMS, a bővítmények - CSS-trükkök

A WordPress "CMS" képességeit csak néhány pluginnel tudjuk kibővíteni: Speciális egyéni mezők és Egyéni feladattípusok felhasználói felület. Ezekkel"

# 024 - Aloldal navigáció - CSS-trükkök

# 024 - Aloldal navigáció - CSS-trükkök

A kezdőlapon történő navigáció jól kielégíti igényeinket, de az a hatalmas navigációs részlet a webhely minden oldalán nem praktikus. Szükségünk lesz "

# 023 - Oldalsablon - CSS-trükkök

# 023 - Oldalsablon - CSS-trükkök

Nagyjából az összes WordPress-témában van egy reszelt oldal.php. Ez a sablon vezérli az "Oldalak" - az egyik alapértelmezett tartalomtípus "

# 022 - Blogarchívum - CSS-trükkök

# 022 - Blogarchívum - CSS-trükkök

A weboldal blogterületére csak egyféleképpen lehet eljutni a kezdőlapról, ez pedig a "Legutóbbi írás" gombra kattintva. De ez vezet a legjobban "

# 021 - A blog, 3. rész - CSS-trükkök

# 021 - A blog, 3. rész - CSS-trükkök

A tipográfia még mindig nem teljesen megfelelő, ezért egy kicsit több időt fordítunk a kiigazításokra. Ezt itt érdemes megtenni, mert a fejléc és a törzs "

# 020 - A blog, 2. rész - CSS-trükkök

# 020 - A blog, 2. rész - CSS-trükkök

A blog kiadja, amire vágyunk, de a tipográfia és az elrendezés nem egészen ott van. Adunk egy kis jelölést ide-oda, ha szükséges adni "

# 019 - A blog, 1. rész - CSS-trükkök

# 019 - A blog, 1. rész - CSS-trükkök

Elkezdünk dolgozni az oldal blog területén. Azt akarjuk, hogy a webhely blogterülete a / blog / címen legyen - így végül elkészítünk egy sablont ehhez a "