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

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

โดย ทัพพ์วริศ ชิณศิริรัตน์กุล
แชร์คอร์สนี้บน Social:

ฟรี!



เข้าเรียนฟรี

สวัสดีครับในคอร์สนี้จะเป็น คอร์สที่ต่อเนื่องมาจาก คอร์สสอนเขียน 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

ตอนที่ 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 นาที  
ไม่มีเอกสารประกอบการเรียน

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


    ขอบคุณมากครับ
    ได้ความรู้เยอะเลยครับ
    สอนเข้าใจง่ายครับ
    วริ********************กษม

    vdo เปิดไม่ได้คับ
    Jac*****sin

    ดูไม่ได้ซะแล้ว
    Kan*********lon

    Fgh****hhh
    ขอบคุณมากครับ
    ได้ความรู้เยอะเลยครับ
    สอนเข้าใจง่ายครับ
    วริ********************กษม

    Fgh****hhh

ยังไม่มีรีวิวค่ะ

ยังไม่มีรีวิวค่ะ

ยังไม่มีรีวิวค่ะ
    vdo เปิดไม่ได้คับ
    Jac*****sin

    ดูไม่ได้ซะแล้ว
    Kan*********lon

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

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