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

ถึงเวลาที่เราจะแบ่งปันรายการแหล่งข้อมูลที่ยอดเยี่ยมอีกรายการสำหรับนักพัฒนาเว็บเพื่อนของเรา ครั้งล่าสุดที่เรามีการอ้างอิงแอปและไลบรารี JavaScript จำนวนหนึ่ง.

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

คลิกเพื่อดูข้อมูลเพิ่มเติม

ค้นหาคอลเล็กชันทรัพยากรที่แนะนำทั้งหมดของเราและเครื่องมือออกแบบและพัฒนาเว็บที่ดีที่สุด.

jQueryMy

jQueryMy คือ ปลั๊กอิน jQuery เพื่อจัดการการเชื่อมโยงข้อมูลตามเวลาจริง. มันเข้ากันได้กับการควบคุมเบราว์เซอร์หรืออินพุตดั้งเดิมเช่นเดียวกับไลบรารี UI เช่น jQuery UI มันมาพร้อมกับการตรวจสอบความถูกต้องการจัดรูปแบบตามเงื่อนไขและการจัดการการพึ่งพาที่ซับซ้อนซึ่งดูเหมือนว่าจะทำให้มันยอดเยี่ยม - ยังเบากว่า - ทางเลือกสำหรับกรอบงาน MV * เช่น Backbone.js, Ember.js และ Vue.js

หัว

โดยทั่วไปแล้ว หัว แท็กประกอบด้วย หัวข้อ แท็ก, ลิงค์ แท็กที่ชี้ไปที่สไตล์ชีทและ ต้นฉบับ แท็กเพื่อโหลดไฟล์ JavaScript พื้นที่เก็บข้อมูลนี้แสดงให้เห็นว่า มีอีกมากมายที่เราสามารถรวมไว้ใน หัว แท็ก. รายการนี้มีลิงค์ทั่วไปและเมตาแท็กไปยังแพลตฟอร์มเฉพาะอย่างใดอย่างหนึ่งโดยเฉพาะ.

SmoothState

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

SketchRunner

กล่าวโดยย่อ SketchRunner นั้นคล้ายคลึงกับ OS X Spotlight, Alfred หรือ SublimeText Command Palette มันเป็นส่วนขยายร่างที่ ให้ส่วนต่อประสานการค้นหาง่าย ๆ เพื่อทำงานหลายอย่างที่ทำตามปกติในเมนูแอพ ช่วยให้คุณมีประสิทธิผลมากขึ้น.

ดูแลรักษา CSS

CSS ที่คงไว้ได้คือ หนังสือออนไลน์ประกอบด้วยประสบการณ์หลายปี, เทคนิคการกลั่น เพื่อเขียน CSS ตัวเอกที่สามารถบำรุงรักษาได้ในระยะยาวตลอดชั่วอายุคน.

รูปแบบ Flexbox

นี่คือชุดของ ตัวอย่างและแบบเลื่อนลงใน HTML และ CSS เพื่อสร้างส่วนต่อประสาน, เช่นส่วนหัวส่วนท้ายการนำทางเมนูโดยใช้ CSS Flexbox หากคุณพบว่าการใช้ Flexbox นั้นยากที่จะเข้าใจนี่คือแรงบันดาลใจที่ยอดเยี่ยมในการเรียนรู้ Flexbox ในที่สุด.

Lavalamp

Infinite Scroll เป็นอินเทอร์เฟซยอดนิยมบนเว็บ ดึงเนื้อหาใหม่เมื่อเราไปถึงด้านล่างของหน้า. Lavalamp เป็นห้องสมุด JavaScript ขนานนามว่าแทนที่ Infinite Scroll ตรวจสอบตัวอย่าง.

Glio

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

Coleure

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

CSSX

CSSX เป็นเครื่องมือที่ ช่วยให้คุณเขียน CSS ใน JavaScript. ไม่มีอะไรเปลี่ยนแปลงแม้ว่า; มันเป็นไวยากรณ์ CSS ดั้งเดิมที่เหมือนกันซึ่งห่อด้วยฟังก์ชัน JavaScript ฉันยังไม่ได้คิดอย่างสุจริตว่าฉันจะใช้ประโยชน์จาก CSSX ในโครงการใด ๆ ของฉันได้อย่างไร แต่มันก็ดูดีและคุ้มค่าที่จะพูดถึง.