เกี่ยวกับคอร์สนี้
เรียนคอร์สนี้ได้ 365 วัน
มีทั้งหมด 10 บทเรียน
วิดีโอความยาว 1 ชั่วโมง 36 นาที
เกี่ยวกับผู้สอน
ทัพพ์วริศ ชิณศิริรัตน์กุล
Cloud Tutorial

ผู้ก่อตั้ง เว็บไซต์ cloud-tutorial.com เพื่อเป็นแหล่งสอนน้องๆนักเรียน นักศึกษา หรือผู้ที่สนใจในการออกแบบพัฒนาเว็บไซต์ โดยการสอนผ่านรูปแบบ วิดีโอ ฟรี โดยเนื้อหาส่วนมากจะเป็นการสอนด้วยเครื่องมือใหม่ๆ ซึ่งนิยมในต่างประเทศแต่ในไทยยังไม่แพร่หลาย เพื่อให้คนไทยได้รู้จักคุ้นเคยและใช้ในการทำงานจริง

สอนเขียน CSS ด้วย Sass และ Compass

คอร์สเรียนการเขียน CSS และ CSS3 ด้วย Sass และ Compass

โดย ทัพพ์วริศ ชิณศิริรัตน์กุล
เข้าเรียนฟรี
wishlist


สวัสดีครับในคอร์สนี้จะเป็น คอร์สที่ต่อเนื่องมาจาก คอร์สสอนเขียน CSS ด้วย Sass นะครับเป็นคอร์ส สอนเขียน CSS ด้วย Sass และ Compass ถ้าใครยังไม่มีพื้นฐานก็กดเข้าไปเรียนได้เลยนะครับ ภายในคอร์สนี้เราจะได้เรียนอะไรกันบ้าง ? เนื้อหาโดยรวมจะเป็นการใช้งานเจ้าตัว Sass ร่วมกับ Compass ที่เป็น Sass Library ที่เป็นชุดคำสั่งสำหรับ Sass นั่นเอง

Compass คืออะไร ?

Compass เป็นชุดคำสั่ง Mixins ของภาษา Sass ซึ่งรวบรวมคำสั่งสำหรับเรียกใช้งาน CSS3 อย่างง่ายๆนั่นเองครับ โดยเจ้า Compass เนี่ยเค้าก็จะบอกว่า

Why Designer love compass ?

ทำไมเว็บดีไซน์เนอร์ถึงหลงรักคอมพาส ? เดี๋ยวเราจะมาดูกันทำไมถึงกล้าพูดแบบนี้นะครับ ฮ่าๆ

  1. รูปแบบของคำสั่งที่ดูสะอาดและใช้งานง่ายไม่ต้องเรียนรู้การใช้มากมาย
  2. มีเอกสารที่เข้าใจง่ายๆให้ดูจากเว็บไซต์โดยตรง
  3. สามารถสร้าง Sprite เพียงแค่ชั่วอึดใจ
  4. Compass Mixins ทำให้เขียน CSS3 ได้อย่างง่ายดาย
  5. รูปแบบ Typography ที่สวยงาม

ความสามารถของ Compass

ความสามารถหลักของ Compass ได้แก่

  • CSS3
  • Helpers
  • Layout
  • Reset
  • Typography
  • Utilities

บทเรียน สอนเขียน CSS ด้วย Sass and Compass
เวลา(นาที)
ตอนที่ 0 - การติดตั้งเครื่องมือ 8.07  
ตอนที่ 1 - การสร้าง Project Compass 14.18  
ตอนที่ 2 - การใช้งาน LiveReload การ Compile และ cssReset 12.42  
ตอนที่ 3 - สร้าง Flexbox 9.55  
ตอนที่ 4 - สร้าง Box Shadow 15.24  
ตอนที่ 5 - ใช้งาน Transition 6.54  
ตอนที่ 6 - ใช้งาน Background Size 5.14  
ตอนที่ 7 - สร้าง Border radius 7.42  
ตอนที่ 8 - Manipulate Color 10.50  
ตอนที่ 9 - สร้าง Sprite icons 5.28  
ไม่มีเอกสารประกอบการเรียน

รีวิวคอร์สจากผู้เรียน

1
0
0
0
0
เฉลี่ย
5.0/5.0
  • ขอบคุณมากครับ
    ได้ความรู้เยอะเลยครับ
    สอนเข้าใจง่ายครับ
    วรินทร์พิพัชร วัชรพงษ์เกษม