All Posts
135 articles
วิธีการใช้งาน css clamp()
เมื่อเราพูดถึงการทำเว็บแบบ Responsive การใช้งาน clamp() เป็นเครื่องมือที่น่าสนใจในการจัดการขนาดตามขนาดของอุปกรณ์ที่แสดงผล
ทำความเข้าใจ CSS Flexbox - 1
ในปัจจุบัน ในการจัด layout ของเว็บไซต์ เราสามารถใช้ CSS Flexbox ซึ่งสะดวกสบายกว่าแต่ก่อนที่เราใช้ table, float หรือ position ได้มากขึ้นเยอะ
วิธีสร้าง accordion โดยไม่ต้องใช้ javascript
ในความคิดของหลาย ๆ คนคิดว่า ถ้าจะสร้าง accordion สำหรับใช้ในเว็บไซต์ เราต้องใช้ javascript ประกอบ แต่ที่จริงแล้ว ตัว html มี tag ที่สามารถใช้งานในลักษณะคล้ายกับ accordion ไว้ให้อยู่แล้ว tag นั้นก็คือ details
อะไรคือ Empty Element
สำหรับคำถามว่า อะไรคือ Empty Element เราสามารถบอกได้คร่าว ๆ คือ element ที่จะไม่มีอะไรอยู่ด้านใน
ข้อแตกต่างของ target แต่ละแบบ
ข้อแตกต่างของ target แต่ละแบบนั้น ถ้าเราอ่านเพียงแค่คำอธิบาย ก็ยังไม่ค่อยเข้าใจแน่ชัดเท่าไหร่ ผมเลยลองทำมาเป็นตัวอย่างให้ดู
วิธีไล่สีตัวอักษรด้วย CSS
ในการสร้างคอนเท้นต์ในเว็บไซต์นั้น บางทีเราต้องการไล่สีให้ตัวอักษรเพื่อความสวยงาม โดยเรามีวีธีไล่สีตัวอักษรด้วย CSS แบบนี้
Enable Media Replace : Plugin WordPress สำหรับแทนที่ File ที่เคย Upload ไปแล้ว
1 ในปัญหาที่ลูกค้าที่ทำเว็บไซต์ด้วย WordPress เจอ คืออยากจะอัพเดต File ที่เคย Upload ไป ผมเลยจะแนะนำ Plugin WordPress ที่มาช่วยแก้ปัญหานี้
วิธีการใช้สีใน CSS
ในการเขียนเว็บไซต์ CSS เป็นตัวตกแต่งหน้าตาของเว็บไซต์ วิธีการใช้สีใน CSS นั้น มีอยู่หลายวิธี แต่จะขอพูดถึง 4 รูปแบบที่ใช้งานกันบ่อย ๆ
3 CSS Animation ไลบารี่สำหรับนำไปใช้งาน
มันจะง่ายขึ้นถ้าเราไม่ต้องทำเองตั้งแต่ต้น โดยใช้ไลบารี่ต่าง ๆ ที่มีคนทำไว้ให้แล้ว ผมเลยจะมาแนะนำ 5 CSS Animation ไลบารี่ เพื่อให้ทุกคนสามารถนำไปใช้งานกับงานตัวเองได้
แก้ปัญหาการแทรก tag pใน widget เมื่อใช้ gutenberg
หลังจากที่ WordPress มีการอัพเดตเป็น Version 5.8 ได้มีการนำ block ของ gutenberg มาใช้งานกับ widget แทนรูปแบบเดิมที่เคยใช้มา
วิธีปรับ Theme ของ Chrome DevTools
ในการใช้งานตัว DevTools ของ Chrome นั้น จะมี Theme ที่ Chrome เตรียมไว้ให้อยู่ 2 แบบ คือ Light และ Dark ซึ่งปรกติผมก็จะใช้ Theme Dark อยู่เป็นปรกติ แต่ก็ยังรู้สึกว่า มันเรียบๆ ไป ไม่ค่อยชินเท่าไหร่
[CSS] วิธีเช็คหน้าเว็บของเราตอน Print
บางครั้งในการทำเว็บไซต์ เราต้องเขียน CSS เพื่อใช้สำหรับในการ Print ซึ่งเราสามารถสั่งให้ Browser ใช้งาน CSS สำหรับการ Print โดยเฉพาะได้ในเนื้อหานะครับ
WordPress เพิ่ม singular.php เป็น theme template ตัวใหม่
สำหรับ WordPress เวอร์ชั่น 4.3 ที่กำลังจะมา ทางทีมพัฒนาได้เพิ่ม singular.php เข้ามาเป็น theme template ตัวใหม่ โดยหลายคนรู้จัก singular อยู่แล้ว
ความรู้สึกหลังใช้งานเว็บ KBank อันใหม่
หลังจากวันนี้เห็นหลายคนบ่นถึงดีไซน์ใหม่ของเว็บ KBank ไอ้เราก็อดไม่ได้ที่จะลองเข้าไปดู ว่ามันแย่ขนาดที่เค้าบ่นๆกันหรือเปล่า
เพิ่มสินค้าอัตโนมัติ กรณีสินค้านั้นมีหลายตัวเลือก : WooCommerce
ตามปรกติปุ่ม Add to cart ของ WooCommerce เองก็เพิ่มสินค้าให้อัตโนมัติอยู่แล้ว เพียงแต่ถ้าเมื่อไหร่สินค้านั้น มีหลายตัวเลือก หรือถ้าดูในหลังบ้านของ WooCommerce ก็คือ มีการตั้งค่า Variation ให้กับสินค้า ตัวอย่างเช่น สินค้า A มี 2 สี 2 ขนาด
Query ในหน้านั้น เราจะเพิ่ม Parameter เข้าไปยังไง : WordPress
Widget Logic Plugin สำหรับกำหนดเงื่อนไขการแสดงผลของ Widget : WordPress
Widget Logic มาจากวันก่อนมีน้องมาถามว่า มี Plugin จะทำยังไงให้ Widget แสดงผลเฉพาะหน้าที่เราต้องการได้มั้ย ยังไม่ทันได้ตอบ มันก็หาเจอไปแล้ว 555
[CSS] Equal Width Menu (ทำเมนูให้กว้างเท่ากัน)
Equal Width Menu หรือการทำให้เมนูกว้างเท่ากันนั้น แต่ละคนคงมีวิธีทำที่แตกต่างกันไป ผมก็ไปเจอมาวิธีนึงซึ่งง่ายๆ เลย ใช้แค่ CSS ก็เรียบร้อยแล้ว
[WordPress] Advanced Access Manager
Advanced Access Manager นั้นเป็น Plugin สำหรับจัดการ User Roles ใน WordPress ซึ่งมันสามารถปรับเปลี่ยนสิทธิของ User Roles เดิมที่มีอยู่ของ WordPress