Design Ideas

  Bootstrap 5 ปัจจุบัน Bootstrap5 เปิดให้ดาวน์โหลดแล้วเรียบร้อยนะครับ เรามาดูกันดีกว่าว่าตัวใหม่ จะมีฟีเจอร์อะไรมาเสริมทัพการใช้งานของเรากันบ้าง ยังคงใช้ระบบ 12 grid เช่นเดิม แต่ปรับการจัดการ grid เป็น flexbox และ grid layout มาพร้อมกับไฟล์ที่คลีนมากขึ้น อัพเดท Javascript ใหม่ทั้งหมด และไม่มีการใช้ jQuery Update class และแก้ไข CSS บางอย่าง มีไอค่อนสวยๆ มากกว่า 700 ไอค่อน เพิ่ม Palette สีหลากหลายเฉดสี เพื่อรองรับการงาน UI ในหลากหลายรูปแบบ เปลี่ยนมาใช้ icon แบบ svg แทน font icon เพิ่มรูปแบบ Form ให้รองรับการใช้งานอีกมากมาย, custom ได้มากกว่าเวอร์ชั่น 4 Sticky top รองรับ responsive ไม่รองรับ IE110 ตัวอย่าง ทำเว็บไซต์ ความเปลี่ยนแปลงของ Bootstrap ในเวอร์ชั่น 5 แตกต่างจากเวอร์ชั่น 4 อย่างไร ไม่มี jQuery อีกต่อไป ไม่ support IE10 อัพเดท JavaScript แบบครั้งยิ่งใหญ่ เรียกได้ว่าล้างของเก่า อัพเดท Class และแก้ไข CSS Containers แบบ Responsive ตัวกริดยังคงเป็น 12 columns เหมือนเดิมนะครับ ใช้ icon แบบ svg แทน font icon ปรับการจัดการ Grid เป็น flexbox และ grid layout ปรับตัว Sticky top ให้เป็น r...

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

Google ที่เรารู้จักกันในนามของเซิร์ทเอ็นจิ้นระดับโลก Google มีการเปลี่ยนตรรกะของการค้นหาตลอดเวลา และใน การทำ SEO ให้ เว็บไซต์ ของเราติดอันดับที่ดี หรือให้google แสดงผลการค้นหาให้กับเว็บของเราอยู่ในอันดับต้น นั้นจำเป็นต้องอาศัยปัจจัยหลายอย่างเป็นองค์ประกอบ และปัจจัยเหล่านั้นก็เปลี่ยนแปลงไปตามพัฒนาการของ Google ที่ต้องการจะแสดงผลการจัดอันดับที่ดียิ่งขึ้นเรื่อยๆ การเปลี่ยนแปลงต่างๆรวมไปถึงข้อมูลความรู้ ตลอดจนเทคนิคในการทำ SEO นั้นมีอยู่มากมาย ให้ศึกษาค้นคว้า บทความต่างๆที่ให้คำแนะนำ เทคนิคต่างๆเกี่ยวกับการทำ SEO ถูกเขียนขึ้นมากมายชนิดที่ว่า ให้อ่านกันทั้งปีก็อ่านไม่หมด … แต่ไม่ว่าคุณจะอ่านมากเท่าไหร่ ก็ไม่ดีเท่ากับการได้ทดลองทำด้วยตัวเอง SERP คืออะไร SERP  เป็นคำย่อมาจาก  Search Engine Results Page  หมายถึง ผล การแสดงอันดับ ของ Search Engine ดังนั้นสำหรับ Google SERP พูดแบบง่ายๆ ก็คือ หน้าเว็บ Google ที่มันแสดงผลของการค้นหา เวลาเราพิมพ์หาข้อมูลต่างๆนั่นเอง ลิสต์ของหน้าเว็บเพจที่แสดงบน Google จะแบ่งออกเป็น 2 ชนิด คือ 1.  Organic SERP Listings  – ผลลัพธ์ที่แสด...

Search Engine ฺฺส่ง Bot เข้ามาเยี่ยมยัง เว็บไซต์ ของคุณ สิ่งที่มันจะมองหาอันดับแรกๆ นอกจากลิงก์ หรือไฟล์ต่างๆ แล้วก็จะเป็นไฟล์ Robots.txt นี่ล่ะครับ เปรียบเสมือนเป็นคำสั่งบอกไปยัง Bot ว่าอนุญาตหรือไม่อนุญาตให้เก็บข้อมูลตรงไหนไปหรือให้มองข้ามข้อมูลที่ไหนไป ไม่ต้อง Index เก็บข้อมูล robots.txt  เป็นไฟล์ที่บอกให้ Search Engine เช่น google ,yahoo มาเก็บข้อมูลในหน้าเว็บไซต์ของเรา ซึ่งในทางปฏิบัติแล้ว มันจะเก็บทุกส่วนของเว็บไซต์เรา ซึ่งถ้าเราไม่ต้องการให้มันเรียกเก็บข้อมูลในส่วนไหน เราก็สามารถป้องกันได้ ด้วยไฟล์  robots.txt  นี้เอง โรบอต (Robot) เป็นโปรแกรมเก็บข้อมูลในอินเตอร์เน็ต ซึ่งบางครั้ง เรียกว่าสไปเดอร์ (Spider) หรือ ครอว์เลอร์(Crawler) จะทําหน้าที่รวบรวมไฟล์ HTML เพื่อมาเป็นข้อมูล สําหรับสร้างดัชนีค้นหา ให้กับ เสิร์จเอ็นจิน (Search Engine) โดยทั่วไปแล้ว โรบอตจะกลับมาที่เว็บไซต์ที่อ่านไปแล้ว เพื่อตรวจสอบ การเปลี่ยนแปลง ตามระยะเวลาที่กําหนด ดังนั้นเราต้องสร้างไฟล์  robots.txt  ขึ้นมา เพื่อกำหนดว่าจะให้ Robot เข้าไปยังโฟลเดอร์ไหนได้บ้าง การสร้า...

เว็บไซต์ นับว่าเป็นเครื่องมือที่สำคัญของทุกธุรกิจ ไม่ว่าคุณจะทำธุรกิจอะไร ต้องมีเว็บไซต์ 1 เว็บเป็นอย่างน้อย เพราะ ธุรกิจ ยุคใหม่ ไม่เหมือนยุคก่อน (รุ่นคุณปู่) นักธุรกิจส่วนใหญ่ ยังมีอายุน้อยและรนู้จักใช้เทคโนโลยีกันเป็นอย่างมาก วัยรุ่น เพราะคนยุคใหม่ คือคุนยุค Generation  สายพันธุ์ใหม่ ที่สามารถใช้เทคโนโลมาทำมาหากินได้ คือสามารถนำมาสร้างธุรกิจได้ บางคนอาจจะเอามทำเป็นอาชีพเสริม หรือ บางคนอาจจะเอามาทำเป็นอาชีพหลักได้เลย แต่ไม่ว่าธุรกิจอะไรก็ตาม ต้องมีการโปรโมท หรือแนะนำบริษัทผ่านทางเว็บไซต์ ถ้าบริษัทไหนไม่มีเว็บไซต์ หรือไม่มีข้อมูลบนหน้า Google หรือไม่มีข้อมูล บนSerch Engine แล้วล่ะก็ เตรียมตัวได้เลย (ต้องหา กลยุทธ์อย่างอื่นเพื่อสร้างยอดขายให้กับบริษัท) วันนี้ จะแนะนำวิธีเบื้องต้น เพื่อมัดใจลูกค้า  เข้าใจลูกค้าให้ได้ว่าลูกค้าเราต้องการอะไร คือ เข้าใจคนเข้าชมเว็บส่วนใหญ่ว่าเมื่อมี คนเข้าเว็บ เราแล้วคนที่เข้ามาเค้าต้องการอะไร และเค้าจะได้ข้อมูลอะไรกลับไป การโต้ตอบทันที เมื่อมีลูกค้าเข้ามาถาม หรือ ส่งอีเมล์เข้ามา อย่าปล่อยให้ลูกค้ารอนาน ถ้าเราโต้ตอบเร็ว ทันทีเราก็จะได้ใจลู...

W3C W3C หรือ World Wide Web Consortium เป็นองค์กรระหว่างประเทศที่ทำงานด้านการพัฒนาเทคโนโลยี เว็บไซต์ นำโดยนาย ทิม เบิร์นเนอร์ ลี ก่อตั้งในปี 1994 และมีองค์กรสมาชิกมากกว่า 450 องค์กร ซึ่งรวมถึงองค์กรอย่าง Microsoft, Sun Microsystems และอื่น ๆ อีกมากมาย องค์กรนี้ ประกอบด้วยสถาบัน 3 สถาบันคือ MIT ในสหรัฐอเมริกา INRIA ในยุโรป และ Keio University ใน ญี่ปุ่น มาตรฐานของ W3C มีอะไรบ้าง 1. HTML 4.0 – Hyper Text Markup Language 2. XML 1.0 – Extensible Markup Language 3. XHTML 1.0, 1.1 และ Modularization 4. CSS – Cascading Style Sheets 5. DOM 1 – Document Object Model Level 1 ประโยชน์ที่จะได้รับจากการทำตามมาตรฐาน เว็บ 1. ประโยชน์ต่อซอฟแวร์หรือเครื่องจักร • Search engine สามารถค้นหาและทำดรรชนีข้อมูลในเว็บได้ง่ายและมีประสิทธิภาพมากขึ้น • เนื่องจากว่ามาตรฐานเป็นสิ่งที่บราวเซอร์ทุกชนิดเข้าใจ จึงทำให้สามารถเข้าใจโครงสร้างเอกสารเว็บได้ แม้ว่าจะไม่เข้าใจเทคโนโลยีมาตรฐานใหม่ ๆ แต่ก็ยังสามารถ แสดงผลได้ • นักพัฒนาที่ใช้มาตรฐานจะสามารถตรวจสอบความถูกต้องของเอกสาร (validate...