
5 ตัวอย่าง HTM+CSS ทำได้ ไม่ต้องใช้ JavaScript
เดียวนี้พลังของ HTML+CSS ไปไกลมากแล้วไม่ใช่เพียงแค่ทำหน้าตาแสดงผลได้อย่างเดียว แต่มีลูกเล่นเพิ่มเติมให้กับคนใช้เว็บด้วย ซึ่งก่อนหน้านั้นความสามารถลูกเล่นต่าง ๆ...

เดียวนี้พลังของ HTML+CSS ไปไกลมากแล้วไม่ใช่เพียงแค่ทำหน้าตาแสดงผลได้อย่างเดียว แต่มีลูกเล่นเพิ่มเติมให้กับคนใช้เว็บด้วย ซึ่งก่อนหน้านั้นความสามารถลูกเล่นต่าง ๆ...
วันนี้ผมจะแสดงให้คุณเห็นว่า คุณสามารถใช้ CSS เพียงไม่กี่บรรทัดเพื่อทำให้ iframe ที่เราต้องการมีขนาดตาม ratio ซึ่งมันจะสามารถย่อขยายตามขนาดหน้าจอได้ด้วย iframe { aspect-ratio: 16 / 9; height: 100%; width: 100%...
สำหรับคนที่ใช้งาน Tailwind CSS ในการปรับแต่งหน้าเว็บไซต์ของตัวเอง ก็คงเคยใช้ class container กันมาแล้ว ซึ่งตัว container มันจะกำหนดขนาดความกว้างมาให้แล้วตามเอกสาร https://tailwindcss.com/docs/containerเราสามารถกำหนดขนาดของ container ได้โดยแก้...
ช่วงนี้ css framework ที่มาแรงคงหนีไม่พ้น Tailwind CSS ใครยังไม่ได้ไปลองได้แล้ว เพราะเริ่มมีการนำมาใช้งานกับ Production มากขึ้นเรื่อยๆ ทีมผมก็เช่นกันถ้ามีโปรเจ็คไหนที่ต้องพัฒนาหน้...
สมัครสมาชิกจดหมายข่าวของเราเพื่อรับข้อมูลและเนื้อหาพิเศษที่คุณไม่ควรพลาด! เรารับประกันว่าไม่มีการส่งสแปม และอีเมลของคุณจะไม่ถูกแชร์กับบุคคลที่สามอย่างแน่นอน