Jojoee - สอนทำเว็บ ออกแบบ HTML5 CSS3 Wordpress Web Design

Category: Web

3 min read

OAuth

OAuth 2

เนื่องจากช่วงนี้นี้กำลังศึกษา Facebook Graph API อยู่เพื่อทำ AutoFeed project บังเอิญไปเจอ OAuth เลยสงสัย, วันนี้จะมาอธิบายให้ฟังกันครับ (บทความนี้เป็นทฤษฏีล้วนๆเลยนะครับ) ปล. ในบทความนี้เราจะเรียกข้อมูลต่างๆของ user ว่า user resource กันนะครับ OAuth = มาตรฐานในการระบุตัวตน OAuth = มาตรฐาน การ Authentication แบบนึง OAuth = authorization framework OAuth จะอนุญาติให้ client app ได้รับ limited access ในการเข้าถึง user resource บน HTTP โดยจะเอา user authentication ไปร้องขอกับ server ที่มี resource ของ user นั้นๆ เพื่อที่จะทำให้…

Read more...
2 min read

การใช้ Browser ทดสอบการแสดงผลบน Mobile

Browser - Mobile mode

ในการพัฒนา website เมื่อรองรับมือถือนั้น เราก็จำเป็นที่จะต้องทำการทดสอบในมือถือ แต่การทดสอบในมือถือก็ยากเหลือเกิน เช่น ต้องมา clear cache บ่อยๆเพื่อทดสอบ layout ดังนั้นการทดสอบการแสดงผลบน mobile บน browser จึงเป็นตัวเลือกที่น่าสนใจมาก เพราะสะดวกและรวดเร็วครับ Google Chrome เปิด google chrome กด F12 เพื่อเปิด Developer Tools คลิ้กที่ (1) เพื่อดู website ใน mobile mode คลิ้กที่ (2) เพื่อเลือกชนิด device ที่ต้องการ Safari เปิด safari คลิกที่ Preferences… (1) ติ้กเครื่องหมายถูกที่ “Show Develop menu in menu bar (2) เลือกชนิด device…

Read more...
3 min read

Local Storage

HTML5 - Local Storage

local storage = พื้นที่ ที่ web application สามารถเก็บ data ไว้ที่ฝั่ง user / client ได้ วิธีการใช้งาน เบื้องต้น วิธีเก็บ object ลง local storage local storage เก็บได้แค่ string ดังนั้นต้องใช้ json ช่วย วิธีดูค่า localStorage 1. ใช้ javascript เก็บค่าออกมา เช่น localStorage.getItem() 2. ดูจาก browser (ตัวอย่างได้จากรูปด้านบน) Local Storage VS Cookie เปรียบเทียบคุณลักษณะ Local Storage อยู่ฝั่ง client local storage เก็บได้ประมาณ 5mb ไม่มี expiration…

Read more...
3 min read

ทำไมต้องใช้ CDN ด้วย

CDN

จากรูปด้านบน CDN จะทำการหา CDN ที่ใกล้ที่กับ User ที่สุดเพื่อให้ User ดาวน์โหลดไฟล์จาก CDN ตัวนั้นไป เราคงเห็นการให้บริการ Library ดังๆผ่าน CDN กันมาแล้วเช่นอย่างของ jQuery, AnfularJS บน Google CDN, ว่าแต่ทำไมเราต้องใช้กันละครับ, ว่ากันถึง Concept สั้นๆ ของ CDN กันก่อนครับ CDN (Content Delivery Network) ทำหน้าที่ให้การให้ User มาโหลด Resource ต่างๆ (เช่น jQuery, Bootstrap, jQuery UI, AngularJS) ที่ผู้ให้บริการกำหนดไว้ได้, CDN นี้จะวางไว้จุดต่างๆทั่วโลก ยกตัวอย่าง Google มี Server วางอยู่มากมายทั่วโลก ทำให้ CDN ส่ง Resource…

Read more...
3 min read

Email ขาเข้า ขาออก เข้าแล้วก็ออก เอ้าๆ เอิ้วๆ

Email

สงสัยจะเขียน code มากไปชื่อ บทความเลยเป็นแบบนี้ เอาละเข้าเรื่องกันเลยครับ ในส่วนของ Email ที่เราใช้งานจะมี 2 ส่วนหลักๆเป็น ขาเข้า ไว้รับ email มาและก็ขาออกไว้ส่ง email ครับ ขาออก – SMTP เราจะใช้ SMTP ในการส่ง email กันครับ SMTP ? SMTP ย่อมาจาก Simple Mail Transfer Protocol SMTP คือ Protocol ทำงานอยู่บน TCP/IP protocol ใช้ในการส่ง email SMTP เป็น รูปแบบการส่ง email ปกติเวลาเราจะส่ง email, ผู้ให้บริการส่ง email เขาก็จะมีข้อกำหนดต่างๆครับเช่น ส่งมาจากไหน, ใครเป็นผู้ส่ง, etc. (ซึ่งอาจมีข้อตกลงอื่นๆอีกครับเช่น ต้องเป็นสมาชิกถึงจะส่งเมลผ่านผู้ให้บริการ SMTP…

Read more...
3 min read

ทำไมเราต้องมี Website ?

Websites Are More Than Code

ลองมาดูเหตุผลกันครับ 1. Online brochure / Great Advertising ปกติส่วนใหญ่ทุกบริษัทจะใช้งบประมาณป็นจำนวนมากในการ ประชาสัมพันธ์สินค้าหรือบริการของตัวเองให้เป็นที่รู้จัก ซึ่งแต่ละอย่างนั้นใช้งบประมาณสูงมากเช่นการ จัด event ตามสถานที่ต่างๆ แต่การทำเว็บไซต์ขึ้นมาจะมีค่าใช้จ่ายที่ถูกมากเมื่อเทียบกับประเภทอื่นๆ อีกทั้งยังส่งเสริมการประชาสัมพันธ์ประเภทอื่นๆได้อย่างดีอีกด้วยเช่น เวลา เราไปจัด event แล้วมีผู้คนเดินผ่านไปผ่านมา บางคน ไม่กล้าหรือไม่มีเวลาในการถามรายละเอียด จำได้แต่ว่า ชื่อบริษัทนี้ ทำธุรกิจแนวๆนี้ ก็สามารถค้นหาจากเราได้จาก Search Engine 2. Instant CREDIBILITY การมีเว็บไซต์ที่ดีทำให้ส่งเสริมความน่าเชื่อถือและภาพลักษณ์ได้ รวมถึงสามารถใส่ testimonials (คำรับรอง / คำติชมของลูกค้่า) เข้าไปเพื่อเพิ่มความน่าเชื่อถือของเราได้อีก 3. Accessible / 24/7 ลูกค้าสามารถเข้าถึงบริการเราได้ตลอด 24/7 265 วันอย่างกับมี 7-11 ส่วนตัว และยิ่งถ้าเรามีเว็บไซต์ที่ครบวงจรก็สามารถเพิ่มรายได้ และความสะดวกสบายให้กับลูกค้าและเราได้อย่างมากทีเดียวครับ ยกตัวอย่างเช่นเรามีว็บไซต์ ขาย Ebook ที่มีระบบชำระเงิน ลูกค้าก็จะสามารถชำระเงินและได้รับ Ebook…

Read more...