Snappytux Blog

css

5 ตัวอย่าง HTM+CSS ทำได้ ไม่ต้องใช้ JavaScript

5 ตัวอย่าง HTM+CSS ทำได้ ไม่ต้องใช้ JavaScript


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

Arnon Kijlerdphon
Arnon Kijlerdphon
Responsive iframes โดยใช้ CSS 
กำหนด aspect-ratio ได้

Responsive iframes โดยใช้ CSS กำหนด aspect-ratio ได้


วันนี้ผมจะแสดงให้คุณเห็นว่า คุณสามารถใช้ CSS เพียงไม่กี่บรรทัดเพื่อทำให้ iframe ที่เราต้องการมีขนาดตาม ratio ซึ่งมันจะสามารถย่อขยายตามขนาดหน้าจอได้ด้วย iframe { aspect-ratio: 16 / 9; height: 100%; width: 100%...

Arnon Kijlerdphon
Arnon Kijlerdphon
กำหนดขนาด Container เองใน Tailwind CSS

กำหนดขนาด Container เองใน Tailwind CSS


สำหรับคนที่ใช้งาน Tailwind CSS ในการปรับแต่งหน้าเว็บไซต์ของตัวเอง ก็คงเคยใช้ class container กันมาแล้ว ซึ่งตัว container มันจะกำหนดขนาดความกว้างมาให้แล้วตามเอกสาร https://tailwindcss.com/docs/containerเราสามารถกำหนดขนาดของ container ได้โดยแก้...

Arnon Kijlerdphon
Arnon Kijlerdphon
เพียง 1 คำสั่งเท่านั้นก็เริ่มใช้งาน Tailwind CSS  ได้ง่ายๆ

เพียง 1 คำสั่งเท่านั้นก็เริ่มใช้งาน Tailwind CSS ได้ง่ายๆ


ช่วงนี้ css framework ที่มาแรงคงหนีไม่พ้น Tailwind CSS ใครยังไม่ได้ไปลองได้แล้ว เพราะเริ่มมีการนำมาใช้งานกับ Production มากขึ้นเรื่อยๆ ทีมผมก็เช่นกันถ้ามีโปรเจ็คไหนที่ต้องพัฒนาหน้...

Arnon Kijlerdphon
Arnon Kijlerdphon

Subscribe


สมัครสมาชิกจดหมายข่าวของเราเพื่อรับข้อมูลและเนื้อหาพิเศษที่คุณไม่ควรพลาด! เรารับประกันว่าไม่มีการส่งสแปม และอีเมลของคุณจะไม่ถูกแชร์กับบุคคลที่สามอย่างแน่นอน

Thanks for subscribing! Check your inbox to confirm your subscription.

Please enter a valid email address!

Already a subscriber? Sign In.