Adobe Creative Cloud @enAdobe Dreamweaver @enIonic FrameworkTraining Gallery @en

Gallery: HTML 5 & Responsive Web Design at Kasetsart University

เรื่องที่เกี่ยวข้อง - HTML 5 Training, Responsive Web Design Workshop, Training Gallery

In the first week of this month, I went to host a “HTML 5 & Responsive Web Design” workshop at Kasetsart University, where I graduated.

Everyone who attended this workshop is IT officer, Web developer, or at least, Website administrator. So we mixed up between experienced developer and standard skill.

Everyone is so diligent, eager to learn how to apply responsive web design into their own organisation’s website. That is why I focus to adapt new mindset about 3 key factors:

  • Content-first
  • Mobile-First
  • User Experience on small device

So the result is very impressed. Without relied on specific tool and IDE, they can express their own creativity to transform existing website into flexible and easy to use ones.

I hope my workshop will raise a great transform and idea to improve my university’s website in many perspective, that I thought it’s the beginning that I could do for a university that give knowledge and skill to me.

Interesting topics I focused in workshop:


  • How to adapt HTML 5 for legacy web browser
  • HTML 5 element in Internet Explorer 6, 7, and 8

Responsive Web Design

  • Responsive Web Design’s goal and mindset
  • Adobe Photoshop CC feature for Responsive Web Design
  • Adobe Edge Reflow CC in Responsive Web Design’s workflow
  • Real-time create and fix Responsive Web design with Adobe Edge Inspect CC
  • Mobile-First and Content-First thinking
  • Bootstrap 3 for Responsive Web Design with Adobe Dreamweaver CC

I used these hardware and software in workshop:

  • Post-it
  • Pencil and mobile sketchsheet
  • Adobe Creative Cloud
    • Photoshop CC 2014
    • Dreamweaver CC 2014
    • Edge Reflow CC
    • Edge Inspect CC

and what make me very happy is: I will host a Mobile application development workshop at Kasetsart University again. It is easy to learn, develop, and distribute: Create iOS & Android application with HTML 5, Angular JS, and Ionic Framework.

See you then, cheers!

See the workshop:


อบรมแบบ Workshop ในหัวข้อ HTML 5 และ Responsive Web Design เนื้อหา:- การประยุกต์ใช้ HTML 5 ในการปรับเปลี่ยนเนื้อหาเว็…

Posted by Next Flow: Web Platform Solution on Sunday, April 5, 2015

[sc:Promo-trainning-responsive-web-design ]

เริ่มต้นยุค AI ด้วยคอร์สฟรี และพรีเมี่ยม กับพล

หากชอบสิ่งที่พลเล่า เรื่องที่พลสอน สามารถสนับสนุนพลโดยการเข้าเรียนคอร์สออนไลน์ของพลนะคร้าบ

  • เข้าใจง่าย ใช้ได้จริง ออกแบบการสอนอย่างเข้าใจโดยโค้ชพล
  • มีคอร์สสำหรับคนใช้งานทั่วไป จนถึงเรียนรู้เพื่อใช้งานในสายอาชีพขั้นสูง
  • ทุกคอร์สมีใบประกาศณียบัตรรับรองหลังเรียนจบ

เราใช้คุกกี้เพื่อพัฒนาประสิทธิภาพ และประสบการณ์ที่ดีในการใช้เว็บไซต์ของคุณ คุณสามารถศึกษารายละเอียดได้ที่ นโยบายความเป็นส่วนตัว และสามารถจัดการความเป็นส่วนตัวเองได้ของคุณได้เองโดยคลิกที่ ตั้งค่า

Privacy Preferences

คุณสามารถเลือกการตั้งค่าคุกกี้โดยเปิด/ปิด คุกกี้ในแต่ละประเภทได้ตามความต้องการ ยกเว้น คุกกี้ที่จำเป็น

Allow All
Manage Consent Preferences
  • Always Active