• post image

    Full screen background CSS

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

  • post image

    รู้จัก Bootstrap Layout – Grid

    Bootstrap เพื่อนรัก - Grid จริงๆ แล้วถ้าให้พูดถึง Bootstrap ก็คงจะขาดเรื่องของ Layout หรือ Grid System ไปไม่ได้เลย ในความเป็นจริงเรื่องนี้ควรที่จะทำความเข้าใจก่อนใช้งาน Bootstrap เสียด้วยซ้ำ บทควา...

  • post image

    ปรับแต่ง Bootstrap ด้วย CSS

    Bootstrap เพื่อนรัก – ใช้ก็ง่าย ขายก็ดี โดยปรกติแล้ว Bootstrap นั้นถูกเขียนมาทั้ง HTML, CSS และ Javascript บางส่วน จึงทำให้ค่อนข้างจะสมบูรณ์ในตัวเองอยู่แล้ว แต่ผู้อ่านหลายๆ ท่านที่ต้องการจะตกแต่งใ...

  • post image

    ขึ้น mockup ด้วย Bootstrap

    Bootstrap เพื่อนรัก – mockup งานด้วย Bootstrap หลังจากที่ได้เขียนบทความแนะนำการใช้งาน Bootstrap เบื้องต้นไปในบทความที่แล้ว (Bootstrap เพื่อนรัก) คิดว่าผู้อ่านหลายๆ ท่านน่าจะไปทำความคุ้นเคยมาบ้าง แ...

  • post image

    Bootstrap เพื่อนรัก

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

  • post image

    สอนเขียนเว็บ – พื้นฐาน CSS

    Basic CSS 101 เมื่อเราขึ้นโครงเว็บไซต์ด้วยภาษา HTML ซึ่งเป็นภาษา Markup เรียบร้อยแล้วในบทความก่อน(สอนเขียนเว็บ – พื้นฐาน HTML) โดยเราจะใช้ tag ต่างๆ ที่เราเขียนขึ้นมาใส่ style ให้สวยงาม หลักการเขี...

  • post image

    สอนเขียนเว็บ – พื้นฐาน HTML

    Basic HTML 101 หลังจากที่เราได้เตรียมเครื่องมือในการเขียนเว็บไซต์กันเรียบร้อยแล้วในบทความแรก (เริ่มต้นเขียนเว็บไซต์ ตอนที่ 1) แล้วก็ได้ทำความเข้าใจในเรื่องการทำงานของเว็บเซิฟเวอร์ในบทความที่สอ...

  • post image

    เริ่มต้นเขียนเว็บไซต์ ตอนที่ 3

    โครงสร้างของไฟล์เว็บไซต์ โดยปรกติแล้วไฟล์ .html ที่เราสร้างขึ้นมานั้นจะถูกเรียกขึ้นมาดูได้ทันทีหากเรานำไฟล์ดังกล่าวไปใส่ในแฟ้มเว็บไซต์ของโปรแกรม XAMPP ในบทความที่แล้ว (เริ่มต้นเขียนเว็บไซต์ ตอนที่...

  • post image

    เริ่มต้นเขียนเว็บไซต์ ตอนที่ 2

    การทำงานของเว็บไซต์ ต่อจากบทความที่แล้ว ( เริ่มต้นเขียนเว็บไซต์ ตอนที่ 1 ) เราพูดถึงเครื่องมือที่จะนำมาใช้พัฒนาเว็บไซต์กันไปบ้างแล้วพอสมควร ซึ่งในบทความที่ 2 นี้เองจะเป็นการแนะนำการทำงานของเว็บไซต...

  • post image

    เริ่มต้นเขียนเว็บไซต์ ตอนที่ 1

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

  • post image

    Custom Google Map ให้สวยน่าใช้

    Styling Google Map เมื่ออาทิตย์ที่ผ่านมา ผมได้เขียนบทความนึงเกี่ยวกับการเรียกใช้งาน Google Map บนหน้าเว็บไซต์ของเรา โดยบทความดังกล่าวได้แนะนำถึงการไปสมัคร API Console ของ Google และนำ API Key มาใช...

  • post image

    เรียกใช้ Google Maps API

    Javascript API v3 Google Maps นั้นดูเหมือนจะมีความจำเป็นมากขึ้นทุกวันในเว็บไซต์เชิงธุรกิจ เพราะสามารถตอบโจทย์การใช้งานทั่วไปของบริษัทได้ อีกทั้งลูกค้าส่วนมากยังคุ้นเคยกับประสบการณ์ผู้ใช้ ที่คนส่วน...