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

เดือนกรกฎาคมเป็นเดือนที่นำฤดูร้อนมาสู่ฤดูร้อนดังนั้นสำหรับแหล่งข้อมูลใหม่ของเดือนนี้เรามีเครื่องมือใหม่ ๆ ที่ได้รับความนิยมจากนักพัฒนาที่มีชื่อเสียงและนักพัฒนามือใหม่.

รายการมีการผสมผสานเครื่องมือที่น่าสนใจมากมายตั้งแต่ Sketch library โดยชุมชน WordPress ซึ่งจะช่วยให้คุณสร้างต้นแบบอินเทอร์เฟซ WordPress ซึ่งเป็นหนึ่งใน เครื่องมือที่ขยาย React.js และ Vue.js, และการอ้างอิงสองถึงสามระดับเพื่อยกระดับทักษะการพัฒนาของคุณ ตรวจสอบพวกเขาออก.

WPRIG

ธีม WordPress แบบเริ่มต้นที่รวมทุกอย่างที่สร้างโดย Morten Rand-Hendriksenand มาพร้อมกับ สร้างกระบวนการที่กำหนดไว้ล่วงหน้าโดยใช้เครื่องมือที่ทันสมัย เช่นการรวมกันของ Gulp, Babel, ESLint และ Visual Studio มันจะช่วยให้คุณสร้างธีม WP ที่ยอดเยี่ยมโดยไม่ต้องยุ่งยากกับการกำหนดค่าเครื่องมือการพัฒนาโดยรอบ.

VueNative

เฟรมเวิร์กที่อิงตาม Vue.js เพื่อสร้างแอปพลิเคชันมือถือข้ามแพลตฟอร์มที่ให้คุณเขียนโค้ดของคุณด้วยข้อมูลจำเพาะ Vue.js เครื่องมือจะ รวบรวมไปยัง React Native และใช้เวทย์มนตร์สำหรับคุณที่อยู่เบื้องหลัง vue พื้นเมือง CLI หากคุณคุ้นเคยกับ Vue.js สิ่งนี้อาจเป็น กรอบที่เหมาะสมในการสร้างแอปพลิเคชันมือถือ.

SketchPress

folks ที่ 10up เพิ่งเปิดตัว SketchPress ซึ่งก็คือ เทมเพลตร่างสำหรับการสร้างและการออกแบบส่วนต่อประสานผู้ดูแลระบบ WordPress อย่างรวดเร็ว. มันเต็มไปด้วย UI ของผู้ดูแลระบบทั่วไปเช่นปุ่มหลัก, แถบเมนู, Dashicons, Metabox เป็นต้น SketchPress เป็นเครื่องมือที่ยอดเยี่ยมสำหรับนักพัฒนา WordPress ในการจัดเรียงปลั๊กอินและการตั้งค่าธีมหรือหน้าตัวเลือกกับ WordPress admin UI.

Docz

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

Animista

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

GridToFlex

ตัวอย่างบางส่วนของเค้าโครงเว็บทั่วไปที่สร้างขึ้นโดยใช้ CSS Grid ดั้งเดิมและใช้ Flexbox เป็นทางเลือกสำหรับเบราว์เซอร์ที่ยังไม่รองรับ ลองอ่านโพสต์ของเรา: รู้เบื้องต้นเกี่ยวกับ CSS Layout Layout Module.

RatioBuddy

เครื่องมือที่ดีที่จะ สร้างกล่องที่มี CSS ด้วยอัตราส่วนที่กำหนด, ตัวอย่างเช่น, 1: 1, 3: 4, เป็นต้นเครื่องมือจะสร้างรหัสในรูปแบบ SCSS เพื่อคัดลอก.

วิธีการ GraphQL

GraphQL เป็นทางเลือกสำหรับโครงสร้างข้อมูล REST และวิธีการ GraphQL เป็น ทรัพยากรที่ครอบคลุมเพื่อเรียนรู้มัน. มีประสิทธิภาพมากกว่า REST มากเนื่องจากจะดึงข้อมูลที่ต้องการลดปริมาณการโหลดและถ่ายโอนข้อมูลเท่านั้น.

ประวัติตัวอย่าง

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

Transfer.sh

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

FB Sonar

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

JSUI

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

BrainMonkey

ยูทิลิตี้ทดสอบหน่วย PHP ออกแบบโดยใช้เครื่องมือเฉพาะสำหรับ WordPress มันมีเครื่องมือที่อนุญาตให้ เยาะเย้ย ฟังก์ชั่น PHP. นอกจากนี้ยังมีชุดเครื่องมือนอกกรอบเพื่อจัดการกับฟังก์ชั่น WordPress บางอย่างเช่น add_action remove_action เพื่อชื่อไม่กี่ซึ่งโดยทั่วไป เขี้ยวลากดิน ทดสอบ.

เศษส่วน

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

Ant Design Pro

“AntDesign” เป็นหนึ่งในเฟรมเวิร์ก UI ยอดนิยมที่ใช้ React.js และนี่คือเฟรมเวิร์ก “มือโปร” รุ่นที่ออกแบบมาสำหรับแอปพลิเคชันองค์กร. มันมีส่วนประกอบเพิ่มเติมหลายอย่างที่ไม่ได้อยู่ในแพ็คเกจทั่วไปของ AntDesign เช่น AvatarList, HeaderSearch และ TagSelect.

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

LuminJS

เล็กมาก ไลบรารี JavaScript เพื่อเน้นข้อความบนเว็บไซต์ของคุณ. มันทำงานได้อย่างราบรื่นกับโครงสร้าง DOM ที่ซับซ้อนและเป็นโปรแกรมที่คุณสามารถตั้งค่าความเร็วสไตล์และภาพเคลื่อนไหวได้.

แจ้ง

มีประโยชน์ แพคเกจ NPM เพื่อสร้าง CLI เชิงโต้ตอบโดยใช้ Node.js. มันรองรับพรอมต์ขั้นพื้นฐานตัวเลือกหลายตัวพร้อมท์แบบไดนามิกและอินพุตหลายประเภทเช่นรหัสผ่านข้อความตัวเลขและอีเมลเป็นต้น.

ความเข้าใจ

ปลั๊กอิน WordPress ที่ยอดเยี่ยม ปรับปรุงการค้นหาไลบรารีสื่อของ WordPress โดยจำแนกภาพโดยใช้ Google Cloud Vision API ตัวอย่างเช่นหากคุณอัปโหลด “นก” ภาพคุณสามารถค้นหาภาพโดยใช้คำสำคัญ “นก” ไม่ว่าจะรวมคำสำคัญไว้ในชื่อภาพชื่อไฟล์หรือข้อมูลเมตา.

DevTube

คอลเลกชันของ วิดีโอที่ดึงจาก Youtube ของการประชุมนักพัฒนาหลายครั้ง เช่น JSConf, Google TechTalk และ O'Reilly ตอนนี้รับป๊อปคอร์นของคุณและเพิ่มระดับทักษะการพัฒนาของคุณ.

Reactive.how

การเขียนโปรแกรมเชิงโต้ตอบเกิดขึ้น กระบวนทัศน์ใหม่ในการเขียนโปรแกรมโดยเฉพาะในเว็บที่สตรีมข้อมูลมีมากมายและไหลอย่างต่อเนื่องทุกมิลลิวินาที ทรัพยากรนี้เป็นความคิดริเริ่มจากCèdric Soulas ถึง สอนหลักการของ ปฏิกิริยา การเขียนโปรแกรม.