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

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

สอนเขียน 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

บทเรียน สอนเขียน 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
  • ขอบคุณมากครับ
    ได้ความรู้เยอะเลยครับ
    สอนเข้าใจง่ายครับ
    วรินทร์พิพัชร วัชรพงษ์เกษม