:where() :is() :not() :has()วันนี้เราจะมาพูดถึง Functional pseudo-classes กันค่ะ จากการที่ลองเล่นมาแล้วส่วนตัวมันช่วยการเขียน css แบบไม่ใช้ less หรือ sass ได้อยู่ค่ะ…Mar 15, 2024Mar 15, 2024
HTML Tips & Tricksวันนี้เราจะมาคุยถึงเคล็ดลับของ HTML ที่คุณอาจไม่เคยรู้ (หรือเคยรู้) มาก่อนกัน 😵Jan 31, 2023Jan 31, 2023
แสดง Image Preview ก่อน Upload ด้วย useStateก่อนอื่นต้องขออวยซักนิดว่า react Hooks เนี่ยนะเป็นอะไรที่เข้ามาทำให้ชีวิตชาว coding มันง่ายมันดีขึ้นจริงๆ (แต่ถ้าอันไหนเขียนยากๆ หา package…Nov 29, 2021Nov 29, 2021
Let Me Introduce Myself.Hello I’m nee, Lead Front End Developer @Tencent (Thailand)Nov 29, 2021Nov 29, 2021
นับ Character ใน input ด้วย useStateการกรอกข้อมูลเป็นส่วนสำคัญส่วนหนึ่งสำหรับแบบ form ซึ่งเราก็จะมีความคาดหวังกับ user ให้กรอกข้อมูลมาอย่างถูกต้องเหมาะสม…Nov 18, 2021Nov 18, 2021
Published inTencent (Thailand)Responsive images & preloadเมื่อความต้องการในการใช้งาน images ใน website ของแต่ละ device นั้นแตกต่างกัน นอกจาก UX/UI ที่ต้องคำนึงถึงแล้ว perfomance ของ web…Dec 29, 2020Dec 29, 2020
Published inTencent (Thailand)check js ด้วย matchMedia()ในการทำ Responsive Web หรือการทำให้หน้า web ปรับเปลี่ยนการแสดงผลตามขนาดหน้าจอ คำสั่งหลักที่จะใช้ check การแสดงผลคือ CSS3 Media Query…Oct 2, 2020Oct 2, 2020
Published inTencent (Thailand)useState และ useEffectใน reactอย่างที่ทราบกันว่าการเขียน React Components นั้นมี 2 แบบคือ Class Component และ Function Component ( Stateless Component)…Aug 6, 2020Aug 6, 2020
Published inTencent (Thailand)<datalist /> Tag ที่ผสม <input /> และ <select />ไว้อย่างลงตัววันนี้เราจะขอมาพูดถึง tag <datalist /> ที่ frontend อย่างเราๆ อาจจะเคยเห็นผ่านตาจาก doc แต่อาจจะไม่ค่อยได้ใช้กันเท่าไรค่ะMay 28, 2020May 28, 2020
Published inTencent (Thailand)วิธีตัดคำหลายบรรทัดฉบับ Frontendสำหรับ Frontend แล้ว คำสั่งตัดบรรทัดแล้วต่อท้ายด้วย … หรือคำสั่ง ellipsis ใน property ของ text-overflow…Apr 9, 2020Apr 9, 2020
