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

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

ในรอบนี้เรามีการอ้างอิงที่ดีที่คุ้มค่าในการทำบุ๊กมาร์กเครื่องมือที่จะช่วยคุณตรวจสอบความผิดพลาดของ HTML, รหัสย่อสำหรับการเขียนโน้ตดนตรี, ไลบรารี JS สำหรับจัดการตารางตอบสนองและระบบกริดตอบสนอง.

รหัสย่อ CanIUse

CanIUse เป็นแหล่งข้อมูลที่ครอบคลุมเพื่อติดตามการสนับสนุนเบราว์เซอร์สำหรับคุณสมบัติเว็บที่ทันสมัย นี่คือปลั๊กอิน WordPress ที่แสดงตาราง CanIUse สำหรับคุณสมบัติที่ระบุโดยใช้รหัสย่อที่ใช้งานง่าย เมื่อเปิดใช้งานคุณสามารถเพิ่มตัวอย่างเช่น, [ciu-display feature = "audio"] เพื่อแสดงผลลัพธ์สำหรับการสนับสนุนองค์ประกอบเสียง HTML5 ในตาราง.

jQuery FileAPI

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

TabellaJS

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

StickyFill

StickyFill เป็น polyfill ของ CSS3 ใหม่ เหนียว ตำแหน่ง. มันจำลองพฤติกรรมตำแหน่งเหนียวได้อย่างสมบูรณ์แบบและทำงานได้กับอินสแตนซ์เหนียวจำนวนมาก.

Basket.js

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

HTMLHint

HTMLHint เป็นเครื่องมือเว็บขนาดเล็กเพื่อตรวจสอบข้อผิดพลาดใน HTML เครื่องมือจะตรวจสอบมาตรฐานการตั้งชื่อแท็กปิดที่ขาดหายไปปัญหาการเข้าถึงการใช้งาน Doctype ที่เหมาะสมและปัญหา id และ ohter ที่ซ้ำกันซึ่งคุณมักมองข้าม.

สัญลักษณ์ ABC

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

KSS StyleGuide

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

สถานะของ Internet Explorer

Internet Explorer กำลังพัฒนาเพื่อสิ่งที่ดีกว่า ในเวอร์ชันล่าสุด (ก่อน Spartan) Internet Explorer ได้นำมาตรฐานเว็บใหม่มาใช้มากมาย ตอนนี้คุณติดตามสถานะของฟีเจอร์ที่กำลังจะเปิดตัวในเวอร์ชั่นถัดไป มันเป็นข้อมูลอ้างอิงที่มีประโยชน์สำหรับนักพัฒนาเว็บนอกเหนือจากสถานะ CanIUse และ Chrome.

CSS Flexbox

คอลเลกชันของสิ่งที่จะทำกับ CSS Flexbox เช่นแบบฝึกหัดบทความและ cheatsheets การอ้างอิงที่มีประโยชน์มากสำหรับผู้พัฒนาบุ๊กมาร์ก.

หุบเขา

หุบเขา เป็นชุดของไอคอนโฟลเดอร์ OS X และโฟลเดอร์ที่สร้างโดยบุคคลที่สามทั่วไปเช่น Dropbox, Drive และ OneDrive สีของโฟลเดอร์กระชับมากขึ้นซึ่งฉันคิดว่าเป็นการตัดสินใจที่ดีกว่าสิ่งที่คุณได้รับจากโฟลเดอร์ OS X Yosemite (สว่างเกินไป!).

CSS Wizardry Grid

ระบบกริด CSS ตอบสนองน้ำหนักเบา แต่มีประสิทธิภาพที่พัฒนาโดย Harry Robert นั้นเต็มไปด้วยความดีของ CSS มันตอบสนองได้อย่างเต็มที่ขับเคลื่อนด้วย Sass โครงสร้างด้วยวิธีการ BEM และเป็นกริดแบบย้อนกลับได้.