(Lite) Portfolio ผมก็มีกับเค้าแล้วนะ!

สวัสดีครับท่านผู้อ่าน หลังจากที่ผมหายไปนานมาก ส่วนใหญ่ก็ไปส่องสาวอยู่ใน Facebook เอ้ย! เรียนที่ภาควิชา CPE มาครบปีกับเป็นมือปืนรับเขียน Code ให้พี่ๆ ที่ภาควิชา (ใช่ครับ ผมเริ่มรับงานมาทำแล้วครับ แต่ยังเป็นงานเล็กๆ เงินไม่มาก เอาไว้เป็นประสบการณ์เท่านั้นเองครับ)

ในที่สุดหลังจากที่ผมดองแล้วดองอีก เขียนแล้วก็ลบอีก ไม่เคยได้เสร็จกับเค้าสักที ในที่สุดก็ทำสรุปผลงานของผมเสร็จแล้วครับ (ปรบมือ!)

Screenshot ทั้งหมดของหน้าสรุปผลงานบนคอมพิวเตอร์ Desktop

Screenshot ทั้งหมดของหน้าสรุปผลงานบนคอมพิวเตอร์ Desktop

ที่บอกว่าเป็น Lite ก็เพราะว่าเป็นแค่หน้ารวบรวมผลงานกับการแข่งขันแบบสรุปจบหน้าเดียวตามยุคสมัยครับ ตัวเต็มจะมีแสดงผลงาน ประวัติผม และข้อมูลอื่นๆ ครบครันกว่านี้

เพจนี้ผมใช้ Materialize เป็นโครงหลักครับ เพราะตัวมันเองมีน้ำหนักเบากว่า Bootstrap แต่ยังมีคุณสมบัติที่จำเป็นอยู่ครบครันเลยทีเดียว รวมถึงความสามารถในการทำ responsive design สำคัญเลยคือมันนำแนวทางจาก Google material desing มาค่อนข้างครบ การออกแบบจึงไม่ค่อยสาหัสสำหรับผมที่หัวศิลป์ไม่ค่อยมีครับ เพราะตัว material design มันสวยงามแบบเรขาคณิตของมันอยู่แล้ว การทุ่มเทจึงเน้นไปที่ทำให้ตัวเองไม่ขี้เกียจ เอ้ย! การเขียน CSS กับ Javascript ในการแสดงผลงานและตกแต่งมากกว่าครับ

Screenshot ส่วนแนะนำตัวบนมือถือ

Screenshot ส่วนแนะนำตัวบนมือถือ

แน่นอนครับว่าแม้จะมีหลายอย่างที่มี library ให้ใช้แล้ว แต่หลายๆ อย่างก็จำเป็นต้อง modify หรือแม้กระทั่งเขียนเองก็มี เช่นขอบเฉียงๆ ที่ใช้ gradient มาช่วย 😀 การดึงรายการรูปตามสั่ง เป็นต้น

สุดท้ายนี้ ผมก็ขอฝากท่านผู้อ่านทั้งหลายเข้าไปชมได้ที่ http://portfolio.itpcc.net และถ้ามีข้อติชมเสนอแนะอย่างไรก็เชิญแจ้งมาทางช่องทางต่างๆ หรือใน comment ข้างล่างนี้ได้เลยครับ ขอบคุณครับ

  • หน่องเอนะลมพัดลมเพ ชะโอละเห่โอ

    ใช้ meterialize เหมือนกันเลยครับ #comcamp27