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

ฉากการพัฒนาเว็บมีความคืบหน้าด้วยความเร็วแสงในปีนี้ CSS3 ได้รับการยอมรับอย่างดีและเราไม่ต้องพึ่งพา polyfill เนื่องจากเบราว์เซอร์ล่าสุดนั้นดีมากที่สนับสนุนมาตรฐานเว็บล่าสุด เปิดตัว Microsoft Edge, Google เปิดตัวโอเพ่นซอร์สสองแหล่งสำหรับเว็บ: Material Design Lite และ Polymer 2.0.

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

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

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

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

Notie.js

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

Github Corner

เพิ่งทราบว่ามุม Github ที่เรามักจะเห็นในหน้าแรกของโครงการโอเพ่นซอร์สมีอายุ 7 ปีแล้ว เวลาในการปรับโฉม. Github Corner เป็นความคิดริเริ่มสำหรับรูปลักษณ์ที่ทันสมัยและสดใหม่สำหรับริบบิ้น Github มันใช้ SVG แทนกราฟิกบิตแมปซึ่งช่วยให้ยังคงความคมชัดในหน้าจอความละเอียดสูง.

ธีม Sweet (Slack)

Slack กลายเป็นแอพแชทยอดนิยมในธุรกิจขนาดเล็กสตาร์ทอัพและกับนักพัฒนา เปรียบเทียบกับแอพอื่น ๆ เช่น Skype และ Google Hangouts Slack สามารถปรับแต่งได้หลายวิธีรวมถึงธีม - ลักษณะและความแตกต่างของอินเทอร์เฟซแอป นี่คือชุดของชุดรูปแบบ Slack ที่พร้อมติดตั้ง .

การกำหนดค่า jQuery

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

SummerNote

SummerNote เป็นห้องสมุด JavaScript เพื่อสร้างโปรแกรมแก้ไขแบบ WYSIWYG SummerNote ได้รับการพัฒนาด้านบนของโครงการโอเพ่นซอร์สที่โดดเด่น: jQuery, Bootstrap และ Font Awesome การปรับใช้ SummerNote นั้นง่ายเหมือนการปรับใช้ไลบรารี JQuery อื่น ๆ และเป็นไลบรารีทางเลือกที่สมบูรณ์แบบสำหรับ TinyMCE โดยเฉพาะถ้าเว็บของคุณใช้ Bootstrap เป็นพื้นฐานเช่นกัน.

BackstopJS

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

SuitCSS

SuitCSS เป็นสำเร็จรูปซึ่งประกอบด้วย CSS Pre-processor ของตัวเองที่รองรับ CSS ในอนาคตของไวยากรณ์เช่น Custom Property และ Custom Media Query, กำมือของคลาสยูทิลิตี้ตามวิธีการ BEM เพื่อปรับขนาดและตำแหน่งองค์ประกอบและโมดูล CSS จำนวนมาก เพื่อเริ่มต้นกับการพัฒนาเว็บไซต์ที่ดีขึ้น.

ผูก

ผูก เป็นแอป OS X แบบเนทีฟที่ให้คุณสร้างเว็บอินเตอร์เฟสและเลย์เอาต์โดยใช้ GridStyleSheet ซึ่งเป็นอัลกอริทึมโครงร่างที่พัฒนาโดย TheGrid GSS ช่วยให้คุณสามารถจัดวางเว็บไซต์ได้อย่างมีประสิทธิภาพ ตัวอย่างเช่นตรงกันข้ามกับ CSS GSS อนุญาตการจัดตำแหน่งแนวตั้งของคอนเทนเนอร์องค์ประกอบด้วยโค้ดบรรทัดเดียว.

AntiModerate

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

jQuery Tips ที่คุณควรรู้

เนื้อหาเจ๋ง ๆ และเนื้อหาที่เจ๋งกว่านี้คือเคล็ดลับของ jQuery ที่เราควรรู้ (ครึ่งหนึ่งของสิ่งเหล่านี้ที่ฉันหวังว่าฉันจะรู้มากก่อนหน้านี้) มูลค่าการตรวจสอบโดยสิ้นเชิง.