• post image

    First Rails with JindaHouse

    Ruby on Rails first time ปรกติแล้วผมจะทำงานด้าน front-end เป็นหลัก ซึ่งถ้าพูดถึง back-end อย่างมากที่สุดก็เคยแค่เข้าไปลอง php framework อย่าง Yii เท่านั้น(หากไม่นับ WordPress ว่าเป็น back-end ด้วย...

  • post image

    Sticky Footer สำหรับทุก Browser

    ทำ Footer ให้อยู่ด้านล่างตลอดเวลาด้วย CSS นักพัฒนาเว็บไซต์ทั้งมือใหม่ และมือเก๋าอาจจะต้องเคยเจอปัญหาเรื่อง footer อยู่ไม่เป็นที่เป็นทาง เพราะสิ่งที่เราคาดหวังกับ footer จริงๆ คือ "อยู่ติดกับขอบเว็...

  • post image

    รวมวิธีจัดกึ่งกลางด้วย CSS

    จัดหน้าแบบไม่ต้องใช้ Javascript ปัญหาอีกอย่างนึงสำหรับคนที่ทำงานด้าน Front-end แล้วก็ดูเหมือนว่าจะเป็นปัญหาที่พบบ่อยเสียด้วยคือการจัดการวัตถุ หรือหน้า layout ให้อยู่กึ่งกลาง ไม่ว่าจะเป็น กลางหน้าเ...

  • post image

    Responsive Website เรื่องจิ๊บจ๊อย

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

  • post image

    ทำความรู้จัก GruntJS

    GruntJS ทำเรื่องยุ่งยากให้ง่ายกันเหอะ(ว่ะ) สำหรับนักพัฒนาเว็บไซต์โดยเฉพาะผู้ที่ต้องทำงานเกี่ยวกับสายงานเบื้องหน้า หรือ ที่เราเรียกกันติดปากว่า Front-end developer ก็คงจะมีเครื่องไม้เครื่องมือเยอะแ...

  • post image

    สร้าง Theme WordPress ด้วยไฟล์ 2 ไฟล์

    WordPress Theme Development 101 ตอนนี้หันมาจับธีม WordPress อย่างจริงๆจังๆ ก่อนจะปั้นสินค้าตัวใหม่ขึ้นไปขายบน ThemeForest บ้าง ที่จริงแล้วผมเองก็เขียนธีมใช้เองอยู่บ้าง แต่ที่ผ่านๆ มาก็ไม่ได้เน้นจะ...

  • post image

    เพิ่มคำอ้างอิง เมื่อมีคนคัดลอกข้อความบนเว็บ

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

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