CSS Shorthand เคล็ดลับเขียนโค้ดให้สั้น กระชับ และทรงพลัง!
เคยรู้สึกไหมว่า CSS Stylesheet ของเราเต็มไปด้วยโค้ดที่ดูซ้ำซ้อนและยุ่งเหยิง? ถ้าเคยเจอปัญหานี้ บทความนี้คือคำตอบ! เราจะพาคุณไปรู้จักกับ CSS Shorthand เครื่องมือที่จะช่วยให้คุณเขียนโค้...
5 ตัวอย่าง HTM+CSS ทำได้ ไม่ต้องใช้ JavaScript
เดียวนี้พลังของ HTML+CSS ไปไกลมากแล้วไม่ใช่เพียงแค่ทำหน้าตาแสดงผลได้อย่างเดียว แต่มีลูกเล่นเพิ่มเติมให้กับคนใช้เว็บด้วย ซึ่งก่อนหน้านั้นความสามารถลูกเล่นต่าง ๆ...
Responsive iframes โดยใช้ CSS กำหนด aspect-ratio ได้
วันนี้ผมจะแสดงให้คุณเห็นว่า คุณสามารถใช้ CSS เพียงไม่กี่บรรทัดเพื่อทำให้ iframe ที่เราต้องการมีขนาดตาม ratio ซึ่งมันจะสามารถย่อขยายตามขนาดหน้าจอได้ด้วย iframe { aspect-ratio: 16 / 9; height: 100%; width: 100%...
กำหนดขนาด Container เองใน Tailwind CSS
สำหรับคนที่ใช้งาน Tailwind CSS ในการปรับแต่งหน้าเว็บไซต์ของตัวเอง ก็คงเคยใช้ class container กันมาแล้ว ซึ่งตัว container มันจะกำหนดขนาดความกว้างมาให้แล้วตามเอกสาร เราสามารถกำหนดขนาดของ container ได้โดยแก้ไขไฟล์ tailwind.config.jsดั...
เพียง 1 คำสั่งเท่านั้นก็เริ่มใช้งาน Tailwind CSS ได้ง่ายๆ
ช่วงนี้ css framework ที่มาแรงคงหนีไม่พ้น Tailwind CSS ใครยังไม่ได้ไปลองได้แล้ว เพราะเริ่มมีการนำมาใช้งานกับ Production มากขึ้นเรื่อยๆ ทีมผมก็เช่นกันถ้ามีโปรเจ็คไหนที่ต้องพัฒนาหน้...
Subscribe
สมัครสมาชิกจดหมายข่าวของเราเพื่อรับข้อมูลและเนื้อหาพิเศษที่คุณไม่ควรพลาด! เรารับประกันว่าไม่มีการส่งสแปม และอีเมลของคุณจะไม่ถูกแชร์กับบุคคลที่สามอย่างแน่นอน