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

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

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

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

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

OverPass แบบอักษร

สะพานลอย แบบอักษรเป็นแบบอักษรฟรีที่ได้แรงบันดาลใจจาก Highway Gothic Highway Gothic เป็นแบบอักษรที่ใช้กันอย่างแพร่หลายในหลายประเทศ สำหรับป้ายถนนเนื่องจากความชัดเจนในระยะทางและความเร็วสูง. แบบอักษร OverPass มีสี่แบบอักษรน้ำหนัก (บาง, ปกติ, ตัวหนากึ่งและตัวหนา), ตัวอักษรตัวพิมพ์ใหญ่และตัวพิมพ์เล็กและยังสามารถแปลงเป็นแบบอักษรบนเว็บ.

การอนุญาต: OFL (Open Font License)

Pa11y

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

ทรัพยากรเพิ่มเติมเกี่ยวกับการช่วยการเข้าถึง:

• เว็บที่ทันสมัยและการเข้าถึง [วิดีโอ]
• เพลย์ลิส: Accesibility โดย Thomas Bradly [วิดีโอ]
• ดูการเข้าถึงของ ARIA Web Standards & HTML Apps

PressureJS

โดยทั่วไปแล้ว Apple Touch Force จะวัดความกดนิ้วบนหน้าจอหรือแทร็คแพดซึ่งสามารถใช้เพื่อเพิ่มฟังก์ชันการทำงานพิเศษ นักพัฒนาสามารถใช้ประโยชน์จากเทคโนโลยีนี้เพื่อเพิ่มความสามารถในการใช้งานให้กับแอปพลิเคชัน OS X หรือ iOS ดั้งเดิม. PressureJS เป็นห้องสมุด JavaScript ที่ เชื่อมต่อกับ Force Touch APIs และอนุญาตให้คุณนำไปใช้กับเว็บไซต์ของคุณ.

SplitJS

SplitJS เป็นไลบรารี่ JavaScript น้ำหนักเบาที่ให้คุณได้ แบ่งวิวพอร์ตของหน้าต่างเบราว์เซอร์ออกเป็นหลายส่วน. คุณอาจเคยเห็นมันใช้กันทั่วไปใน webapps ที่ใช้รหัสร่วมกันเช่น CodePen.io, JSFiddle, หรือ JSBin โดยที่พื้นที่ทำงาน HTML, CSS และ JS ถูกแยกออกเป็นส่วน ๆ.

FlexibilityJS

Flexbox ทำให้การจัดวางเค้าโครงเว็บง่ายขึ้นมาก แต่เนื่องจากมันไม่สามารถใช้งานได้ใน Internet Explorer 9 และ 8 ผู้พัฒนาเว็บมักจะต้องเปลี่ยนกลับไปใช้ปัญหาที่ฉาวโฉ่ ลอย คุณสมบัติ. FlexibilityJS อยู่ที่นี่เพื่อให้คุณสามารถ ใช้ Flexbox โดยไม่ทิ้งเบราว์เซอร์เก่าเหล่านี้ไว้ด้านหลัง.

LabellaJS

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

กระจ้อยร่อย

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

Grav

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

PatternPack

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

OhCrash!

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