ทำเมนูเว็บไซต์แบบรองรับการทำงานสำหรับมือถือ

GoogleNexusWebsiteMenu


ในยุคของ Smart Device ที่มาแรกในตอนนี้เราคงหลีกเลี่ยงมันไม่ได้อย่างแน่นอนและเราคงได้เห็นหลายเว็บไซต์ดังๆต่างๆเริ่มมีการที่จะมีการพัฒนาเว็บไซต์ให้สามารถเข้าใช้งานได้ทุก Smart Device โดยเฉพาะ Smart Phone ที่มีหน้าจอขนาดที่จำกัดอย่างมากแต่นักพัฒนาจะต้องคำนึงถึงว่าเราจะนำเสนอเว็บไซต์ของเราอย่างไรให้ดูน่าสนใจและใช้งานที่ง่ายกับหน้าจอที่จำกัด วันนี้ผมเลยเอาเรื่องของการพัฒนาเว็บไซต์ที่ลองรับการใช้งานในแบบ Mobile

Continue reading ทำเมนูเว็บไซต์แบบรองรับการทำงานสำหรับมือถือ

Bootstrap เครื่องมือพัฒนาเว็บไซต์แบบง่ายๆ ไม่ต้องเขียน CSS ,Javascript เองให้ยุ่งยาก

bootstrap


bootstrap คือ เครื่องมือที่จะช่วยให้เราพัฒนาเว็บไซต์แบบง่ายๆ โดยไม่ต้องเขียน css, js เองให้ยุ่งยาก เพราะมีคนเขียนมาให้แล้ว เพียงแค่เราโหลดมาแล้วก็ เรียกชื่อมันใช้งานเท่านั้นเอง หน้าตา ก็สวยงาม ทันสมัยดี ถ้านึกหน้าตาไม่ออกก็ให้นึกถึง Twitter ฟอร์ม ปุ่ม เหมือนกันเพราะมาจากค่าย Twitter

Continue reading Bootstrap เครื่องมือพัฒนาเว็บไซต์แบบง่ายๆ ไม่ต้องเขียน CSS ,Javascript เองให้ยุ่งยาก

เครื่องมือช่วยทดสอบการแสดงผลเว็บไซต์เบราว์เซอร์ทุกรุ่นทุกยี่ห้อ

all-browser


หลังจากที่ผมหายไปนานและก็ได้มีงานเกี่ยวกับการทำเว็บไซต์มากมายแต่ว่าความต้องการของผผู้ใช้นั้นต้องการที่จะเขียนเว็บไซต์ให้มีการลองรับในทุกเบราว์เซอร์และแต่ละเบราว์เซอร์ก็มีการแสดงผลที่แต่ต่างกันโดย เฉพาะ IE ที่เราได้ทราบซึ้งถึงวีระกำของมันเป็นอย่างดี แต่เท่านี้ยังเจ็บไม่พอครับถ้าเราต้องเขียนเว็บให้รองรับการทำงานของเบราว์เซอร์รุ่นเก่าอย่างเช่น IE 7 หรือ IE 8 ที่ยังมีจำนวนผู้ใช้อยู่พอสมควรแต่ถ้าว่าเครื่องที่เราใช้ทำงานเป็นระบบปฎิบัติการที่แต่งต่างไปไม่ว่าจะเป็น Mac Linux หรือ Windows ก็ตามแต่รุ่นของเบราว์เซอร์เราบางที่ก็ยังไม่ได้อัพเดทเป็นรุ่นใหม่บางที่ก็อัพเดทไปแล้ว

Continue reading เครื่องมือช่วยทดสอบการแสดงผลเว็บไซต์เบราว์เซอร์ทุกรุ่นทุกยี่ห้อ

สร้างเว็บไซต์แบบ Responsive ลองรับการทำงานทุกแพลตฟอร์ม

re


ในยุคการทำเว็บไวตืปัจจุบันนร้บอกได้เลยว่าการสร้างเว็บที่จะสามารถลองรับได้ทุกแพลตฟอร์ม ไม่ว่าจะเป็นหน้าจอขนาดไหนระบบปฏิบัติการใดวันนี้เราเลยมาแนะนำการทำเว็บไซต์แบบ Responsive ที่สามารถจะประขนาดและลองรับการเข้าให้งานได้ทุกแพลตฟอร์ม เป็นการใช้ css ในการกำหนดครับใครที่สนใจเรื่องการทำเว็บแบบ Responsive น่าสนใจมากครับสามารถดาวน์โหลดไปใช้งานกันได้

Continue reading สร้างเว็บไซต์แบบ Responsive ลองรับการทำงานทุกแพลตฟอร์ม

สร้างเว็บไซต์แสดงผลแบบ OVERLAY ด้วย CSS

ExpandingOverlayEffect


วันนี้มาดูเทคนิคการใช้งานของ css แบบเจ๋งอีกแบบครับบทความนี้ผมว่าจะเอามาแนะนำนานแล้วแต่ไม่ค่อยมีเวลาวันนี้สมใจซักที่เป้นการออกแบบจะเรียกว่าแบบ metro ก็น่าจะได้นะเพราะจะเป็นการใช้เทคนิคของภาพสี่เหลี่ยมมาใช้งานแต่ว่าสิ่งที่น่าสนใจอาจจะไม่อยู่ตรงนั้นเพราะสิ่่งที่เราสนใจคงต้องเป็นส่วนที่ใช้ในการแสดงผลของหน้าเมื่อถ้าจากตัวอย่างถ้าเราทำสอบโดยการคลิกจะมีการแสดงผลเป็นหน้าแบบเต็มจอ หรือที่เรียกว่าเทคนิค Overlay สามารถแสดงภาพขึ้นมาพร้อมๆ กันในหน้าจอแสดงผลเดียวกัน หรือเรียกว่า Tuner ในระบบโทรทัศน์ จากตัวอย่างที่ใช้การแสดงผลของสภาพอากาศ

Continue reading สร้างเว็บไซต์แสดงผลแบบ OVERLAY ด้วย CSS

สร้างสไลด์โชว์แบบแยกหมวดหมู่ย่อย ด้วย CSS และ JQUERY

Simple Multi-Item Slider


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

Continue reading สร้างสไลด์โชว์แบบแยกหมวดหมู่ย่อย ด้วย CSS และ JQUERY