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

ปี 2558 เป็นปีที่ยอดเยี่ยมสำหรับเว็บ: เทคโนโลยีเว็บได้รับ นำมาใช้ในหลายรูปแบบนอกเหนือจากการสร้างเว็บไซต์หรือเว็บแอปพลิเคชัน. ขณะนี้มีแอปพลิเคชันมือถือและเดสก์ท็อปจำนวนมากที่สร้างขึ้นโดยใช้ HTML, CSS และ JavaScript สิ่งนี้เกิดขึ้นได้จากลักษณะการพกพาของเทคโนโลยีเว็บและไลบรารีเช่น React.js, Angular และ Node.js.

ดังนั้นในวันนี้ของชุดนี้เราได้รวบรวมไลบรารี JavaScript และ CSS จำนวนหนึ่งไว้ด้วยกัน.

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

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

Slider แบน

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

ยูทิลิตี้ Open-type

ยูทิลิตี้ Open-type คือชุดของคลาสดรอปอินไป ใช้คุณสมบัติพิมพ์ดีด CSS ขั้นสูง อักษรตัวพิมพ์เล็กตัวพิมพ์ใหญ่และอื่น ๆ อีกมากมาย พวกเขาให้ประสบการณ์การอ่านที่ดีที่สุดแก่ผู้ใช้ของคุณโดยละเอียด มันลดระดับลงอย่างเบราว์เซอร์ที่เก่ากว่าและไม่รองรับ.

ResponsifyJS

ภาพหน้าจอที่ตอบสนองต่อข้อ จำกัด ที่ฉาวโฉ่หนึ่งคือมักจะปรับขนาดภาพให้เหมาะสม แต่สิ่งนี้จะเปลี่ยนจุดโฟกัสหลักของภาพเมื่อปรับขนาดลงเป็นขนาดวิวพอร์ตที่เล็กมาก.

ResponsifyJS เป็นไลบรารี่ JavaScript น้ำหนักเบาที่คุณสามารถใช้ได้ ตั้งค่าพิกัดเพื่อรักษาโฟกัสของภาพ ในขณะที่มันถูกปรับขนาด.

เชิงเส้น

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

StickyStack

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

ผู้ชม

ผู้ชม เป็นปลั๊กอิน jQuery สำหรับรูปภาพ Lightbox - วิธียอดนิยมในการซูมภาพบนเว็บ ปลั๊กอินมาพร้อมกับตัวเลือกมากมายที่ช่วยให้คุณ ปรับแต่งทุก ๆ Lightbox อินเตอร์เฟซ.

ปลั๊กอินยังมีชุดของ API และเหตุการณ์ที่กำหนดเองสำหรับการควบคุมทั้งหมด Lightbox การตอบสนองและพฤติกรรม ยิ่งไปกว่านั้นยังใช้งานได้กับ Internet Explorer 8.

DeviceMock

DeviceMock เป็นห้องสมุด JavaScript ที่ช่วยให้คุณ สร้างเฟรมอุปกรณ์หรือจำลอง เช่นโทรศัพท์แท็บเล็ตและเดสก์ท็อป เช่นเดียวกันไลบรารีจะจัดเตรียมตัวเลือกเพื่อกำหนดสีของชุดรูปแบบขนาดและแนวของเฟรม.

อาจเป็นทางเลือกที่ดีในการแสดงเว็บและแอพของคุณแทนการใช้ Photoshop.

Clrs

Clrs เป็นความคิดริเริ่มที่จะ กำหนดสีเริ่มต้นของเว็บใหม่ให้เป็นโทนสีที่ทันสมัยและเป็นมิตรต่อสายตา. นอกจากนี้ยังสนับสนุนชุดการผสมสีเพื่อให้เข้าถึงได้ง่ายขึ้น คุณสามารถปรับใช้สีเหล่านี้ผ่าน NPM, Gem (Ruby) และ swatches สี Photoshop และ Illustrator.

Colorify

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

BookBlock

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

คุณสามารถตรวจสอบตัวอย่างที่นี่เพื่อรับทราบวิธีการทำงานของ BookBlock.