ทรัพยากรใหม่สำหรับนักออกแบบและพัฒนาเว็บ (กรกฎาคม 2558)

นักพัฒนาเว็บได้รับพรด้วยเครื่องมือฟรีและแหล่งข้อมูลออนไลน์ซึ่งเราได้รวบรวมไว้ในซีรีย์ Fresh Resources ทุกเดือน หากคุณพลาดแบทช์ของเดือนที่แล้วมาที่นี่อีกครั้งหรือตรวจสอบแหล่งข้อมูลใหม่ ๆ ที่รวบรวมในช่วงต้นปี.

สำหรับชุดกรกฎาคม 2015 เรากำลังยกระดับเครื่องมือและทรัพยากรใหม่ ๆ ที่จะช่วยให้งานของคุณง่ายขึ้นตั้งแต่ปลั๊กอิน WordPress ที่ช่วยให้คุณสามารถปรับใช้การอัปเดตปลั๊กอินเป็นส่วนตัวในไลบรารี JavaScript เพื่อเพิ่มภาพเคลื่อนไหวที่น่าสนใจ.

Aladdin

ปลั๊กอินนี้เพิ่มฟังก์ชั่นพิเศษเพื่อการบริหาร WordPress ซึ่งคล้ายกับ OS X Spotlight คุณจะสามารถเข้าถึงไฟล์และโฟลเดอร์ใน Mac ได้อย่างรวดเร็ว เมื่อติดตั้งแล้วให้กด Shift สองครั้งจากนั้นพิมพ์สิ่งที่คุณต้องการเข้าถึง มันทำให้การจัดการ WordPress สามารถเข้าถึงได้มากขึ้นด้วยการใช้แป้นพิมพ์.

Site ต้นกำเนิด CSS

SiteOrigin CSS เป็นปลั๊กอิน WordPress ที่มีประสิทธิภาพในการปรับแต่งชุดรูปแบบใด ๆ ตามเวลาจริง ปลั๊กอินเพิ่มแผงใหม่ภายใต้ ลักษณะ> CSS ที่กำหนดเอง เมนู. ในนั้นคุณสามารถเขียนกฎ CSS ที่กำหนดเองเพื่อเขียนทับ CSS ของธีมที่คุณใช้หรือคุณสามารถใช้แผงควบคุม GUI เพื่อเพิ่มกฎ CSS ได้อย่างง่ายดาย.

DynamicsJS

DynmaicJS เป็นห้องสมุดสำหรับใช้งานแอนิเมชั่นพื้นฐานทางฟิสิกส์ ฉันไม่ใช่ผู้เชี่ยวชาญด้านฟิสิกส์ แต่ตัวอย่างในเมนูนี้ดูเจ๋งจริงๆ มันสามารถเคลื่อนไหวองค์ประกอบ HTML และ SVG และให้ประสิทธิภาพที่รวดเร็วโดยไม่ต้องพึ่งพาใด ๆ DynamicJS ได้รับการทดสอบบน Safari 7+, Firefox 35+, Chrome 34+ และ IE10+.

โหมดเครื่องบิน

ปลั๊กอินนี้จะป้องกันคำขอภายนอก HTTP หลาย WordPress เช่น Google Fonts, Gravatar และ WordPress updater จากการพยายามเชื่อมต่อกับที่เก็บปลั๊กอินและชุดรูปแบบสำหรับการปรับปรุง มันเป็นปลั๊กอินที่มีประโยชน์สำหรับการพัฒนาในพื้นที่เพื่อระงับข้อผิดพลาดที่เกิดขึ้นเมื่อการโทรเหล่านี้ล้มเหลว (ซึ่งมักจะเกิดขึ้นเมื่อคุณพัฒนาในเครื่องภายใต้อินเทอร์เน็ตที่ช้าเป็นพิเศษ).

Coverr

ชุดวิดีโอที่เหมาะสำหรับส่วนหัวของเว็บไซต์ของคุณ วิดีโอทั้งหมดให้บริการฟรีภายใต้โดเมนสาธารณะ อย่าลืมตรวจสอบ “วิธีใช้” เพื่อเรียนรู้วิธีเพิ่มวิดีโอในหน้าเว็บของคุณ.

VibrantJS

VibrantJS คว้าสีเด่นจากภาพ นอกจากนี้ยังแสดง API บางอย่างที่ช่วยให้คุณสามารถประมวลผลสีที่ได้รับเช่นการเปลี่ยนรูปแบบสีและการตัดสินใจเลือกองค์ประกอบที่เหมาะสมสำหรับพื้นหลังและข้อความ คุณสามารถใช้มันเพื่อปรับปรุงส่วนต่อประสานเว็บไซต์ของคุณด้วยการสร้างสีแบบไดนามิกใช้สีเป็นภาพตัวยึดเมื่อรูปภาพยังไม่โหลดเต็มที่หรือสร้างแอปพลิเคชันเว็บสำหรับสร้างแถบสี.

GradifyCSS

ไลบรารีนี้คว้าสองสีที่โดดเด่นและสร้างการไล่ระดับสี CSS ออกจากสีที่ได้รับ คล้ายกับ VibrantJS คุณสามารถใช้การไล่ระดับสีเป็นตัวยึดภาพเมื่อภาพไม่เต็มหรือเป็นสีซ้อนทับ.

PurifyCSS

PurifyCSS ล้างกฎ CSS ที่ไม่ได้ใช้ออกจากสไตล์ชีตของคุณ คุณสามารถใช้สิ่งนี้เพื่อตัดขนาดชีตสไตล์ของเฟรมเวิร์กขนาดใหญ่เช่น Bootstrap และ Foundation ได้มากถึง 40% PurifyCSS มีให้ในรูปแบบปลั๊กอิน Grunt และ Gulp.

ชื่อทุนสำหรับ WordPress

ชื่อได้กล่าวมันทั้งหมด ปลั๊กอิน WordPress นี้จะเปลี่ยนชื่อเรื่องรวมทั้งหัวเรื่องในเนื้อหาให้เป็นตัวพิมพ์ใหญ่ที่เหมาะสมเมื่อบันทึกหรือเผยแพร่โพสต์และหน้า ฉันพบว่าปลั๊กอินนี้มีประโยชน์สำหรับเว็บไซต์ที่มีผู้เขียนหลายคนเพื่อรักษาความสอดคล้องสำหรับเนื้อหาของเว็บไซต์.

GitHub Updater

ปลั๊กอินนี้ช่วยให้ผู้ใช้ ติดตั้งและอัปเดตอัตโนมัติ ปลั๊กอิน WordPress โฮสต์ใน GitHub แม้จะมีชื่อปลั๊กอินยังรองรับ Bitbucket และ GitLab รวมถึงหนึ่งในพื้นที่เก็บข้อมูลส่วนตัว มันเป็นปลั๊กอินที่มีประโยชน์สำหรับนักพัฒนาที่พัฒนาและแจกจ่ายปลั๊กอินหรือธีมเฉพาะสำหรับลูกค้าของพวกเขาเท่านั้น.

ตัวอย่างรหัส

ชุดตัวอย่างโค้ดจาก ทีมรีวิว WordPress ธีม. ในขณะนี้ตัวอย่างประกอบด้วยรหัสเพื่อสร้างส่วนประกอบ Theme Customizer โดยใช้ Customizer API รวมถึงการสร้างส่วนการตั้งค่าและแผงควบคุม ตัวอย่างโค้ดเพิ่มเติมของแนวทางปฏิบัติที่ดีที่สุดที่เพิ่มเข้ามาในอนาคต.