ใช้งาน 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

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


Quality Content คืออะไร เนื้อหาคุณภาพ กับ คะแนนคุณภาพ

Quality-Content-เนื้อหาคุณภาพ-2

Quality Content คืออะไร เนื้อหาคุณภาพ กับ คะแนนคุณภาพ Quality Content คืออะไร เนื้อหาคุณภาพ กับ คะแนนคุณภาพ ในการพัฒนาเว็บไซต์ให้ธุรกิจประเภทต่าง ๆ ตั้งแต่เว็บไซต์ขนาดเล็กไปจนถึงเว็บไซต์ขนาดใหญ่ระดับองค์กร สิ่งสำคัญที่เรามักจะต้องคำนึงถึงเป็นอันดับแรกคือการสร้างเนื้อหาที่ได้คุณภาพมาตรฐาน เมื่อมีคำถามว่า ทำไมต้องสร้างเนื้อหาให้มีคุณภาพ สร้างเนื้อหาเน้นตัวหนังสือเยอะ ๆ ยาวหลายร้อยบรรทัดไม่ดีกว่าเหรอ จะได้มีคีเวิร์ดเยอะ ๆ คนหาเจอง่าย เป็นคำตอบที่

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


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

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

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

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


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

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

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

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


Landing Page คืออะไร หัวใจหลักของ Online Marketing

ทำ-seo-ด้วยตัวเอง-2

Landing Page คืออะไร หัวใจหลักของ Online Marketing สำหรับการทำการตลาดออนไลน์ ไม่ว่าจะเป็น SEO หรือ SEM สิ่งที่เราจะต้องมีทำและต้องมีเป็นอันดับแรกคือการออกแบบหน้าหลักหรือหน้า Landing Page หากเราได้พัฒนาเว็บไซต์ไว้สำหรับรองรับธุรกิจอยู่แล้ว การออกแบบหน้า Landing Page ให้สอดคล้องและตรงกับหัวข้อการให้บริการ จะเป็นการเพิ่มพลัง SEO และสร้าง Index ใน Search Engine อย่างน่ามหัศจรรย์

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


วิธีทำ 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 ล้วนมีคำถามหรือมีความรู้เบื้องต้น หรืออย่างน้อย ๆ ก็เคยได้ยินคำ ๆ นี้มาบ้างแล้วแทบทั้งสิ้น นั่นทำให้เฟรมเวิร์คตัวนี้น่าสนใจมากขึ้นเรื่อย ๆ

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