ใครที่ทำเว็บอยู่ อยากได้ไอคอนแบบ Material Design แนะนำเว็บนี้ครับ ไอคอนสวยๆเยอะเลย 🙂 รายละเอียด: https://goo.gl/R9QpiZ ใช้ร่วมกับ Bootstrap ก็ได้ครับ ลองดูที่นี่ https://goo.gl/NWa5Uj หรือจะใช้ของ google ก็มีด้วยตามนี้ครับ https://goo.gl/VALOrW Views: 308
Category: CSS
13 ข้อ แนวทางการเพิ่มความเร็ว (Speed) ให้กับหน้าเว็บไซต์
จริงๆ แล้วการเพิ่มความเร็วให้หน้าเว็บเพจมีหลายวิธี โพสต์นี้จะเน้นไปที่ CSS นะครับ และเพิ่มเรื่องการจัดการรูปภาพให้ด้วยครับ ……………………………………………………. 9 แนวทางเพิ่มความเร็วให้เว็บไซต์ด้วย CSS ……………………………………………………. 1. เขียนโค้ดแบบ Shorthand แน่นอนเมื่อโค้ดสั้นลง การประมวลผลย่อมน้อยลง ส่งผลให้หน้าเว็บโหลดเร็วขึ้น 2. หลีกเลี่ยงการทำ CSS Hacks ให้กับแต่ละบราวเซอร์ เพราะมันเพิ่มขนาดให้กับไฟล์และซับซ้อน 3. ลดขนาดไฟล์ของ CSS ลง เพื่อเพิ่มความเร็วในการโหลด 4. ควรเขียน CSS ใน tag <head> 5. พยายามใช้ external CSS เพียง 1 ไฟล์ 6. อย่าใช้การเรียกแบบ @import 7. เอา CSS ที่ไม่ใช้ออกให้หมด อย่าปล่อยทิ้งไว้…
12 ข้อแนะนำการเขียน CSS ที่ดีสำหรับมือใหม่
1. ไม่เขียนคำสั่งให้ซ้ำซ้อน ควรแยกคำสั่งให้อ่านง่ายในแต่ละบรรทัด 2. เขียนและตั้งชื่อให้สื่อความหมาย เช่น การตั้งชื่อคลาสต่างๆให้ดูแล้วรู้เลยว่าเอาไว้ทำอะไร 3. ใช้การ Reset CSS เพราะ reset css จะช่วยลดความไม่เข้ากันของแต่ละ Browsers ได้ 4. ในไฟล์ css ควรออกแบบจากบนลงล่างให้สอดคล้องกับโครงสร้างหน้าเว็บที่เป็น HTML 5. ควรรวม หรือจัดกลุ่ม elements html ที่มีค่าเหมือนๆกันไว้ด้วยกัน เช่น h1,h2,h3 { font-size: 20px; color: red; } 6. ควรออกแบบและเขียนโครงสร้าง HTML ก่อน ค่อยสร้างไฟล์ CSS ทีหลัง 7. ใช้ DOCTYPE ของเอกสาร HTML ให้ถูกต้อง เช่น…