มาทำ Responsive embeds แสดง Youtube Slideshare บนเว็บให้รองรับมือถือกัน

มาทำ Responsive  embeds แสดง Youtube Slideshare บนเว็บให้รองรับมือถือกัน

ยุคของ Responsive Web มาถึง embeds code ต้องย่อขยายได้ตามหน้าจอ 


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

แต่ก็มักจะพบกับปัญหา หากเราต้องการนำ embeds code ของ พวก Youtube ,Slideshare หรือ  vimeo นอกจากนั้นยังสามารถใช้ร่วมกับการใส่ รูป วีดีโอ หรืออื่นๆได้

อ่านเพิ่มเติม: มาทำ Responsive embeds แสดง Youtube Slideshare บนเว็บให้รองรับมือถือกัน

  • ฮิต: 12941

ลอง Google Photo Sphere Viewer

ลอง Google Photo Sphere Viewer

พอดีผมใช้มือถือ Galaxy Nexus ซึ่งมีความสามารถ ถ่ายรูป Photo Sphere ได้ มันคือการถ่ายภาพ 360 องศา รอบตัว ทั้งบนล่าง สามารถเห็นสถานที่นั้นๆได้เหมือนเข้าไปยืนกับคนถ่ายเลยทีเดียว ส่วนการจะดูรูปถ่ายแบบนี้ได้นั้น จะต้องดูผ่าน Google+ image viewer หรือแอพ Google+ บน Android เท่านั้น ทำให้ค่อนข้างจะมีข้อจำกัดในเรื่องของการแบ่งปันรูปถ่ายแบบ Photo Spheres ให้กับคนทั่วไปดู ผมเคยได้ยินข่าวว่า ทาง Google Developers ก็ได้ออกมาเผยว่า ตอนนี้ได้มี Embed Code สำหรับ Photo Spheres ออกมาเรียบร้อยแล้ว เพื่อให้เจ้าของภาพสามารถนำภาพถ่ายของตัวเองไปใส่ในเว็บได้ จริงก็นานแล้วแต่ไม่มีโอกาสได้ทำ วันนี้เลยลองทำดู ต่อไปจะ อาจทำเป็น plugin ใน joomla ให้เอาไปใช้ง่ายๆกัน ลองไปดูรูปที่ผมถ่าย สองรูปหลังอาจไม่เนี้ยนเนื่องจากยังใช้ Android 4.2 ส่วนรูปแรก 4.3 แล้ว

GOOGLE, PHOTO SPHERES

อ่านเพิ่มเติม: ลอง Google Photo Sphere Viewer

  • ฮิต: 7273

คิวต่อไป Internet Explorer 7.0 จงเลิกใช้

คิวต่อไป Internet Explorer 7.0 จงเลิกใช้ติดตามสถิติเว็บข่าว และเว็บที่ไม่ใช่เว็บ IT ที่ดูแลอยู่ สถิติที่น่าสนใจในปีนี้ซึ่งเกี่ยวข้องกับการทำเว็บ ซึ่งเป็นงานหลักของผม และผมเฝ้ารอที่จะใช้ HTML5 CSS3  แบบไม่ติดปัญหา แต่ก็เป็นไปไม่ได้เลย ถ้ามี Internet Explorer 7.0 และ 8.0 อยู่ แต่วันนี้ลองมาดู ว่าความหวังใหล้เข้ามาเต็มทีแล้ว

อ่านเพิ่มเติม: คิวต่อไป Internet Explorer 7.0 จงเลิกใช้

  • ฮิต: 4799

ตกแต่งเว็บด้วยเครื่องมือสร้าง CSS 3 ง่ายๆ

css3

 ผมเองก็ไม่สามารถจำ Code  CSS ได้ทั้งหมด ถึงแม้ว่าการเขียน  CSS จะต้องใช้จิตนาการสูง แต่ก็คงไม่ไหวถ้าจะมานั่งทำเองทั้งหมดโดยไร้เครื่องมือช่วย ก็ดูจะเหนื่อยเกินไป  ผมจะแนะนำเว็บที่ใช้สร้าง code CSS3 สวยๆ ที่ผมใช้อยู่เป็นประจำให้ลองไปใช้กันดู ซึ่งจะมี 

  • Gradient Generator : ใส่สีแบบไล่สี
  • Border Radius : ทำกล่องมุมโค้ง
  • Noise Texture : เเทกเจอร์
  • Box Shadow : ทำเงาให้กล่อง
  • Text Shadow : ทำเงาให้ข้อความ

CSS3

อ่านเพิ่มเติม: ตกแต่งเว็บด้วยเครื่องมือสร้าง CSS 3 ง่ายๆ

  • ฮิต: 12784