DesignTechnology

5 เหตุผลที่คุณควรเรียน CSS

CSS, HTML เป็นภาษาพื้นฐานที่สามารถทำให้คุณร่างเว็บขึ้นมาเองได้ง่ายๆ โดยที่ไม่ต้องมีพื้นฐานด้านโปรแกรมมาก่อนก็สามารถเริ่มเรียนรู้ด้วยตัวเองได้ และถูกใช้กันอย่างกว้างขวางไม่ว่าจะเป็นในสายงานไหน การเรียนรู้ CSS, HTML ไว้ ก็อาจช่วยเพิ่มโอกาสในการทำงานให้กับคุณ

ภาษา CSS (Cascading Style Sheets) เป็นหนึ่งในภาษาที่ใช้ในการตกแต่งเว็บได้อย่างหลากหลายมาก โดยเราขอยกตัวอย่างประโยชน์มา 5 ข้อตามนี้

5 เหตุผลที่คุณควรเรียน CSS

1. ทำให้คอนเทนต์สวยงามขึ้น

HTML และ CSS เรียกได้ว่าเป็นของที่เกิดมาคู่กัน โดย HTML จะเป็นเรื่องของตัวเนื้อหา (content) และ CSS จะช่วยตกแต่งหน้าตาของข้อมูลตลอดจนการจัดวางรูปหรือ layout ต่างๆ ถ้าคุณเป็นคนที่เขียน HTML เป็นอย่างเดียว บอกเลยว่าคุณยังไม่รู้จักความสวยงามที่แท้จริง

รูปภาพจาก https://www.sololearn.com/Blog/12/5-reasons-to-learn-html-and-css/

2. ปรับแต่งหน้าเว็บเองได้ ไม่ต้องรอ Developer

ในปัจจุบันมีตัวช่วยออกแบบเว็บมากมาย มี template สวยหรูให้เลือกใช้ แต่หลายครั้งความ OCD ก็มักจะชนะ template เหล่านี้ ถ้าคุณไม่สามารถเขียน CSS ได้ ก็จำเป็นที่จะต้องเตรียม requirement ไปคุยกับ developer ทั้งๆ ที่ถ้าคุณสามารถเขียนเองได้ การจะขยับนู่นนิด ขยับนี่หน่อยก็จะไม่ใช่เรื่องยาก

3. สามารถทำ Animation ได้เอง

CSS ไม่ได้แค่เรื่องของการออกแบบและการจัดวางเท่านั้น ตั้งแต่ CSS3 ปล่อยออกมาก็สามารถทำให้ผู้ใช้ใส่การเคลื่อนไหวหรือ animation เล็กๆ น้อยๆ ได้เอง แต่คุณอาจจำเป็นต้องรู้ JavaScript หรือ Flash CSS เพิ่มเติม

4. เป็นภาษาสากล คุยกับใครก็รู้เรื่อง

หนึ่งในเหตุผลหลักที่ควรเขียน CSS เป็น คือนอกจากจะเป็นภาษที่ใช้กันอย่างแพร่หลายแล้ว CSS ยังเป็นภาษาที่ไม่จำเป็นต้องมีพื้นฐานด้านภาษาอื่นมาก่อนก็สามารถเรียนรู้ได้ไม่ยาก และนี่จะเป็นจุดเริ่มต้นที่จะทำให้คุณสามารถสื่อสารกับ Developer และ Designer ได้ดีขึ้นอีกด้วย

5. ออกแบบให้รองรับกับทุก device

ปัจจุบันใครๆ ก็พูดถึงการออกแบบแบบ Responsive design ที่ไม่ว่าผู้ใช้ (user) จะใช้งานในอุปกรณ์ไหน เว็บของเราก็ต้องทำงานได้ดีในอุปกรณ์นั้นๆ ไม่ว่าจะเป็น computer, laptop หรือ mobile การที่คุณออกแบบเว็บด้วย CSS นั้นจะทำให้เว็บของคุณรองรับอุปกรณ์ต่างๆ ได้ไม่ยาก

สำหรับใครที่อยากเปลี่ยนตัวเองจากสายงานที่ทำอยู่ มาลองจับๆ เล่นๆ กับภาษาโปรแกรมต่างๆ แต่ยังไม่มีแรงบันดาลใจลองมาอ่านบทความ ‘กี้’ จากสถาปนิกสู่โปรแกรมเมอร์

Patchara Boonmathanaruk
Business Development Associate | Skooldio

    You may also like

    Progressive Web App คืออะไร
    Technology

    Progressive Web Apps คืออะไร?

    แค่เขียน Apps อย่างเดียวคงไม่พอ! เมื่อ Users เลือกดาวน์โหลด Apps เท่าที่จำเป็นเพื่อประหยัดพื้นที่ใช้งาน จากสถิติการใช้งานของ Users ที่ “ไม่ตัดสินใจติดตั้ง Apps” เพราะขั้นตอนที่ยุ่งยากและเลือกติดตั้งเฉพาะ Apps ...
    Business

    ทำความรู้จัก Voxel Art งานกราฟิก 3D ยอดฮิตที่สร้างได้ตั้งแต่ Item, Character ยันเมือง

    หลายๆ คนอาจจะคุ้นหน้าคุ้นตากับงานภาพสไตล์ Pixel Art หรืองานภาพ Computer Graphic แบบ 8bit ที่ทำให้เรานึกถึงอดีตกันมาบ้างแล้ว (ถ้าใครนึกไม่ออกก็ลองคิดถึงภาพ Arcade Game อย่าง Pac-Man ...

    More in:Design

    Design

    รวม Figma Plugin 2022 ออกแบบไว ใช้งานได้จริง!

    ในยุคที่คนทำงานออกแบบ UX/UI เกือบทุกคนหันมาใช้เครื่องมือมาแรงแห่งยุคอย่าง Figma กันอย่างจริงจัง เนื่องจากหน้าโปรแกรมที่เข้าใจง่าย ส่งต่องานกับทีมได้อย่างไม่มีสะดุด ใช้งานแบบฟรีก็ทำได้ แถมมาพร้อมลูกเล่นมากมายที่ช่วยให้งานออกแบบในยุคนี้ทำได้ง่ายกว่าเมื่อก่อน มี Community ที่เปิดให้ทุกคนมาแชร์ widgets หรือ plugins ...
    Design

    Figma คืออะไร? ทำไมถึงเป็น Tool มาแรงที่สุดในวงการ Design!

    Figma คืออะไร ??? ทำไมจึงเป็นเครื่องมือออกแบบอันดับ 1 ที่ UXUI Designer ทั่วโลกเลือกใช้  Figma คือเครื่องมือออกแบบที่ขึ้นแท่นอันดับ 1 ในปี 2022 โดยสามารถใช้ออกแบบได้ตั้งแต่เว็บไซต์, ...
    UX Writing คืออะไร Design

    ไขข้อข้องใจ! UX Writing คืออะไร ทำไมสำคัญกับ Product พร้อมตัวอย่างน่าสนใจ

    UX Writing คืออะไร? ทำไมต้องรู้จักคำนี้ด้วยนะ? คุณอาจจะเคยผ่านการใช้งาน Application มากหน้าหลายตาในแต่ละวัน ซึ่งแอปฯ บางตัวก็ทำให้คุณรู้สึกดีตลอดการใช้งาน เข้าแล้วไม่อยากออก เข้าแล้วอยากเข้ามาใช้บ่อยๆ ทุกวัน แต่กลับกันกับแอปฯ บางตัวที่ทำให้คุณหงุดหงิดใจตลอดการใช้งาน อยากออกแทบตาย ...
    Web Design Font Pairing Design

    เทคนิคการจับคู่ฟอนต์ไม่ให้เละ ฉบับ Web Designer มือโปร

    หนึ่งในปัญหาใหญ่ของคนเริ่มต้นออกแบบเว็บ คือเรื่องของการเลือกใช้ฟอนต์ที่ดูเหมือนง่ายแต่ยาก ยิ่งเป็นเรื่องของการจับคู่ฟอนต์ที่ต่างกันให้มาอยู่ด้วยกันอย่างลงตัวสวยงามยิ่งยากเข้าไปใหญ่ วันนี้เราเลยนำรวมเทคนิคดีๆ ในการจับคู่ฟอนต์ฉบับ Web Designer มือโปรมาเล่าสู่กันฟัง 1.ใช้ฟอนต์ที่ให้ระดับอารมณ์แตกต่างกัน หน้าตาของฟอนต์มีผลต่ออารมณ์ความรู้สึกของคนอ่าน การลองจับคู่ฟอนต์ที่ให้อารมณ์แตกต่างกันจะช่วยให้หน้าเว็บดูมีลูกเล่น น่าสนใจ ไม่ราบเรียบจนเกินไป ก่อนที่จะเลือกจับคู่ฟอนต์ ต้องพิจารณาก่อนว่าบุคลิกเว็บที่เรากำลังออกแบบเป็นอย่างไร ...

    Comments are closed.