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

ชุดนี้มาไกลผ่านที่เราได้เห็น เครื่องมือในการพัฒนาเว็บมาและไป; ครั้งหนึ่งพวกเขาเปล่งประกายไม่กี่เดือนต่อมาพวกเขาล้าสมัยด้วยเครื่องมือล่าสุดอื่น ๆ อย่างไรก็ตามเรามีเครื่องมือใหม่ในรายการสำหรับนักพัฒนาของเราในการสำรวจในเดือนนี้ซึ่งรวมถึง ไลบรารี JavaScript ซึ่งเป็นปลั๊กอิน Sketch สำหรับการออกแบบ UI ที่ตอบสนองได้, และเฟรมเวิร์ก CSS สองสามรายการ.

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

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

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

iTyped

จาวาสคริปต์ ห้องสมุดที่อนุญาตให้คุณนำเสนอ การพิมพ์ ผลกระทบของรายการข้อความ; ลักษณะพิเศษที่คุณอาจเห็นบนเว็บเมื่อเร็ว ๆ นี้ ไลบรารี JavaScript นี้คือ ใช้งานง่ายด้วยตัวเลือกมากมายเพื่อปรับแต่งเอฟเฟกต์. คุณสามารถติดตั้งไลบรารีนี้ผ่าน NPM หรือโหลดผ่าน CDN ที่ https://unpkg.com/[email protected].

Opera Neon

Opera เคยเป็นคนแรกที่แนะนำเบราว์เซอร์ที่ใช้แท็บและตั้งแต่นั้นมาเราก็มี เบราว์เซอร์ที่เรียกว่าแท็บและโทรด่วน. Opera เพิ่งเปิดตัวโครงการใหม่ชื่อ Opera Neon เบราว์เซอร์ใหม่ที่มีอินเตอร์เฟซใหม่เช่นที่เรียกว่า แถบอเนกประสงค์โหมดแยกหน้าจอและวอลล์เปเปอร์ที่สวยงาม เลือก ดังนั้น Opera Neon สามารถเปลี่ยนเบราว์เซอร์พื้นที่อีกครั้ง? สิ่งนี้เราจะต้องดู.

At.js

At.js เป็นไลบรารี JavaScript ที่ช่วยให้คุณ เพิ่มยิ้มพูดถึงเพื่อนหรือติดแท็ก; บางอย่างที่เราเห็นใน Slack, Twitter และ Facebook ปลั๊กอินนี้ต้องการ jQuery ซึ่งอนุญาตให้ทำได้ ทำงานบน Internet Explorer 7 และบางที อินเทอร์เน็ตสำรวจ 6 ด้วย. น่าอัศจรรย์!

ปล่อย

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

สวย

จาวาสคริปต์ สวยงาม ตรวจสอบให้แน่ใจว่าโค้ด JavaScript ของเราอยู่ในรูปแบบที่สอดคล้องกัน. รองรับ ES2017 และ JSX.

Ayu

Ayu คือ ชุดรูปแบบ Sublime Text พร้อมการอุทธรณ์ที่สดและทันสมัย. มันมาพร้อมกับ 2 โทนมืดและสว่าง Ayu หมายถึงความสวยงามในอินโดนีเซียและสามารถพูดได้ มัน ทำให้ UI ข้อความ Sublime สวยงามยิ่งขึ้น.

JSON Splora

แอปพลิเคชั่นที่มีน้ำหนักเบาสำหรับการแก้ไขและการแสดงข้อมูล JSON. แอพที่เข้ากันได้กับ Windows, Linux และ MacOS.

ซูม

JavaScript เพื่อซูมภาพอย่างงดงาม. ปรับให้เหมาะสมสำหรับมือถือใช้งานได้ดีในหน้าจอความละเอียดสูงและสามารถปรับแต่งได้อย่างง่ายดาย.

Ramme

Ramme เป็น ไคลเอนต์เดสก์ทอป Instagram. แม้ว่ามันจะไม่เป็นทางการ แต่บางทีคุณสามารถเรียนรู้สองสาม สิ่งใหม่ ๆ จากซอร์สโค้ด.

เปลี่ยนชื่อผู้ใช้

ปลั๊กอิน WordPress ที่เปิดใช้งานครั้งเดียว, เพิ่ม “เปลี่ยนแปลง” ลิงค์ ข้างๆชื่อผู้ใช้และ ช่วยให้คุณเปลี่ยนชื่อผู้ใช้.

NodeifyWP

NodeifyWP เป็นปลั๊กอิน WordPress ที่ไม่เหมือนใคร จะช่วยให้คุณใช้งาน WordPress ได้ตามปกติแล้ว ส่งออกเนื้อหาโดยใช้โมดูล Node.js. ฉันยังไม่ได้ลองปลั๊กอินนี้ในโครงการใด ๆ แต่การนำเสนอที่ฉันเห็นใน WordCamp Denpasar 2016, ปลั๊กอินนี้มีแนวโน้มมากที่จะพัฒนา WordPress ให้ทันสมัย.

ColorMe

ColorMe ค่อนข้างต่างจากแอพตัวสร้างสีอื่น ๆ ที่ฉันเคยเห็นมาก่อน นอกเหนือจากการสร้างรหัสสีแอปยังให้ ควบคุมการปรับความสว่างของสี, เฉดสี, ​​สี, ความอิ่มตัวของสี, ความคมชัด ฯลฯ.

แพ็คเกจ WP-CLI

การรวบรวมส่วนขยายของ WP-CLI ที่เพิ่มบรรทัดคำสั่งและพารามิเตอร์พิเศษเพื่อดำเนินงานเพิ่มเติมเช่นหนึ่งสำหรับ ปรับใช้ WordPress ไปยังเซิร์ฟเวอร์ระยะไกลโยกย้ายไซต์ WordPress ล้างแคช, และอีกมากมาย.

ตัวสร้างเพจเทเลอร์

ปลั๊กอิน WordPress ที่ช่วยให้คุณ สร้างเนื้อหาที่ไม่ใช่เชิงเส้นด้วยส่วนต่อประสาน drag-n-drop. ปลั๊กอินสามารถขยายได้สำหรับส่วนประกอบใหม่เพื่อเพิ่มประเภทเนื้อหาที่ไม่ซ้ำกัน. มันมี WP-API เพื่อจัดการเนื้อหาเหล่านี้เช่นกัน. Tailor Page Builder เป็นปลั๊กอินที่ดีที่สุดในประเภทนี้.

XVG

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

RibbonJS

RibbonJS เป็นไลบรารี JavaScript ที่ช่วยให้คุณ สร้างริบบิ้นตกแต่งในเว็บไซต์ของคุณ, ตามที่คุณเห็นภาพหน้าจอต่อไปนี้ มันมีขนาดเพียง 1kb และ ง่ายต่อการปรับแต่ง.

เลย์เอาต์อัตโนมัติ

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

Funcssions

Funcssion เป็น คอลเลกชันของคลาส CSS ที่เป็นไปตามหลักการของฟังก์ชั่นที่บริสุทธิ์ CSS คลาสแต่ละคลาสจะกำหนดจุดประสงค์เดียวของการจัดแต่งทรงผม ปัจจุบัน CSS Framework นี้อยู่ระหว่างดำเนินการพร้อมคุณสมบัติเพิ่มเติมที่จะแนะนำในอนาคตเช่น Grid ตอบสนอง, ปุ่ม, ฯลฯ.

Webslides

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

การออกแบบเว็บที่ยืดหยุ่น

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