ชุมชนออนไลน์ หาเพื่อนคุย รวมเกมส์ ดูดวง ฟังเพลง ฟุตบอล ดารา และอีกมากมาย
General Category => มุมเว็บมาสเตอร์ไทย => ข้อความที่เริ่มโดย: friend ที่ กุมภาพันธ์ 06, 2015, 03:49:07 PM
-
SMF - โหมดสำหรับมือถือ มี mod ตัวไหนบ้าง
ค้นหาจากใน smf เลยมี...
http://custom.simplemachines.org/mods/index.php?action=search;basic_search=mobile (http://custom.simplemachines.org/mods/index.php?action=search;basic_search=mobile)
:wanwan017:
-
แนะนำ Mobile Detect php class พร้อมใช้ เช็คการใช้งาน ผ่าน มือถือ แท็บเล็ต
http://www.ninenik.com/%E0%B9%81%E0%B8%99%E0%B8%B0%E0%B8%99%E0%B8%B3_Mobile_Detect_php_class_%E0%B8%9E%E0%B8%A3%E0%B9%89%E0%B8%AD%E0%B8%A1%E0%B9%83%E0%B8%8A%E0%B9%89_%E0%B9%80%E0%B8%8A%E0%B9%87%E0%B8%84%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B9%83%E0%B8%8A%E0%B9%89%E0%B8%87%E0%B8%B2%E0%B8%99_%E0%B8%9C%E0%B9%88%E0%B8%B2%E0%B8%99_%E0%B8%A1%E0%B8%B7%E0%B8%AD%E0%B8%96%E0%B8%B7%E0%B8%AD_%E0%B9%81%E0%B8%97%E0%B9%87%E0%B8%9A%E0%B9%80%E0%B8%A5%E0%B9%87%E0%B8%95-437.html (http://www.ninenik.com/%E0%B9%81%E0%B8%99%E0%B8%B0%E0%B8%99%E0%B8%B3_Mobile_Detect_php_class_%E0%B8%9E%E0%B8%A3%E0%B9%89%E0%B8%AD%E0%B8%A1%E0%B9%83%E0%B8%8A%E0%B9%89_%E0%B9%80%E0%B8%8A%E0%B9%87%E0%B8%84%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B9%83%E0%B8%8A%E0%B9%89%E0%B8%87%E0%B8%B2%E0%B8%99_%E0%B8%9C%E0%B9%88%E0%B8%B2%E0%B8%99_%E0%B8%A1%E0%B8%B7%E0%B8%AD%E0%B8%96%E0%B8%B7%E0%B8%AD_%E0%B9%81%E0%B8%97%E0%B9%87%E0%B8%9A%E0%B9%80%E0%B8%A5%E0%B9%87%E0%B8%95-437.html)
:wanwan017:
-
Tapatalk Plugin SMF สำหรับมือถือ
http://www.justusers.net/forum/index.php?topic=5504.0 (http://www.justusers.net/forum/index.php?topic=5504.0)
:wanwan017:
-
อันนี้ไม่ใช่ของผมนะครับ
เห็นว่าน่าสนใจดี เลยเอามาฝากครับ
ขายธีม SMF 2.0 - Mobile Blue Responsive เพียง 1,299 บาทเท่านั้น!!
http://www.thaiseomarket.com/index.php?topic=250.0 (http://www.thaiseomarket.com/index.php?topic=250.0)
:wanwan017:
-
ใช้ Bootstrap Framework
มาพัฒนา SMF ให้เป็น Responsive
ติดปีกให้บอร์ดธรรมดากลายเป็นบอร์ดที่สามารถพกพาไปได้บนมือถือ
http://nevikup.blogspot.com/2014/06/how-to-smf-responsive-1-bootstrap.html
:wanwan013:
เริ่มต้นการสร้างเว็บ Responsive ด้วย Bootstrap
http://blog.design-group2009.com/%E0%B9%80%E0%B8%A3%E0%B8%B4%E0%B9%88%E0%B8%A1%E0%B8%95%E0%B9%89%E0%B8%99%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B8%AA%E0%B8%A3%E0%B9%89%E0%B8%B2%E0%B8%87%E0%B9%80%E0%B8%A7%E0%B9%87%E0%B8%9A-responsive-%E0%B8%94%E0%B9%89%E0%B8%A7%E0%B8%A2-bootstrap/ (http://blog.design-group2009.com/%E0%B9%80%E0%B8%A3%E0%B8%B4%E0%B9%88%E0%B8%A1%E0%B8%95%E0%B9%89%E0%B8%99%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B8%AA%E0%B8%A3%E0%B9%89%E0%B8%B2%E0%B8%87%E0%B9%80%E0%B8%A7%E0%B9%87%E0%B8%9A-responsive-%E0%B8%94%E0%B9%89%E0%B8%A7%E0%B8%A2-bootstrap/)
:wanwan013:
คลิปวีดีโอ วิธีใช้ Twitter Bootstrap
http://www.youtube.com/watch?v=JrSDmtvi1mk (http://www.youtube.com/watch?v=JrSDmtvi1mk)
:wanwan013:
-
จริงๆมีผู้ออกแบบเฟรมเวิร์กที่เป็น Responsive หลายเจ้าแล้วครับ และที่ดังๆ ก็คือ Bootstrap
ฺคลิกเข้าไปดูครับ มีทั้งธีมตัวอย่าง และวิธีใช้งาน
ทีนี้ ถ้าจะทำ SMF ให้เป็น Responsive ก็ไม่ยากแล้วครับ Bootstrap คือคำตอบ
SMF + Bootstrap = SMF Responsive ด้วยประการฉะนี้.
http://nevikup.blogspot.com/2014/06/smf-responsive-smf.html
-
SMF 2.1 ตอนนี้ยังอยู่ในช่วงทดลอง หรือทดสอบโปรแกรมอยู่นะครับ
Note: As this is in development, we do not recommend running SMF 2.1 on a production site.
เมื่อเราเข้าเว็บผ่านอุปกรณ์พกพา ระบบมันจะทำการปรับหน้าเว็บ ให้มีความเข้ากันได้กับอุปกรณ์พกพาของเราทันที เป็นการดี ที่เพื่อนๆ จะได้อ่านนิยายได้สะดวกสบายมากยิ่งขึ้น
ดาวน์โหลดมาทดสอบก่อนได้ที่นี่: http://download.simplemachines.org/
SMF 2.1 BETA
ในที่สุด SMF (Simple Machines Forum) ก็ปล่อย smf 2.1 beta ออกมาให้ทดลองใช้กันแล้วนะครับ จุดเด่นของรุ่นนี้น่าจะอยู่ที่การสนับสนุน SSL เต็มรูปแบบทั้งเว็บไซต์ และยังเพิ่มฟังก์ชันอื่นๆอีกมากมาย SMF2.1 BETA ทางทีมงานของ smf บอกว่าสามารถรองรับ PHP 5.3.8+ และ MySQL 5.0.3+ เท่านั้นและที่สำคัญเมื่อ อัพเกรด เป็น smf 2.1 แล้วจะไม่สามารถกลับไปใช้เวอร์ชั่นเก่าได้
ต่อด้วยการบอกลา IE6 และ IE7 แต่จะยังคงทำงานกับ IE8 + และสิ่งที่ทาง smf แนะนำคือ IE10+ นั้นเองครับ ส่วนเบราว์เซอร์ของ Chrome, Safari, Firefox, Opera ฯลฯ นั้นไม่มีปัญหาครับ
ดูตัวอย่างของเวอร์ชั่นนี้ครับ: http://smf21.chelloo.com/index.php
หากทางเล้าเป็ดมีแผนจะอัปเกรดตัวระบบเว็บบอร์ดเป็นเวอร์ชันใหม่ อยากแนะนำให้รอเวอร์ชันนี้ SMF 2.1 นี้ดีกว่าครับ (สถานะตอนนี้อยู่ในเบต้า หรือทดสอบระบบ ยังไม่แนะนำให้ใช้งานจริง แต่อีกไม่นานตัวเต็มก็คงจะตามมาแน่นอน)
อย่างที่เกริ่นไปว่า ปัจจุบันนี้ คนส่วนใหญ่ เข้าถึงเว็บไซต์ผ่านอุปกรณ์พกพาไม่ว่าจะเป็น มือถือ แท็ปเล็ต กันเกือบร้อยละ 70 แล้ว เว็บมาสเตอร์จำเป็นต้องปรับรูปแบบเว็บไซต์ให้สามารถรองรับการแสดงผลการอุปกรณ์พกพาได้
ผมจึงได้แนะนำและลองเสนอให้ทางเล้าเป็ด รับไปพิจารณาด้วยนะครับ เพราะ SMF เวอร์ชันนี้ รองรับการแสดงผลผ่านอุปกรณ์พกพาด้วย (หรือที่ได้เห็นได้ยินกันบ่อยๆ ว่าเว็บเป็นแบบ Responsive) ปกติเวลาเปิดผ่านมือถือ (แบบปรับอัตโนมัติให้เลยนะ มิใช่กำหนดเอง) มันจะแสดงเป็นโหมดเดสก์ทอปให้เลย ทำให้ตัวหนังสือมันจะดูเล็ก อ่ายยาก แต่เมื่ออัปเกรดระบบเป็น SMF 2.1 เมื่อไหร่ เวลาเพื่อนๆ อ่านนิยายก็จะสะดวกและง่ายขึ้น ดังที่ผมแคปหน้าจอให้ดูทางด้านบน
ที่มาบทความ http://www.thailandmovingguide.com/smf/smf-2-1-beta/
:wanwan017:
-
Bootstrap คืออะไร + สอนวิธีใช้แบบเข้าใจง่าย
หลายๆ คน คงเคยได้ยินมาว่า Bootstrap ช่วยให้เราเขียนเว็บได้ไวขึ้นใช่มั้ยครับ บางคนอาจจะเคยลองใช้มาบ้างแล้ว แต่ถ้าใครยังไม่เคย และอยากลองใช้ดูบ้าง วันนี้เราจะมาพูดถึงเจ้า front-end framework ตัวนี้กันครับ ทำไมทั่วโลกเค้าถึงนิยมใช้ มันมีข้อดี ข้อเสียอะไรบ้าง อ่านจบแล้วรับรองใช้เป็นแน่นอนครับ
http://www.siamhtml.com/bootstrap-%E0%B8%84%E0%B8%B7%E0%B8%AD%E0%B8%AD%E0%B8%B0%E0%B9%84%E0%B8%A3-%E0%B8%AA%E0%B8%AD%E0%B8%99%E0%B8%A7%E0%B8%B4%E0%B8%98%E0%B8%B5%E0%B9%83%E0%B8%8A%E0%B9%89/
:wanwan013:
-
คลิปวีดีโอ - youtube.com
ตอนที่ 1 - เริ่มต้นใช้งาน Bootstrap 3
http://www.youtube.com/watch?v=AaAYM4Fvsjk (http://www.youtube.com/watch?v=AaAYM4Fvsjk)
:wanwan013:
-
เริ่มต้นทำเว็บ Responsive สวยงาม ฉับไว ไร้ table ด้วย Bootstrap (ฉบับรวบรัด)
http://ziko.kmi.tl/?p=333 (http://ziko.kmi.tl/?p=333)
:wanwan013:
-
คลิปวีดีโอ
Bootstrap : Front-End Framework เพื่อ สร้างเว็บไซต์ ภาค 1
http://www.warriiior.com/bootstrap-front-end-framework-1/ (http://www.warriiior.com/bootstrap-front-end-framework-1/)
:wanwan013:
-
เขียนเว็บให้สวยและรวดเร็วด้วย Bootstrap Framework สำหรับผู้เริ่มต้นเขียนเว็บไซต์
http://www.tsadvanced.com/bootstrap-introduction/ (http://www.tsadvanced.com/bootstrap-introduction/)
:wanwan013:
-
ทำความรู้จัก Bootstrap มนต์มายาแห่ง Open Source
http://thaiopensource.org/%E0%B8%97%E0%B8%B3%E0%B8%84%E0%B8%A7%E0%B8%B2%E0%B8%A1%E0%B8%A3%E0%B8%B9%E0%B9%89%E0%B8%88%E0%B8%B1%E0%B8%81-bootstrap-%E0%B8%A1%E0%B8%99%E0%B8%95%E0%B9%8C%E0%B8%A1%E0%B8%B2%E0%B8%A2%E0%B8%B2%E0%B9%81/ (http://thaiopensource.org/%E0%B8%97%E0%B8%B3%E0%B8%84%E0%B8%A7%E0%B8%B2%E0%B8%A1%E0%B8%A3%E0%B8%B9%E0%B9%89%E0%B8%88%E0%B8%B1%E0%B8%81-bootstrap-%E0%B8%A1%E0%B8%99%E0%B8%95%E0%B9%8C%E0%B8%A1%E0%B8%B2%E0%B8%A2%E0%B8%B2%E0%B9%81/)
:wanwan013:
-
Bootstrap คืออะไร + สอนวิธีใช้แบบเข้าใจง่าย
http://www.siamhtml.com/bootstrap-%E0%B8%84%E0%B8%B7%E0%B8%AD%E0%B8%AD%E0%B8%B0%E0%B9%84%E0%B8%A3-%E0%B8%AA%E0%B8%AD%E0%B8%99%E0%B8%A7%E0%B8%B4%E0%B8%98%E0%B8%B5%E0%B9%83%E0%B8%8A%E0%B9%89/ (http://www.siamhtml.com/bootstrap-%E0%B8%84%E0%B8%B7%E0%B8%AD%E0%B8%AD%E0%B8%B0%E0%B9%84%E0%B8%A3-%E0%B8%AA%E0%B8%AD%E0%B8%99%E0%B8%A7%E0%B8%B4%E0%B8%98%E0%B8%B5%E0%B9%83%E0%B8%8A%E0%B9%89/)
-
How to SMF Responsive
ตอนที่ 1 Bootstrap
อย่างที่ได้เกริ่นนำเมื่อบทความที่แล้วว่า ผมจะใช้ Bootstrap Framework มาพัฒนา SMF ให้เป็น Responsive ติดปีกให้บอร์ดธรรมดากลายเป็นบอร์ดที่สามารถพกพาไปได้บนมือถือ
http://nevikup.blogspot.com/2014/06/how-to-smf-responsive-1-bootstrap.html
-
ขั้นตอนลัดวิธีการใช้งาน Bootstrap สร้างเว็บไซต์
http://www.deeclub.com/%E0%B8%A7%E0%B8%B4%E0%B8%98%E0%B8%B5%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B9%83%E0%B8%8A%E0%B9%89%E0%B8%87%E0%B8%B2%E0%B8%99bootstrap/
-
Bootstrap and jQuery
Table of Contents
https://leanpub.com/bootstrapjquery/read
* อ่านๆแล้ว อันนี้จะยากหน่อยนะครับ
-
พึ่งได้ลอง css framework ครับ ทำงานง่ายขึ้นเยอะเลย [พร้อมวิธีใช้งานเบื้องต้น]
http://www.thaiseoboard.com/index.php/topic,275189.0.html
-
Bootstrap Grid
ลดละเลิกการใช้ Table หันมาใช้ Grid กันดีกว่า
http://www.webtogo.in.th/bootstrap-grid.php
-
จะใช้งาน bootstrap ด้วยยังไงหรอครับ
http://codeigniter.in.th/forum/html_javascript_css/175
-
ทำความรู้จักกับ Bootstrap
http://sysadmin.psu.ac.th/2015/01/14/bootstrap1/
-
การใช้งาน Twitter Bootstrap เบื้องต้น
http://www.youtube.com/watch?v=BHzZHwegq4s