เล่นเกมไปด้วย และเรียนรู้พื้นฐานการเขียน CSS ไปด้วยต้องทำยังไง? ลองตามมาอ่านกันครับ
เกมนี้มีชื่อว่า “หยิบฉันให้ได้สิ” ผมตั้งชื่อเองนะ ไม่เกี่ยวกับผู้พัฒนาเกมเค้า ฮ่าๆๆ เกมนี้จะสอนให้เข้าใจเกี่ยวกับพื้นฐานการใช้งาน CSS มีทั้งหมด 32 ด่าน หากใครที่ยัง งงว่า CSS คืออะไรเดี๋ยวจะมาอธิบายหลังจากเล่นเกมเสร็จแล้วอีกทีนะครับ ตอนนี้เรามาเริ่มเล่นเกมกันก่อนเลยดีกว่า
ให้คะแนน 8/10
ตัด 2 คะแนนเนื่องจากไม่มีภาษาไทย แต่ก็ยังใช้ Translate แปลได้จึงไม่ได้ติดปัญหาอะไรมาก ส่วนตัวพอมาเล่นเกมนี้แล้วเหมือนได้ทบทวบการใช้งาน CSS เพิ่มมากขึ้นแถมยังได้ความรู้บางอย่างเพิ่มขึ้นอีก ที่สำคัญคือ ฟรี ฮ่าๆๆๆๆ
เกมนี้ต้องทำความเข้าใจ ทั้งหมด 3 ส่วน
- ส่วนคำถาม เค้าจะถามว่าเราต้องทำอะไร และมีคำใบ้ให้ด้วย แต่ถ้าไม่เข้าใจก็ให้ดูรูปประกอบเอาครับ จะเป็นภาษาที่คนทั่วไปอ่านแล้วเข้าใจง่ายกว่า
- ส่วนของ HTML เอาไว้ดูโครงสร้างของโปรแกรมว่า ที่เราใส่คำสั่งไปเราไปทำงานกับส่วนไหน
- ส่วนการใส่คำตอบ เราจะเขียนโปรแกรมคำสั่งลงไปแล้ว enter เพื่อส่งคำสั่ง ซึ่งผมจะทำเฉลยไว้ให้สัก 2-3 ข้อ จะได้พอเป็นไกด์ให้เพื่อนๆ ได้บ้าง
เฉลย
ด่าน 1: plate
ด่าน 2: bento
ด่าน 3: fancy
ทำความเข้าใจกับ CSS ฉบับย่อ
CSS หรือ (Cascading Style Sheets) คือภาษาที่จะมาเพิ่มความสวยงามให้กับเว็บไซต์ของพวกเรานั่นเอง ถ้ายกตัวอย่างง่ายๆมันก็คือ ลวดลายที่อยู่บนถ้วยชาม นั่นแหละครับ หากใครที่เก่ง CSS มากๆ เค้าก็จะวาดลวดลายของเว็บไซต์ได้ออกมาสวยงามจริงเชียวแหละ
ไปลองเล่นกันได้ที่เว็บไซต์นี้เลยครับ https://flukeout.github.io/
ติดต่อ-สอบถาม