Seed 2.1

ธีม Seed ในชุด Seed Kit สำหรับทำเว็บ เป็นธีมเริ่มต้น (Starter Theme) หมาะกับนักพัฒนาที่ต้องการแก้โค้ดเอง ตอนนี้ออกเวอร์ชั่นใหม่ 2.1 แล้วนะครับ

หลักๆ คือ เปลี่ยนสไลเดอร์จาก flickity มาใช้ keen-slider.io เป็นหลัก ทำให้โหลดเร็วและลื่นมาก ลองเปิดหน้า https://seed.seeddemo.com/seeddemo/ บนมือถือดูได้ครับ

นอกจากนั้นยังเปลี่ยนการเรียกตัวแปรมาใช้ CSS Variables ซึ่งทำให้โค้ดสั้นลง ปรับต่อง่ายขึ้น / ใช้ SVG Icon แบบแทน Icon Font ทำให้โหลดเร็วขึ้น / ใช้ฟอนต์ Anuphan เป็นฟอนต์พาดหัวแทน IBM Plex Thai เพราะคิดว่าฟอนต์นี้สวยสุดในบรรดาฟอนต์ฟรีละ (แต่ฟอนต์เมล็ดพันธุ์ก็ยังมีให้ในธีมนะครับ ลองเรียกใช้ดูได้ครับ)

ความเปลี่ยนแปลงในเวอร์ชั่น 2.1

2.1.1

Date: 13 ก.ค. 2020.
Fix: แก้ปัญหากดปุ่มปิดใน modal ของฟอร์มสำหรับค้นหา

2.1.0

Date: 12 ก.ค. 2020.
New: ปรับมาใช้ Keen Slider – น่าจะเบาสุด ลื่นสุดในตอนนี้แล้ว
New: ปรับฟอนต์พาดหัวเป็น Anuphan (แนะนำให้อ่าน บล็อกการออกแบบของคัดสรรดีมาก ประกอบครับ)
New: ใช้ตัวแปรผ่าน CSS Variables ทำให้ตัดสินใจตัดการรองรับ IE ตาม Bootstrap 5 ไป
New: สามารถใช้ SVG Icons ผ่านฟังก์ชัน seed_icon() ได้ โดยรองรับทุกไอคอนจาก Feather Icons
New: การแสดงข้อมูลย่อย (meta) ของบทความ ปรับเป็น 4 ฟังก์ชั่น (ตั้งให้แสดงหรือซ่อนไอคอนได้ด้วย) ดังนี้
- seed_posted_on() – ไว้แสดงวันที่ พร้อมค่าเวลาในมาตรฐาน W3C
- seed_posted_by() – ไว้แสดงข้อมูลผู้เขียน
- seed_posted_cats() – ไว้แสดงหมวดหมู่
- seed_posted_tags() – ไว้แสดงแท็ก
Tweak: ใช้ fitVids vanilla js ไว้ปรับขนาดวีดีโอตามขนาดหน้าจก จาก Youtube / Vimeo เพราะโค้ดเดิมที่ใช้อยู่เหมือนจะไม่ทำงาน
Tweak: ปรับความสวยงามผ่าน CSS อื่นๆ