แนวปฏิบัติ 6 ข้อในการเรียนรู้เกี่ยวกับ CSS

สรุปจาก
The Best Way to Learn CSS
สิ่งที่ควรศึกษาก่อน
1. พื้นฐาน CSS มันคืออะไรกันแน่
2. เรียนรู้ Syntax ถ้าจะเขียน CSS ต้องทำไงบ้าง

แนวทางปฏิบัติในการเรียนรู้ 6 ข้อ

1. เรียนรู้จาก Beginner’s Course  
Code Academy , Introduction to CSS

2. ลองสร้าง Style หลายๆแบบให้กับ html ตัวเดิมเพื่อเพิ่มทักษะ CSS ของเรา ตัวอย่างที่ดีดูได้ที่
Dev Shea , CSS Zen Garden

3.ติดตามผู้เชียวชาญ
-Follow ลิสต์เหล่านี้ใน ทวิตเตอร์
@chriscoyier
@csswizardry
@smashingmag
@snookca
@MeyerWeb
@zeldman
@simplebits
@nettuts (of course)
@wdtuts
-อ่านนิตยสารออนไลน์ css-weekly.com
พิเศษ-> ถ้ามีปัญหาติดต่อ GitHub หรือ CodePen จะมีคนยื่นมือมาช่วยเหลือคุณ

4.ดูซิว่าบราวเซอร์ซัพพอร์ตอะไรบ้าง
เพราะว่า CSS ไม่ได้แสดงผลเหมือนกันทุกบราวเซอร์ดังนั้น ต้องรู้ข้อจำกัดเหล่านี้ เครื่องมือเหล่านี้จะช่วยเหลือเราได้
BrowserStack
How To Deal With Vendor Prefixes  โดย Chris Coyier
The Principles Of Cross-Browser CSS Coding มีหลายข้อที่เราจำเป็นต้องทำเพื่อให้ css ของเราทำงานได้หลายๆ บราวเซอร์
Can I Use   เป็นเว็ปไซต์ที่บอกเราว่า CSS Property ตัวที่เราจะใช้ Support โดยบราวเซอร์ตัวใดบ้าง
Prefixr แปลง CSS ของเราให้เป็นแบบ cross-browser
Prefixfree  เป็นเครื่องมือคล้ายๆกับ Prefixr
5.อ่านตำราเหล่านี้
HTML and CSS Book
CSS: The Definitive Guide
CSS: The Missing Manual
CSS3 For Web Designers
CSS Essentials (eBook)

6. ท่องพจนานุกรมเหล่านี้
The 30 CSS Selectors you Must Memorize
Almanac of Selectors

7.เรียนรู้ในสิ่งที่ควรเรียนรู้ต่อไปนี้
– CSS3
– Media Queries
– CSS Preprocessor -> LESS vs SASS vs Stylus
อ่านบทความต่อไปนี้ GET IntoESS, Mastering SASS and Sass vs. LESS vs. Stylus
-SMACSS

จบแล้วแบบย่อๆ ไปอ่านต่อบทความทั้งหมดได้ที่
The Best Way to Learn CSS ->http://webdesign.tutsplus.com/tutorials/the-best-way-to-learn-css–webdesign-11906

ส่วนตัวผุ้เขียน(สรุป)เห็นว่าเป็นบทความนี้ป็นแนวทางในการศึกษาเรียนรู้ ที่สามารถไปประยุกต์ใช้ได้ทุกอย่างไม่ใช่เฉพาะ CSS นะครับ จำรูปแบบการศึกษาไว้ใช้กับทุกอย่างได้ครับผม

Advertisements

ใส่ความเห็น

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / เปลี่ยนแปลง )

Twitter picture

You are commenting using your Twitter account. Log Out / เปลี่ยนแปลง )

Facebook photo

You are commenting using your Facebook account. Log Out / เปลี่ยนแปลง )

Google+ photo

You are commenting using your Google+ account. Log Out / เปลี่ยนแปลง )

Connecting to %s

Up ↑

%d bloggers like this: