สร้างธีม jQuery ด้วย ThemeRoller เพื่อรองรับการใช้งานบนมือถือ

[Ik Kat]

ThemeRoller เป็นเครื่องมือที่ใช้สำหรับการสร้างธีมให้รองรับการใช้งานที่หลากหลาย ไม่ว่าจะเป็นบน Web Browser, Smart Phone และ Tablets เป็นเครื่องมือหนึ่งที่อยู่ใน jQueryMobile อีกทั้งมีการพัฒนามาจนถึงเวอร์ชั่นล่าสุดที่ 1.4.5

หน้าเว็บ Theme่Roller สร้างธีมด้วย jQueryMobile

MT19 28-6-60(11).png (129.81 KiB) Viewed 430 times

ในกล่องเครื่องมือด้านซ้าย จะมีให้ปรับฟ้อนต์ สีพื้นหลัง สีตัวอักษร และอื่น ๆ พร้อมทั้งยังสามารถลองปรับแต่งตัวอย่างได้พร้อมกันหลายธีม

แถบเครื่องมือ Theme่Roller สร้างธีมด้วย jQueryMobile

MT19 28-6-60(12).png (30.47 KiB) Viewed 430 times

สำหรับธีมของ jQueryMobile จะใช้ CSS เข้ามาจัดการ โดยใช้ Properties ที่ชื่อว่า data-theme ตัวอย่าง

Code: Select all

<a href="#popup" data-role="button" data-theme="a" data-rel="dialog" data-transition="pop">
<ul data-role="listview" data-inset="true" data-theme="d">

โดยภาพรวมแล้ว ThemeRoller จะช่วยให้การสร้างธีมเป็นเรื่องที่ง่าย และสะดวกสบายมากยิ่งขึ้น โดยการใช้งานผ่านทาง Web Browser

สามารถเข้าใช้งานได้ที่ : http://themeroller.jquerymobile.com/
ที่มา : http://www.thaicreate.com/community/jquery-mobile-themes-theme-roller.html