jQuery UI - modern és látványos webes megoldások


  • Előkészületek
  • 1. lecke 09:12
    A keretrendszer letöltése, előkészítése
  • 2. lecke 04:37
    További témák letöltése és beállítása
  • Accordion (harmónika-panel)
  • 3. lecke 05:52
    Harmónika-panel készítése, működése
  • 4. lecke 16:48
    Beállítási lehetőségek, testreszabás
  • 5. lecke 10:13
    Beállítások lekérdezése és megváltoztatása
  • Autocomplete (beviteli mezők automatikus kiegészítése)
  • 6. lecke 09:46
    A találati lista megjelenítése
  • 7. lecke 12:43
    Beállítások, testreszabás
  • 8. lecke 03:08
    A találati lista vezérlése gombra kattintva
  • 9. lecke 10:51
    Találatok dinamikus generálása PHP-vel
  • 10. lecke 09:13
    Kategóriák kezelése és megjelenítése
  • Button (gombok)
  • 11. lecke 05:33
    Gombok készítése (akár linkekből is)
  • 12. lecke 09:17
    Gombcsoportok készítése checkboxokból és rádiógombokból
  • 13. lecke 08:18
    Ikonok és címkék beállítása a gombokon
  • Datepicker (dátumválasztó)
  • 14. lecke 04:15
    Dátumválasztó naptár készítése egyszerűen
  • 15. lecke 08:01
    A naptár magyarítása, dátumformátum beállítása
  • 16. lecke 06:02
    További megjelenítési beállítások
  • 17. lecke 07:30
    Év és hónap gyors kiválasztása, hetek száma stb.
  • 18. lecke 08:13
    Több hónap megjelenítése, választható intervallum beállítása
  • Dialog (üzenetablak)
  • 19. lecke 05:46
    Automatikusan megnyíló üzenetablak készítése
  • 20. lecke 03:47
    Üzenetablak megnyitása gombnyomásra
  • 21. lecke 03:45
    Weblap-elemekkel való interakció letiltása, bezárás
  • 22. lecke 05:25
    Gombok elhelyezése az üzenetablak alján
  • 23. lecke 05:29
    A megjelenés és eltűnés animálása effektekkel
  • Menu (menük)
  • 24. lecke 03:16
    Egyszerű menü készítése
  • 25. lecke 06:06
    Almenüpontok kezelése
  • 26. lecke 07:20
    Ikonok, elválasztó vonalak, inaktív menüpontok
  • 27. lecke 11:05
    Vízszintes főmenü készítése
  • Progressbar (folyamatjelző csík)
  • 28. lecke 04:06
    Folyamatjelző létrehozása, alapbeállítások
  • 29. lecke 03:20
    Színek és méret beállítása
  • 30. lecke 02:38
    Címke megjelenítése a folyamatjelzőn
  • 31. lecke 09:43
    Folyamatjelző animáció százelék értékkel
  • Slider (csúszka)
  • 32. lecke 10:27
    Csúszka készítése, alapbeállítások
  • 33. lecke 08:12
    Az aktuális érték megjelenítése
  • 34. lecke 09:19
    Intervallum beállítása dupla csúszkával
  • 35. lecke 12:13
    Színkeverő készítése (RGB csúszka)
  • Spinner (számpörgettyű)
  • 36. lecke 08:14
    Számpörgettyű készítése, alapbeállítások
  • 37. lecke 03:42
    Folyamatos (végtelenített) számpörgettyű
  • Tabs (fülecskék)
  • 38. lecke 05:16
    Fülecskés navigáció készítése
  • 39. lecke 07:54
    Beállítási lehetőségek
  • 40. lecke 06:35
    Külső weblapok betöltése tartalomként
  • 41. lecke 03:38
    A fülecskék sorrendjének átrendezése egérrel
  • Tooltip (súgószöveg)
  • 42. lecke 09:02
    Súgószöveg készítése, formázás, pozícionálás, egérkövetés
  • 43. lecke 05:31
    Megjelenítő és eltüntető animációk
  • 44. lecke 06:25
    Egyedi súgó-tartalmak különféle elemekhez
  • Draggable (egérrel mozgatható elemek)
  • 45. lecke 11:37
    Mozgatható elemek készítése, késleltetés, kurzor
  • 46. lecke 07:35
    A mozgás korlátozása X-Y tengelyre és területre
  • 47. lecke 07:10
    Hozzáigazítás (szippantás) más elemekhez
  • 48. lecke 06:56
    Fogantyú készítése a húzáshoz
  • 49. lecke 06:12
    Szellemkép (klón) használata a mozgatás közben
  • 50. lecke 02:50
    Visszamozgatás a kiindulópontra
  • 51. lecke 06:22
    A rétegek sorrendjének felülírása, automatizálása
  • Droppable (célterületek)
  • 52. lecke 05:40
    A mozgatható elemeket befogadó célterületek készítése
  • 53. lecke 04:27
    A befogadható elemek körének leszűkítése
  • 54. lecke 08:09
    Vizuális segítség az elemek elhelyezéséhez
  • 55. lecke 13:42
    A megrendelni kívánt tételek kosárba húzása
  • 56. lecke 10:44
    A kosárba helyezett tételek megrendelése, feldolgozás PHP-vel
  • Resizable (átméretezés)
  • 57. lecke 06:13
    Az átméretezési technika alapjai
  • 58. lecke 03:25
    Átméretező segédvonal és szellemkép
  • 59. lecke 04:03
    Átméretező animáció használata és beállításai
  • 60. lecke 06:44
    Több átméretezhető elem egymáshoz való viszonyulása
  • 61. lecke 12:03
    Lehetőségek az átméretezés korlátozására
  • 62. lecke 12:02
    Mozgatható és átméretezhető képek készítése
  • Selectable (kijelölés)
  • 63. lecke 06:02
    Listaelemek kijelölése
  • 64. lecke 03:08
    Listaelemek négyzetrácsos elrendezése
  • 65. lecke 06:15
    A kijelölt elemek feldolgozása
  • Sortable (átrendezés)
  • 66. lecke 04:35
    Listaelemek sorrendjének átrendezése
  • 67. lecke 07:24
    Elemek átmozgatása másik listába
  • 68. lecke 04:46
    Hatástalanított elemek mozgatásának letiltása
  • 69. lecke 05:39
    DIV területek csoportosítása, sorbarendezése és átmozgatása
A jQuery UI egy olyan keretrendszer, mely hasznos, látványos és divatos eszközöket ad a webmester kezébe. Segítségével modernebbé tehetjük weblapunkat, űrlapjainkat, mindezt akár pár perc alatt.

A használatához nem szükséges, de ajánlott a jQuery nyelv alapfokú ismerete.

Webmestereknek kötelező anyag! :-)
Az értékelések átlaga: grade grade grade grade grade
A tanulók szöveges értékelései:
grade grade grade grade grade
Ennek az anygnak a segítségével cseréltem le az összes alaertboxot a jquery-s dialog-ra.
grade grade grade grade grade
Hát igen.... ezzel nagyon szép oldalakat lehet készíteni...