รูปแบบเว็บเพจต้นแบบ

สร้างคลาสชื่อ inViewport และ outsideViewport แล้วกำหนดในแต่ละตาราง ทำให้ตารางที่กำหนด inViewport กว้าง 320px และ outsideViewport กว้าง 768px ตารางใดไม่กำหนดก็จะมีขนาดเต็มจอภาพ คือ 100% โดยอัตโนมัติ เมื่อขนาด screen เปลี่ยน ก็จะมาดูคุณสมบัติที่กำหนดใน @media only screen ตัวอย่าง viewport_inout.htm เขียนแบบกำหนด css ในแฟ้มเดียวกัน ไม่ได้แยกออกไปเป็น .css

.inViewport{width:320px;} 
.outsideViewport{width:768px;} 
@media only screen and (max-width:768px) {td{border-style:solid;}.outsideViewport{width:760px;}} 
@media only screen and (min-width:321px) and (max-width:375px) {td{background-color:yellow;}} 
@media only screen and (max-width:320px) {td{background-color:red;}} 

1. An Adaptive Temporal-Concept Drift Model for Sequential Recommendation
2. Business model for Captioning University Lecture Recordings
3. Cloud Computing and Big Data in Learning Management System
4. Education 3.0 for Distance Learning
5. Enhancing Reading Comprehension by Using the STAD Technique in Seventh Grade Students at a Secondary School
6. Implementing a Portfolio-based Learner Autonomy Development Model in an EFL Writing Course
7. Role of Information and Communication Technology in the Provision of Career Information in Higher Technical and Vocational Education Institutions
8. Use of Web 2.0 to Support Human Capital Creation: A Case of Indigenous Knowledge in Rural of Thailand
9. WCAG 2.1: Web Accessibility Guidelines for Everyone
10. Web 2.0: สิทธิในการสื่อสารเพื่อขับเคลื่อนสังคมสารสนเทศ
11. Wikipedia Writing Assignments: A One-year Pilot Program in Chemistry Classes at Mahidol University
12. กลศิลป์ในการเล่าเรื่องของนิยายออนไลน์ในสังคมไทย
13. การจัดการเรียนรู้แบบผสมผสานโดยใช้ปัญหาเป็นหลักร่วมกับการใช้ผังกราฟิกบนเว็บ 2.0 เพื่อพัฒนาความสามารถในการแก้ปัญหาสำหรับนักเรียนชั้นมัธยมศึกษาตอนปลาย
14. การบูรณาการเทคโนโลยีเว็บ 2.0 เพื่อพัฒนา ความสามารถทางการเขียนภาษาอังกฤษ ของนิสิตมหาวิทยาลัย
15. การประยุกตใชเครื่องมือทางสังคมกับหองสมุดดิจิทัล (Applying Social Tools to Digital Libraries)
16. การพัฒนาระบบการจัดการสารสนเทศการประกันคุณภาพการศึกษาระดับหลักสูตร
17. การพัฒนาระบบควบคุมอัจฉริยะสำหรับโรงเรือนอนุบาลต้นกล้าเมล่อนญี่ปุ่น สายพันธุ์ออเร้นจ์แมน บนแพลตฟอร์มอินเทอร์เน็ตประสานสรรพสิ่ง
18. การพัฒนาระบบเทคโนโลยีสารสนเทศเพื่อการอนุรักษ์และศึกษาเอกสารตัวเขียน (R1, D1)
19. การพัฒนารูปแบบเครือข่ายกัลยาณมิตรนิเทศด้วยการใช้เทคโนโลยี เว็บ ๒.๐ โดยการวัดและประเมินตามสภาพจริงเพื่อส่งเสริม สมรรถนะทางวิชาชีพของนักศึกษาฝึกประสบการณ์วิชาชีพครู
20. การพัฒนาแอปพลิเคชันการเข้าร่วมกิจกรรมของนักศึกษาวิทยาลัยชุมชนด้วยแนวทางการยืนยันแบบดิจิทัล
21. การศึกษาการใช้สภาพแวดล้อมการเรียนรู้ส่วนบุคคลของนิสิตครุศาสตร์สาขาคอมพิวเตอร์ศึกษา
22. การศึกษาเชิงเปรียบเทียบข้อความเขียนชมเชยโดยผู้บริโภคตัวจริงในภาษาอังกฤษ: วิเคราะห์สิ่งที่ได้รับคำชม 'ต้มยำกุ้ง' กับสองความหมายเชิงอรรถศาสตร์
23. การสร้างทุนมนุษย์ความรู้ท้องถิ่นในคนรุ่นใหม่: กรณีศึกษาทุนมนุษย์ความรู้ท้องถิ่น เรื่องผักพื้นบ้าน
24. การออกแบบและพัฒนาเว็บไซต์ของหน่วยงานประจำจังหวัดปราจีนบุรี
25. การเปลี่ยนผ่านของการจัดการความรู้
26. การเพิ่มประสิทธิภาพความสามารถการเข้าถึงข้อมูลบนเว็บ สำหรับผู้พิการทางสายตา
27. การเสริมต่อศักยภาพทางการเรียนรู้ภาษาอังกฤษเฉพาะกิจผ่านเฟซบุ้ก
28. การใช้กิจกรรมการพัฒนาทักษะการออกแบบขั้นตอนวิธีทางคอมพิวเตอร์ ด้วยวิธีปัญหาเป็นฐาน โดยใช้เทคโนโลยีเว็บ 2.0 และเทคนิคพี่เลี้ยง
29. การใช้เทคโนโลยีห้องสมุด 2.0 ในงานบริการสารสนเทศของห้องสมุดและ ศูนย์สารสนเทศทางวิทยาศาสตร์และเทคโนโลยี ในเขตกรุงเทพมหานคร และปริมณฑล
30. การใช้เทคโนโลยีเว็บ 2.0 ของห้องสมุดมหาวิทยาลัยของรัฐ
31. การใช้เทคโนโลยีเว็บ 2.0 เพื่อสนับสนุนกระบวนการถ่ายทอดความรู้ให้คนรุ่นใหม่: กรณีการถ่ายทอดความรู้ท้องถิ่นในชนบท
32. การใช้เทคโนโลยีเว็บ 2.0 ในการจัดการเรียนรู้ตามแนวคิดทฤษฎีโครงสร้างนิยม (Constructivism)
33. ความคาดหวังของผู้บริหารห้องสมุดมหาวิทยาลัยต่อทักษะของบรรณารักษ์ เรื่องเทคโนโลยีเว็บ 2.0 ที่ใช้สำหรับงานบริการสารสนเทศ
34. ทัศนคติของนักศึกษาระดับปริญญาตรีต่อการใช้เทคโนโลยี Web 2.0 สำหรับ การเรียนรู้ภาษาในสถาบันเทคโนโลยีไทย-ญี่ปุ่น
35. บทบาทของงานสื่อสารเชิงกลยุทธ์กับวาทกรรม ด้านสิ่งแวดล้อมในสื่อมวลชน
36. ประสิทธิผลและความปลอดภัยของการใช้ยา mecobalamin ในการรักษาภาวะปวดปลายประสาทจากการติดเชื้อไวรัสงูสวัด : การทบทวนวรรณกรรมอย่างเป็นระบบและการวิเคราะห์อภิมานของการทดลองแบบสุ่ม
37. ปัจจัยที่ส่งผลต่อแรงจูงใจในการปฏิบัติงานของเจ้าพนักงานปกครองในจังหวัดนครศรีธรรมราช
38. ผลการบูรณาการไอซีทีในการจัดการเรียนรู้ด้วยโครงการ เรื่อง การอนุรักษ์พลังงานและสิ่งแวดล้อมต่อผลสัมฤทธิ์ทางการเรียน และสมรรถนะสำคัญของผู้เรียนชั้นมัธยมศึกษาปีที่ 5 โรงเรียนศึกษาสงเคราะห์เชียงใหม่ ปีการศึกษา 2553
39. พลังกลุ่มไร้สังกัดในสังคมไทย: กรณีศึกษาว่าด้วยการเคลื่อนไหวทางสังคมแนวใหม่แบบไร้องค์กรนำ
40. พันธกิจนักประพันธ์ในพื้นที่ออนไลน์
41. ระบบบูรณาการอุปกรณ์ตรวจจับภาพโดยใช้ระบบสารสนเทศภูมิศาสตร์เพื่อการปฏิบัติการทางยุทธวิธี
42. เทคโนโลยีเว็บสู่ห้องสมุดมหาวิทยาลัย 4.0
43. เว็บไซต์ยูทูบ (ภาษาไทย) กับการสื่อสารความเกลียดชัง
44. “ปัญญาสะสม” บนสังคมออนไลน์