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

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

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

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

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

เคล็ดลับ JS

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

ผู้จัดการคนจรจัด

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

Bulma

Bulma เป็นกรอบส่วนหน้า แพคเกจรวมถึงบางส่วน องค์ประกอบ UI ทั่วไป ของเว็บเช่นการนำทางดร็อปดาวน์และ (แน่นอน) ตารางที่สร้างขึ้นด้วยทั้งหมด flexbox. คุณลักษณะเดียวที่ขาดหายไป (อย่างน้อยตอนนี้) คือองค์ประกอบ JavaScript องค์ประกอบของ Bulma นั้นบางกว่ามากเมื่อเทียบกับ Bootstrap แต่มันก็เพียงพอแล้วที่จะสร้างเว็บไซต์ที่มีขนาดเล็ก แต่เรียบร้อย.

กูเทนเบิร์ก

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

OkayNav

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

ใหม่เว็บวิชาการพิมพ์

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

ปลอดภัยสี

ปลอดภัยสี เป็นจานสร้างสีสำหรับเว็บ ไม่เหมือนกับเครื่องมือที่เราเคยกล่าวถึงในซีรีย์นี้ ColorSafe จะสร้างสีที่สอดคล้องกับมาตรฐาน WCAG สำหรับการเข้าถึงสี.

กล่องโต้ตอบ Modal ที่สามารถเข้าถึงได้

นี่คือไลบรารี JavaScript ขนาดเล็ก (เพียง ~ 0.5kb) สร้างหน้าต่างโต้ตอบโมดอล. ผู้ใช้สามารถเปิดปิดและนำทางผ่านกล่องโต้ตอบได้อย่างง่ายดายด้วยแป้นพิมพ์และเมาส์ แพคเกจเป็นเพียง JavaScript เปล่าไม่มีรูปแบบเพื่อให้คุณสามารถกำหนดรูปแบบการโต้ตอบในลักษณะที่คุณต้องการได้อย่างอิสระ.

Mo.js

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

อนุภาค

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