|
หัวข้อ: แจกโปรแกรมทดสอบ Responsive Web Design เริ่มหัวข้อโดย: rock4u ที่ 22 พฤศจิกายน 2012, 00:38:46 ก่อนอื่นต้องกล่าวทักทายสวัสดี เพื่อนๆ พี่ๆ บอร์ดไทยเสียวทุกๆ คนครับ วันนี้ผมขอทำตัวเป็นประโยชน์ซักวันหลังจากอยู่บอร์ดนี้มานาน นับเวลาที่อยู่ในบอร์ดนี้ก็ประมาณ 12 วัน 20 ชั่วโมง กับ 40 นาที โดยประมาณ (ผมไม่ใช่คนเขียนเว็บเก่ง ไม่เก่งเรื่อง Code ไม่เก่งเรื่อง SEO)
เข้าเรื่องกันเลยดีกว่าครับ วันนี้ผมขอนำเสนอซอฟแวร์ที่ใช้สำหรับทดสอบ Responsive Web Design ของเว็บมาฝากครับ เท่าที่ลองหาดูในบอร์ดก็มีคนนำเสนอเกี่ยวกับเทคนิคและหลักการของ Responsive Web Design ไปบ้างแล้ว ดังนั้นรายละเอียดในส่วนนี้ผมขอข้ามไปเลยละกัน ไปเข้าเรื่องของผมเลยดีกว่า ดูเหมือนว่าผมจะชอบนอกเรื่องนะเนี๊ย ซอฟแวร์ที่ใช้สำหรับทดสอบ Responsive Web Design ที่ผมจะนำมาเสนอวันนี้ชื่อว่า Opera Mobile Emulator (ลองหาดูในบอร์ดยังไม่เห็นมีคนนำเสนอ หากมีพี่ๆ ท่านใดเคยใช้มาแล้วก็ต้องขออภัยมา ณ ที่นี้ เอามาฝากสำหรับคนที่ไม่เคยลองเล่น ให้ลองเล่นกันดูนะครับ) ดังที่หลายคนทราบกันดีเกี่ยวกับ Responsive Web Design ซึ่งเป็นการออกแบบเว็บไซต์ เพื่อให้รองรับกับขนาดหน้าจอของอุปกรณ์สื่อสารต่างๆ ไม่ว่าจะเป็นเครื่องพีซี โน๊ตบุ๊ค สมาร์ทโฟน แท็บแล็ตซึ่งในส่วนของครื่องพีซี โน๊ตบุ๊ค หลายคนคงมีกันอยู่แล้ว แต่จะให้ซื้อพวกสมาร์ทโฟนและแท็บแล็ตทุกๆ รุ่นมาทดสอบ Responsive Web Design ก็ดูกระไรอยู่ วันนี้เลยนำโปรแกรมทดสอบ Responsive Web Design มาฝากครับ โปรแกรมนี้ชื่อว่า Opera Mobile Emulator (ฟรีแวร์) มีทั้งเวอร์ชั่น Mac และ Windows ดาวน์โหลด Opera Mobile Emulator (http://www.opera.com/developer/tools/mobile/) สำหรับภาพที่ผมนำมาเสนอนี้เป็นโปรแกรมเวอร์ชั่น MAC นะครับ โดยเมื่อเปิดโปรแกรมอันดับแรกก็ให้เราเลือกอุปกรณ์ที่มีมาให้ได้เลยครับ ผมขอเลือกเป็น Samsung Galaxy Note (http://www.itdnake.com/wp-content/uploads/2012/11/opera-mobile-emolator-1.png) หลังจากที่เลือกอุปกรณ์ก็จะปรากฏหน้าจอดังภาพ โดยให้เรากรอกชื่อเว็บและดูการแสดงผลหน้าเว็บผ่านอุปกรณ์ที่เลือกได้เลยครับ (http://www.itdnake.com/wp-content/uploads/2012/11/opera-mobile-emolator2.png) บทความที่ผมนำเสนอก็มีแค่นี้ครับ หากสำนวนการเขียนอ่านแล้วยังงงๆ ก็ขออภัยมา ณ ที่นี้ พอดีเป็นคนที่ไม่ค่อยเก่งเรื่องพูดซักเท่าไหร่ หากผิดพลาดประการใดก็ขออภัยมา ณ ที่นี้ สำหรับท่านใดที่ต้องการข้อมูลเกี่ยวกับ Responsive Web Design เพิ่มเติม สามารถอ่านได้ตามข้อมูลที่อ้างอิงในส่วนด้านล่างนี้นะครับ :wanwan017: ที่มาข้อมูล : coding.smashingmagazine/ (http://coding.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/) หัวข้อ: Re: แจกโปรแกรมทดสอบ Responsive Web Design เริ่มหัวข้อโดย: smapan ที่ 22 พฤศจิกายน 2012, 08:24:45 (http://upic.me/i/y4/webmastertools.png)
web-develper ก็ยังไม่เคยทำให้ผมผิดหวัง มีกะเค้าเหมือนกัน หัวข้อ: Re: แจกโปรแกรมทดสอบ Responsive Web Design เริ่มหัวข้อโดย: vikorn ที่ 22 พฤศจิกายน 2012, 08:31:13 เยี่ยมครับ ไม่บวกไม่ได้แล้วครับ
หัวข้อ: Re: แจกโปรแกรมทดสอบ Responsive Web Design เริ่มหัวข้อโดย: zinbads ที่ 22 พฤศจิกายน 2012, 08:32:23 กำลังจะหาข้อมูลเรื่องนี้ อยู่เลย....
หัวข้อ: Re: แจกโปรแกรมทดสอบ Responsive Web Design เริ่มหัวข้อโดย: Pretty123 ที่ 22 พฤศจิกายน 2012, 08:34:24 เจ๋งดี ครับ ผมไม่เคยรู้มาก่อนเลย ขอบคุณมากๆๆๆๆ :wanwan017: :wanwan017: :wanwan017:
หัวข้อ: Re: แจกโปรแกรมทดสอบ Responsive Web Design เริ่มหัวข้อโดย: bigger ที่ 22 พฤศจิกายน 2012, 15:51:09 ว้าวๆๆๆๆๆๆๆๆ เหมือนวานพึ่งจะไปฟังมาพอดีเลย :wanwan011:
หัวข้อ: Re: แจกโปรแกรมทดสอบ Responsive Web Design เริ่มหัวข้อโดย: Gorilla ที่ 22 พฤศจิกายน 2012, 15:55:34 เยี่ยมไปเลยครับ +1
หัวข้อ: Re: แจกโปรแกรมทดสอบ Responsive Web Design เริ่มหัวข้อโดย: BangAor ที่ 22 พฤศจิกายน 2012, 15:59:43 ขอบคุณมากๆครับ :wanwan017:
หัวข้อ: Re: แจกโปรแกรมทดสอบ Responsive Web Design เริ่มหัวข้อโดย: marveric ที่ 22 พฤศจิกายน 2012, 16:01:26 ขอบคุณครับ
หัวข้อ: Re: แจกโปรแกรมทดสอบ Responsive Web Design เริ่มหัวข้อโดย: shooter ที่ 22 พฤศจิกายน 2012, 16:15:47 เป็นประโยชน์มากครับ
หัวข้อ: Re: แจกโปรแกรมทดสอบ Responsive Web Design เริ่มหัวข้อโดย: hisoteen ที่ 22 พฤศจิกายน 2012, 17:32:37 ขอบคุณครับ
หัวข้อ: Re: แจกโปรแกรมทดสอบ Responsive Web Design เริ่มหัวข้อโดย: flash ที่ 22 พฤศจิกายน 2012, 22:29:20 ขอบคุณครับ
หัวข้อ: Re: แจกโปรแกรมทดสอบ Responsive Web Design เริ่มหัวข้อโดย: bigger ที่ 22 พฤศจิกายน 2012, 23:27:57 เมื่อคืนวานพึ่งไปฟังมา อิอิอิ ขอบคุณครับ :wanwan017:
หัวข้อ: Re: แจกโปรแกรมทดสอบ Responsive Web Design เริ่มหัวข้อโดย: kritsakul ที่ 22 พฤศจิกายน 2012, 23:38:40 สุดยอดครับ ขอบคุณมากมากครับผม
หัวข้อ: Re: แจกโปรแกรมทดสอบ Responsive Web Design เริ่มหัวข้อโดย: ~บอล~ ที่ 23 พฤศจิกายน 2012, 01:14:14 เยี่ยมครับ
หัวข้อ: Re: แจกโปรแกรมทดสอบ Responsive Web Design เริ่มหัวข้อโดย: jupiterjan ที่ 23 พฤศจิกายน 2012, 01:21:27 โอ mark ไว้ก่อน
หัวข้อ: Re: แจกโปรแกรมทดสอบ Responsive Web Design เริ่มหัวข้อโดย: wern ที่ 23 พฤศจิกายน 2012, 01:24:32 เก็บเข้ากรุ :wanwan016:
ขอบคุณครับ :wanwan017: หัวข้อ: Re: แจกโปรแกรมทดสอบ Responsive Web Design เริ่มหัวข้อโดย: !Blogger SEO~~ ที่ 23 พฤศจิกายน 2012, 01:38:12 ว้าววๆๆๆ
หัวข้อ: Re: แจกโปรแกรมทดสอบ Responsive Web Design เริ่มหัวข้อโดย: nutlove ที่ 23 พฤศจิกายน 2012, 01:42:15 ขอบคุณคร้าบบบบ มีประโยชน์สำหรับนักพัฒนามาก ><
หัวข้อ: Re: แจกโปรแกรมทดสอบ Responsive Web Design เริ่มหัวข้อโดย: l2el3orNs ที่ 23 พฤศจิกายน 2012, 03:05:51 thx ครับ
หัวข้อ: Re: แจกโปรแกรมทดสอบ Responsive Web Design เริ่มหัวข้อโดย: smon19 ที่ 23 พฤศจิกายน 2012, 12:40:53 จะลองเล่นดูนะ
หัวข้อ: Re: แจกโปรแกรมทดสอบ Responsive Web Design เริ่มหัวข้อโดย: MonkeyAstro ที่ 23 พฤศจิกายน 2012, 19:26:55 แต๊ง กิ้วววว :wanwan011:
หัวข้อ: Re: แจกโปรแกรมทดสอบ Responsive Web Design เริ่มหัวข้อโดย: saemakute ที่ 15 มกราคม 2013, 18:56:07 แจ่มมากกกก
ขอบคุณครับ :wanwan017: |