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

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

2.8/5.0
    ขอบคุณมากครับ
    ได้ความรู้เยอะเลยครับ
    สอนเข้าใจง่ายครับ
    วริ********************กษม
    vdo เปิดไม่ได้คับ
    Jac*****sin
    ดูไม่ได้ซะแล้ว
    Kan*********lon
    ฺ
    Fgh****hhh
    ขอบคุณมากครับ
    ได้ความรู้เยอะเลยครับ
    สอนเข้าใจง่ายครับ
    วริ********************กษม
    ฺ
    Fgh****hhh

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

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

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

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

คอร์สอื่นๆที่คุณอาจสนใจ

เขียนเว็บไซต์ HTML CSS JavaScript ตั้งแต่เริ่มต้น ไปจนถึงมืออาชีพ โดย ชุมพล พูนนฤเสถียร
เขียน Web Application แบบมือโปร ด้วย PHP JavaScript และ MySQL โดย ชุมพล พูนนฤเสถียร
สอนใช้ Bootstrap 3 ร่วมกับ Sass โดย ทัพพ์วริศ ชิณศิริรัตน์กุล