Slideshow ด้วย CSS3 และ Javscript รองรับการแสดงผลบนมือถือ ไม่ง้อ JQuery
30 พ.ค. 2558 0 19,061
Slideshow แบบนี้จะเป็นแบบง่ายๆนะครับ โดยมีจุดเด่นที่การใช้ CSS3 ในการทำ Effect และ ใช้ Javascript อีกเล็กน้อยในการควบคุมการแสดงผลของ Slideshow
ป้ายกำกับ CSS3
การปรับขนาดของ SVG ตามขนาดของหน้าจอ (Responsive)
14 ม.ค. 2566 0 1,003
การปรับขนาดของ SVG (Scalable Vector Graphics) สามารถทำได้โดยการปรับ width และ height โดยระบุเป็น % หรือใช้ media queries ปรับขนาดของ SVG เหมือนกับ tag อื่นๆ
การแสดงเส้นประ (เส้นบรรทัด) ด้วย CSS สามารถมีได้หลายบรรทัด
08 ม.ค. 2566 0 1,004
คำสั่ง CSS สำหรับการวาดเส้นบรรทัดที่เป็นเส้นประให้มีหลายบรรทัด เช่นเส้นบรรทัดของสมุด
IE กับ CSS3
28 เม.ย. 2554 0 13,861
พอดีมีโอกาศได้ลองออกแบบเว็บไซต์โดยใช้ CSS3 กลับพบปัญหาที่ไม่คาดคิดหลายประการ ซึ่งเป็นความบกพร่องโดยตรงของ IE โดยได้มีการทดสอบทั้ง IE7 IE8 และ IE9 ด..
HTML5 และ CSS3 ตอนการเขียน HTML5
15 ต.ค. 2554 0 12,719
กฏการเขียน HTML5 จะว่าไปก็คล้ายกับการกลับไปเขียน HTML แบบผิดๆที่นิยมเขียนกันในแบบสมัยก่อน เพราะจุดประสงค์ของการใช้งานมาตรฐาน HTML5 ก็เพื่อให้เราสาม
HTML5 และ CSS3 ตอน จุดเด่นของ HTML5 (ตอนที่ 2)
14 ต.ค. 2554 0 10,499
มาต่อกันด้วยเรื่องจุดเด่นของ HTML5 กันเลยครับ 3 การเล่นวีดีโอ และ เสียง 4 Canvas สำหรับแสดงรูป วาดรูป แสดงกราฟ หรือ โฆษณาเคลื่อนไหวอื่นๆ ที่สามารถต
HTML5 และ CSS3
15 ต.ค. 2554 0 17,459
โค้ด X HTML ที่เราใช้กันอยู่ในปัจจุบันเป็น HTML4 ครับ ปี 2554 และในปีนี้เช่นเดียวกัน กระแสของ HTML5 เริ่มมาแรงอันเนื่องมาจากข้อจำกัดของ HTML4 โ
CSS3 Family Tree
12 มิ.ย. 2558 0 5,549
โค้ด HTML CSS3 สำหรับการสร้างแผนผังต้นไม้ เช่น แผนผังลำดับญาติ เป็นต้น
CSS3 Filters ใส่ Effect ให้รูปสวย
08 ส.ค. 2557 0 16,972
ด้วยพลังของ CSS3 คุณสามารถจัดการกับ Effect พื้นฐานให้กับรูปภาพได้ เช่น การทำภาพมัว Blur , เปลี่ยนภาพให้เป็นสีเทา Glayscale , การปรับความอิ่มตัวของส
การแก้ปัญหาไม่สามารถกำหนด padding ให้กับ select ในบราวเซอร์บางตั
06 ม.ค. 2558 0 2,834
ตามกฏของ W3 แล้ว เราจะไม่สามารถใช้ padding กับ select ได้ครับ ทำให้การกำหนด padding ให้กับบราวเซอร์บางตัวไม่มีผลแต่อย่างใด ผมเขียนว่า บางตัว นะครับ
การตัดคำด้วย CSS
31 พ.ค. 2556 0 26,459
โดยปกติแล้วเรามักทำการตัดคำดวย PHP ครับ แต่ด้วย CSS3 เราสามารถใช้คำสั่งของ CSS3 ช่วยในการตัดคำแทนได้ ข้อดีของการตัดคำด้วย CSS3 เนื่องจากการตัดคำด้ว..
เมื่อ border-radias ไม่ทำงานบน mobile
17 พ.ค. 2556 0 3,614
โดยปกติแล้ว การกำหนดขอบโค้งด้วย border-radius สามารถทำงานได้เป็นปกติบน browser ส่วนใหญ่ เช่น .round { -webkit-border-radius: 50%; -moz-border-radiu..
HTML5 และ CSS3 ตอน จุดเด่นของ HTML5
14 ต.ค. 2554 0 14,356
ว่ากันด้วยเรื่องจุดเด่นของ HTML5 ล้วนๆ 1.Semantic Markup อย่างที่ผมอธิบายในบทความก่อนหน้าแบบสั้นๆว่ามันคือ "ความเป็นมิตรกับผู้ใช้ที่มากกว่าการ..