CSS : วิธีจัดให้อยู่กึ่งกลาง กรณีรู้ความกว้างและความสูง
หลายครั้งหลายหน ที่อยากจะจัดการให้ div ตัวนี้ div ตัวนั้นอยู่กึ่งกลาง แต่จะทำยังไงละ มีวิธีมาแนะนำครับ แต่ต้องเป็นกรณีที่เรารู้ความกว้าง และความสูงของ div ตัวนั้นนะครับ
All Posts
135 articles
[Wordpress] Cheat Sheet สำหรับเขียน Theme Wordpress เบื้องต้น
ทาง WP TUTS+ ได้ทำ Cheat Sheet สำหรับการทำ Theme Wordpress เบื้องต้นไว้ เราไปดูกัน ว่ามีอะไรบ้างครับ
CSS : CSS Shorthand เขียน CSS ให้กระชับ
การเขียน CSS แบบ Shorthand นั้น คือ การเขียน CSS ของเราให้กระชับ เป็นระเบียบกว่าเดิม และทำให้ CSS ของเรามีขนาดที่เล็กลง
CSS : ลำดับความสำคัญของ style ใน CSS
ในการเขียน CSS เราคงสงสัยว่าทำไมถึงมีการเขียนแยกเป็น ID เป็น class จะใช้ ID อย่างเดียวเลยได้มั้ย หรือจะใช้ class อย่างเดียวเลยได้มั้ย มาไขข้อข้องใจกันดีกว่า
ฉลอง MV SNSD ตัวใหม่ด้วยบทความ ทำ Shortcode สำหรับดึง youtube thumbnail มาใช้ใน Wordpress
ฉลองการกลับมาของสาว ๆ SNSD เลยเขียนบทความนี้ขึ้นมา บางครั้งเราก็ไม่ได้อยากจะ Embed Video จาก youtube มา เราต้องการแค่ thumbnail เพื่อให้มัน link ไปที่วิดีโอใน youtube ดังนั้นเราเลยสร้าง shortcode ขึ้นมาเลย เพื่อจะได้ง่ายในการนำไปใช้ด้วย
วิธีใช้ WordPress ตอนที่ 8 – วิธีใช้ Media Library
Media Library นั้นใช้บอกรายละเอียด และจัดการกับรูป เอกสาร ไฟล์เสียง ไฟล์วิดีโอที่เราได้เคยทำการอัพโหลดไว้ รวมถึงยังสามารถอัพโหลดเพิ่มเติมเข้าไปได้อีกด้วย
CSS : ใช้งาน Position กันอย่างไร
ทำงานกับ CSS มาซักพัก น่าจะได้พบเจอกับ Position กันบ้าง แต่เข้าใจการใช้งานมันกันขนาดไหน เอาเป็นว่า เรามาทำความเข้าใจไปด้วยกันเลยนะครับ CSS : Position นั้นมีอะไรบ้าง
CSS : อะไรคือ CSS Reset
หลายคนอาจจะสงสัยว่า CSS Reset มันมีไว้ทำอะไร มีไว้เพื่ออะไร งั้นเรามาทำความรู้จักกับมันกัน CSS Reset นั้นก็มีไว้สำหรับล้างค่า style ต่าง ๆ ของแต่ละ element ซึ่งก็จะมีคำถามตามมาว่า แล้วเราจะล้างค่ามันทำไม สาเหตุมันก็มาจากว่า แต่ละ Browser ที่เราใช้ ๆ กันอยู่นั้น จะมีค่าเริ่มต้นของแต่ละ element ไม่เหมือนกันครับ ถ้ายังงง ๆ อยู่ มาดูตัวอย่างกันนะครับ
[Infographic] Sharing Trends
เนื่องด้วย AddThis ครบรอบ 5 ปี ทาง AddThis เลยทำ Infographic จากข้อมูลที่ทาง AddThis รวบรวมไว้ เกี่ยวกับลักษณะนิสัยการแชร์ของคน อย่างเช่น ไม่ว่าจะเป็นเวลาใดที่คนเราชอบแชร์กัน หรือคนเข้าดูเยอะที่สุดหลังจากแชร์ข้อมูลไปนานเท่าไหร่ เป็นต้น
[How to] [Plugin] วิธีใช้ All in one SEO สำหรับ Wordpress
Wordpress นั้นมี Plugin อยู่หลายตัวที่ใช้สำหรับการทำ SEO แต่ขอเลือกแนะนำ All in one SEO เพราะใช้ตัวนี้อยู่ :p
[Infographic] วิธีตรวจสอบเลขบน Credit Card
ตัวเลขบน Credit Card นั้นไม่ได้เป็นตัวเลขที่สุ่มมามั่ว ๆ นะครับ มันอยู่บนพื้นฐานของ Luhn algorithm (หรือ Modulus 10 algorithm) ซึ่งคิดโดยนักวิทยาศาสตร์ของ IBM ชื่อ Hans Peter Luhn โดย Algorithm นี้ใช้ตรวจสอบตัวเลขบน Credit Card หรือ ตัวเลข IMEI ซึ่ง Infographic นี้จะอธิบายว่า Luhn algorithm ใช้ตรวจสอบตัวเลขบน Credit Card ยังไง
CSS : พัฒนาการเขียน HTML และ CSS กัน [Slide]
เมื่อวันที่ 3 - 5 ตุลาคมที่ผ่านมา ที่ลอนดอนประเทศอังกฤษมีงานประชุม Future of Web Apps ซึ่งคุณ Chris Coyier นั้นพูดในหัวข้อ Writing Better HTML & CSS เราจึงนำ Slide ที่เค้าใช้ในงานมาแบ่งปันกันครับ
วิธีใช้ WordPress ตอนที่ 7 – Embed Video ลงในบทความ WordPress
วิธีใช้ WordPress ตอนนี้เป็นการใส่วิดีโอลงในบทความ WordPress ของเรา ปัจจุบันวิดีโอส่วนใหญ่ที่เรานำมาลงในเว็บนั้น ก็คงไม่พ้นว่าเรานำมาจาก youtube หรืออาจจะเป็น vimeo แล้วเราจะใส่วิดีโอเหล่านี้ลงในเว็บ WordPress ของเราได้ยังไง
[How to] : ทำอย่างไรถึงจะได้งานที่ Google, Apple หรือ Facebook
วันนี้ไปเจอบทความหัวข้อ How To: Get A Job At Google, Apple or Facebook ซึ่งได้เขียนไว้ว่ามีคนต้องการทำงานกับ Google ถึง 1 ใน 4 ของคนที่จบมาได้ไม่นาน อาจเป็นเพราะว่า Google นั้นมีชื่อเสียงในด้านนวัตกรรมใหม่ ๆ หรือความมีอิทธิพลกับโลก แต่อีกสิ่งหนึ่งที่ปฏิเสธไม่ได้เลย คือออฟฟิศที่น่าทำงานของ Google ลองดูภาพตัวอย่างของออฟฟิศ Google ที่ซูริก
CSS : z-index ใช้งานอย่างไร
คนที่ศึกษา CSS มาซักพัก น่าจะเจอกับคำว่า z-index ครั้งนี้ผมจะมาแนะนำว่า z-index นั้นใช้ทำอะไรกันแน่ แล้วมันใช้งานอย่างไร
วิธีใช้ WordPress ตอนที่ 6 – ใส่รูปภาพในบทความ
แน่นอนว่า บทความ WordPress ที่เราเขียนนั้น คงไม่ได้มีแต่ตัวหนังสือแน่ ๆ ต้องมีรูปภาพประกอบในบทความบ้างละ มาดูวิธีใส่รูปภาพลงไปในบทความกันนะครับ
Smashing Magazine ฉลองครบรอบ 5 ปี แจก eBook ฟรี
เนื่องด้วย Smashing Magazine ครบรอบ 5 ปี ทางเว็บ Smashing Magazine ได้รวบรวมสุดยอดบทความใน 5 ปีที่ผ่านมาไว้ใน eBook ที่มีชื่อว่า “Best of Smashing Magazine” Anniversary eBook.
หัดเขียนโปรแกรมไปกับ Codecademy.com
วันก่อนไปเจอเว็บน่าสนใจเข้าเว็บนึง ชื่อเว็บ Codecademy โดยเว็บนี้จะสอนเราเกี่ยวกับการเขียนโปรแกรม ทีละขั้นตอน เข้าใจง่าย และทำไปพร้อม ๆ กับที่เว็บสอน รวมถึงมีการเก็บสะสมคะแนน และ Badges ต่าง ๆ ที่เราจะได้ในระหว่างที่ทำแบบทดสอบ
วิธีใช้ WordPress ตอนที่ 5 – สร้างและแก้ไข Pages
Pages นั้นอย่างที่เคยบอกไป ว่าส่วนใหญ่เราจะใช้งานกับหน้าที่เป็น Static หรือหน้าที่เราไม่ค่อยเปลี่ยนแปลงเนื้อหาภายในบ่อย อย่างเช่น About Us, Contact Us เป็นต้น ซึ่งตัว Pages เองก็สามารถมี Subpages ได้
วิธีใช้ WP_Query ร่วมกับ Plugin WP-Pagenavi
วันนี้เจอปัญหานี้มาครับ ใช้ WP_Query ในการ query ข้อมูลออกมา แต่มันดันทำงานกับ WP-Pagenavi ไม่ได้ซะงั้น เกิดอะไรขึ้นเนี่ย