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

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

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

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

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

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

Kap

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

Sizzy

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

Muse UI

ไลบรารี UI ตามหลักการออกแบบวัสดุ และสร้างขึ้นบน Vue.js 2.0 แล้ว Muse UI นั้นเต็มไปด้วยองค์ประกอบการออกแบบวัสดุเช่น Appbar, Card และ Dialog มันเยี่ยมมาก กรอบการทำงานเพื่อสร้างและเรียกใช้ UI ได้อย่างรวดเร็ว.

WP-CLI ขั้นสูง

ฉันเป็นแฟนตัวยงของ WP-CLI และใช้งานได้เกือบทุกวัน ในงานของฉันในฐานะนักพัฒนา WordPress กระนั้นก็เป็นเพียงเมื่อเร็ว ๆ นี้ที่ฉันพบว่า WP-CLI ช่วยให้คุณ สร้างนั่งร้าน PHP UnitTest สำหรับธีม! นี่คือรายการของการใช้งานขั้นสูง WP-CLI จาก ผู้ดูแล WP-CLI, Daniel Bachhuber, ตัวเขาเอง.

ความบ้า

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

K6

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

บริการตรวจสอบ

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

SVGito

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

Launchaco

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

น่ารังเกียจ

คอลเลกชันของภาพเคลื่อนไหวที่ไม่ซ้ำกันทำด้วย CSS. โปรดอย่าเปิดแอนิเมชั่นถ้าใจและจิตใจไม่แข็งแรงพอที่จะดูได้.

CSS สูตรโกงตาราง

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

Workbox

กล่องงานคือ ความคิดริเริ่มใหม่จาก Google เพื่อสร้าง Progressive Web App (กปภ.) มันคล้ายกับ Yeoman หรือสร้างแอป React ในแบบที่คุณจะได้รับทุกอย่างและ พร้อมในบรรทัดคำสั่งเดียว.

Mavo

Mavo เป็นโครงการโอเพ่นซอร์สใหม่จาก Lea Verou มันเป็นไลบรารี่ที่เปลี่ยนมาร์กอัป HTML ที่เปลือยเปล่า แอตทริบิวต์ที่กำหนดเองลงในเว็บแอปพลิเคชันที่ใช้งานได้. Mavo ง่ายต่อการติดตามเมื่อเทียบกับห้องสมุดอื่น ๆ เช่น Backbone, Vue.js หรือ React ตามที่อนุญาต ผู้ใช้ที่ใช้เทคโนโลยีน้อยเข้าใจในการสร้างเว็บแอปพลิเคชัน อย่างรวดเร็วและง่ายดาย.

วัสดุ UI

Simlar to Muse UI มันเป็น เฟรมเวิร์ก UI ขึ้นอยู่กับภาษาการออกแบบการวัด. อันนี้ถูกสร้างขึ้นโดยใช้ปฏิกิริยา ตอนนี้มันขึ้นอยู่กับความชอบของคุณ ถ้าคุณอยู่กับ ทีม Vue.js หรือทีมตอบโต้.

ภาพขี้เกียจ

Lazy Image เป็น องค์ประกอบ HTML ที่กำหนดเองเพื่อโหลดภาพตามคำขอ. องค์ประกอบ custome นี้ให้เพิ่มเติม .คล่องแคล่ว วัตถุภายในวัตถุองค์ประกอบที่คุณสามารถ ใช้เพื่อเรียกภาพให้โหลดในเหตุการณ์หรือการโต้ตอบกับผู้ใช้ ตามที่คุณต้องการ.

Mac CLI

นี่เป็นเครื่องมือที่ดีสำหรับ จัดการ MacOS ของคุณผ่าน Terminal. เพียงพิมพ์ การปรับปรุง mac เพื่ออัปเดต MacOS หรือพิมพ์ การนำเสนอ mac ซึ่งจะเตรียม Mac ของคุณ (ย่อขนาดแอพทั้งหมดปิดเบราว์เซอร์ส่งไฟล์จากเดสก์ท็อป และดาวน์โหลดไปที่ถังขยะและตั้งค่าโหมดไม่รบกวน) ก่อนที่จะนำเสนอออกมา เท่ห์แค่ไหน!

ทำให้คุณตื่น

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

ฟีด JSON

ที่สุด! มันคือ ข้อกำหนดมาตรฐานสำหรับการส่งฟีดเนื้อหาใน JSON รูป มีปลั๊กอิน WordPress ที่สร้างขึ้นสำหรับการนำไปใช้งานแล้ว สิ่งนี้จะทำให้ชีวิตนักพัฒนาเว็บง่ายขึ้น ขอเพียง บอกลากับ XML.

คาร์บอน

กล่าวโดยสรุป Carbon คือ Moment.js ของ PHP มันเป็นห้องสมุด PHP เพื่อสร้างและ จัดการกับสตริงวันที่และเวลา.

แข่งความเร็ว

อื่น เครื่องมือสำหรับการทดสอบหน่วยประสิทธิภาพ. ในขณะที่ K6 จะทำการทดสอบโหลดโดยการส่งผู้ใช้ Virutal เพื่อจำลองการเข้าชมและปริมาณการใช้งาน SpeedRacer จะ ประเมินประสิทธิภาพการแสดงผลหน้าเว็บในเบราว์เซอร์. SpeedRacer สามารถเป็นสหายที่ดีสำหรับ K6.