Cloudflare คืออะไร เพิ่มความปลอดภัยและความเร็วให้เว็บไซต์

Cloudflare คืออะไร

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

อ่านเพิ่มเติม


วิธีทำ Banner ให้เว็บไซต์ แบบเปิดปิดอัตโนมัติ

วิธีทำ-Banner

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

อ่านเพิ่มเติม


ใช้งาน Ajax โหลด JSON มาแสดงผ่านภาษาพีเอชพี

jQuery-ajax-โหลด-json-data

ใช้งาน Ajax โหลด JSON มาแสดงผ่านภาษาพีเอชพี Ajax เป็นหนึ่งในความสามารถของ jQuery ซึ่งเป็น Javascript Framework ที่ได้รับความนิยมอย่างแพร่หลาย ในการนำมาพัฒนาเว็บไซต์ในส่วนของ Front-End จากนักพัฒนาทั่วโลก อีกหนึ่งคุณสมบัติของ Ajax ที่เรามักจะต้องใช้งานอยู่บ่อยครั้งในการเขียนโปรแกรมเว็บไซต์คือการโหลดข้อมูลจากฝั่ง server side มาแสดงในหน้าเพจแบบที่ไม่ต้องมีการ

อ่านเพิ่มเติม


ทำเว็บไซต์ สอน CSS การใช้งาน before, after และ content

สอน-CSS-Pseudo-Element-2

ทำเว็บไซต์ สอน CSS การใช้งาน before, after และ content ทำเว็บไซต์ สอน CSS คงจะเคยผ่านตามากันบ้างแล้วสำหรับนักพัฒนาเว็บไซต์สำหรับ before, after และ content เพราะเป็นหนึ่งในความสามารถของการเขียน CSS เราเรียก syntax เหล่านี้ว่า Pseudo Element หรือองค์ประกอบแฝงที่จะถูกเพิ่มเข้าไปใน html นั่นเองครับ Pseudo Element ไม่ได้มีเพียงแค่ before และ after แต่ยังมีอีกหลาย ๆ คำสั่งตัวอย่างเช่น

อ่านเพิ่มเติม


HTML5 Video ทำวีดีโอให้เป็นพื้นหลัง

วิธีทำ-full-video-background

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

อ่านเพิ่มเติม


Lazy Load คืออะไร รู้จักกับความขี้เกียจที่มีประโยชน์

lazy-load-คืออะไร

Lazy Load คืออะไร รู้จักกับความขี้เกียจที่มีประโยชน์ Lazy Load คือคำเรียกของการจัดการกับทรัพยากร ( Resource ) บนเว็บไซต์เพื่อเพิ่มศักยภาพการทำงานของเว็บไซต์และลดการใช้งานหน่วยความจำเครื่อง client และ การโหลดข้อมูลจากฝั่ง server แบบใช้เท่าทีจำเป็นต้องใช้งานเท่านั้น เพื่อให้เว็บไซต์สามารถเข้าสู่หน้าเว็บในโหมดการใช้งานปกติได้เร็วขึ้น ตัวอย่างเช่น เมื่อเราต้องพัฒนาเว็บไซต์ที่มี Banner

อ่านเพิ่มเติม


Mobile Friendly คืออะไร มีผลกับอันดับค้นหาอย่างไร

ทำเว็บไซต์-mobile-friendly-3

Mobile Friendly คืออะไร มีผลกับอันดับค้นหาอย่างไร คุณสมบัติสำคัญที่เว็บไซต์สมัยใหม่ จำเป็นต้องมี การที่ผู้ใช้อินเตอร์เนตทั่วไปสามารถเข้าชมเว็บไซต์ได้ผ่านช่องทางที่หลากหลายทั้งโทรศัพท์มือถือ แทบเล็ต อุปกรณ์สมาร์ทโฟนทั้งหมดหรือแม้แต่ SMART TV โดยเว็บไซต์นั้นสามารถให้ประสบการณ์การใช้งานที่ดีทั้งข้อมูลรูปภาพ ข้อความ เสียง กับผู้ใช้งานเว็บไซต์ได้อย่างสมบูรณ์โดยเท่าเทียมกันในทุก ๆ อุปกรณ์ เทียบเท่ากับการใช้งานเว็บไซต์บนเครื่องคอมพิวเตอร์ตั้งโต๊ะ เราเรียกความสามารถนั้นว่า Mobile Friendly

อ่านเพิ่มเติม


เว็บไซต์สมัยใหม่ กับ 5 องค์ประกอบหลักที่ควรมี

เว็บไซต์สมัยใหม่

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

อ่านเพิ่มเติม


วิธีทำ Fully Expand เมนูหลักแบบเต็มหน้าจอ

bootstrap-fully-expand-เมนู-2

วิธีทำ Fully Expand เมนูหลักแบบเต็มหน้าจอด้วย Bootstrap Framework ดูตัวอย่าง Fully Expand Menu Fully Expand Menu คือเมนูที่เมื่อเรา Click หรือ Hover การแสดงผลจะแสดงเป็นแผ่นแบบเต็มหน้าจอและในแผ่นนั้นจะมีเนื้อหาต่าง ๆ อาจจะเป็นข้อความ รูปภาพหรือลิงค์เมนูย่อย เมนูแบบ Fully Expand นอกจากจะเป็นที่นิยมใช้กันทั่วไปในปัจจุบันแล้วยังมีประโยชน์เรื่องของการพัฒนาเว็บไซต์แบบเน้น UX หรือ User Experience อีกด้วย การใช้เมนูในลักษณะนี้

อ่านเพิ่มเติม


Bootstrap คืออะไร รู้จักเครื่องมือทำเว็บไซต์ยอดนิยม

bootstrap-คืออะไร

Bootstrap คืออะไร รู้จักกับ Framework ทำเว็บไซต์ยอดนิยม ในช่วงหลายปีที่ผ่านมามีเฟรมเวิร์คมากมายเกิดขึ้นทั้ง Front-end Framework และส่วน Back-end Framework และนั่นทำให้เราเริ่ม รู้จักเฟรมเวิร์คที่ชือว่า Bootstrap ในวงกว้าง ไม่ไช่เฉพาะกลุ่ม front-end programmer และรวมไปถึงกลุ่มลูกค้า Customer, AE ล้วนมีคำถามหรือมีความรู้เบื้องต้น หรืออย่างน้อย ๆ ก็เคยได้ยินคำ ๆ นี้มาบ้างแล้วแทบทั้งสิ้น นั่นทำให้เฟรมเวิร์คตัวนี้น่าสนใจมากขึ้นเรื่อย ๆ

อ่านเพิ่มเติม