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

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

นอกจากนี้ในโพสต์วันนี้ฉันยังจะ มีเครื่องมือใหม่จำนวนมากที่กำลังเพิ่มขึ้น. มาดูสิ่งที่เรามีเพิ่มเติมในรายการกันเถอะ.

VuePress

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

IMG-2

ไลบรารี JavaScript ที่แนะนำ องค์ประกอบที่กำหนดเอง, img-2. องค์ประกอบใหม่เพิ่มจำนวนของการเพิ่มประสิทธิภาพที่ไม่ได้มาพร้อมกับมาตรฐาน img ธาตุ, ปรับปรุงวิธีโหลดรูปภาพสำหรับผู้ใช้. ด้วยองค์ประกอบที่กำหนดเองรูปภาพจะถูกแคชไว้ล่วงหน้าด้วย โหลดขี้เกียจ รูปภาพและการให้บริการจะมาจากแคชเฉพาะเมื่อรูปภาพเข้าสู่วิวพอร์ตของผู้ใช้ ตรวจสอบตัวอย่าง.

Tabler

แผงควบคุม / แผงควบคุมที่สง่างาม ขึ้นอยู่กับ Bootstrap 4. แผงควบคุมมีองค์ประกอบที่สร้างไว้ล่วงหน้าเช่นแผนภูมิฟอร์มแกลเลอรีตารางราคาและดี ชุดไอคอนที่กำหนดเอง. จุดเริ่มต้นที่ดีในการให้ผู้พัฒนาสร้างแผงผู้ดูแลระบบได้อย่างรวดเร็ว ตรวจสอบตัวอย่าง!

DayJS

DayJS ไลบรารี JavaScript เพื่อจัดรูปแบบวันที่และเวลา. ยิ่งไปกว่านั้น DayJS ยังมี API ที่คล้ายคลึงกับ Moment.js แต่มีขนาดเพียง 2Kb ระบุว่ามันอาจจะเป็น ทางเลือกที่ดีใน Moment.js, หากคุณต้องการห้องสมุดที่มีน้ำหนักเบา แต่ยังคงรักษาความคุ้นเคยกับสิ่งที่คุณรู้จักอยู่แล้ว.

UnifiedArchive

ไลบรารี PHP สำหรับจัดการกับไฟล์บีบอัด UnifiedArchive รองรับรูปแบบที่หลากหลายรวมถึง RAR, Zip, Gzip, Tar, และประเภทการบีบอัดอื่น ๆ อีกมากมาย ด้วยไลบรารีนี้คุณสามารถเก็บถาวรและแยกไฟล์หรือไดเรกทอรี มันให้ API จำนวนหนึ่งเพื่อจัดการไฟล์ หลังจากนั้นจะถูกแยกออกมาจากไฟล์เก็บถาวร UnifiedArchive มีให้เป็นแพ็คเกจนักแต่งเพลง.

Github Learning Lab

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

WordPress UnitTest DOM Parser

คำแนะนำที่ดีจาก Takayuki Miyauchi on ทดสอบ DOMElement เมื่อดำเนินการ UnitTest ในแอปพลิเคชัน WordPress. โดยส่วนตัวแล้วฉันพบว่าสิ่งนี้มีประโยชน์จริงๆ หวังว่าคุณจะพบมันเหมือนกัน.

Popmotion

ไลบรารี JavaScript สำหรับแอนิเมชั่นเรียบเนียนแบบเนยบนเว็บ, “Popmotion” มี API ชื่อ Physics ที่ให้คุณสร้างเอฟเฟกต์อนิเมชั่นใกล้ชีวิตจริง มันไม่ได้ถูกกำจัดทิ้ง ห้องสมุดง่ายๆ ส่งออกค่าตามชุดเฉพาะของการกำหนดค่า. สิ่งนี้ช่วยให้คุณสามารถนำเอาท์พุทเหล่านั้นไปใช้กับสื่อใดก็ได้รวมถึง CSS, SVG, Three.js และแม้แต่ React.js.

Driver.js

ไลบรารี JavaScript ที่ช่วยให้คุณ “ขับรถ” ผู้ใช้มุ่งเน้นไปที่หน้า. สิ่งนี้มีประโยชน์อย่างยิ่งหากคุณต้องการแนะนำคุณสมบัติเฉพาะหรือให้คำแนะนำเกี่ยวกับงานเฉพาะในหน้า Driver.js เป็นเพียง ขนาด 4 KB ปรับแต่งได้และใช้งานกับคีย์บอร์ดได้.

แทนที่ Animated GIF ด้วยวิดีโอ

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

มาสก์ข้อความ

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

เปรียบเทียบความเร็วของไซต์มือถือ

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

VueNut

เพื่อนร่วมทางในการพัฒนาเมื่อสร้างเว็บแอปพลิเคชันด้วย Vue.js และ Vuex VueNut สร้างขึ้น ง่ายต่อการสำรวจสถานะข้อมูลที่เก็บไว้ และช่วยให้คุณสามารถจัดการข้อมูลในระหว่างการพัฒนาได้อย่างง่ายดาย สิ่งที่เย็น!

FoundationDB

เมื่อเร็ว ๆ นี้ Apple ได้เปิด FoundationDB โอเพ่นซอร์สใน Github มันคือ ระบบฐานข้อมูลคู่ค่าคีย์ ที่รับประกันความยืดหยุ่นและประสิทธิภาพ มันเยี่ยมมากที่มี บริษัท เทคโนโลยีขนาดใหญ่เริ่มอุทิศให้กับโอเพ่นซอร์สของผลิตภัณฑ์ของพวกเขา.

หนังสือนิทาน

StoryBooks เป็นเครื่องมือในการ สร้างองค์ประกอบปฏิกิริยาในการแยก. มันมี UI บนเบราว์เซอร์ช่วยให้คุณสามารถดูสถานะที่แตกต่างกันของแต่ละองค์ประกอบเช่นเดียวกับ ทดสอบส่วนประกอบ.

GhostText

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

Coala

โคอาล่าเป็น CLI จัดให้มีอินเตอร์เฟสสำหรับการตัดและแก้ไขโค้ดโดยไม่คำนึงถึงภาษาที่ใช้. คุณสามารถใช้ Coala ภายในโปรแกรมแก้ไขโค้ดรวมเข้ากับ CI (Integration Integration) และปรับแต่งมันด้วยไวยากรณ์การกำหนดค่าใน .coafile. Coala รองรับหลายภาษาเช่น CSS, JavaScript, PHP และคุณสามารถค้นหาเพิ่มเติมในไดเรกทอรีนี้.

ReactStrap

ReactStrap คือชุดของส่วนประกอบ Bootstrap 4 ที่ถูกแปลงเป็นองค์ประกอบ React ที่นำกลับมาใช้ใหม่ได้ หากคุณต้องการปรับปรุงเว็บไซต์ Bootstrap เก่าให้ทันสมัยไลบรารีนี้เป็นสิ่งที่คุณอาจต้องการตรวจสอบ.

Reacto

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

PicoJS

ไลบรารี JavaScript ที่ เปิดใช้งานการตรวจจับใบหน้า. ใช้งานได้กับภาพนิ่งหรือจากกล้องในตัว เป็นเรื่องที่น่าสนใจจริงๆว่าเทคโนโลยีเว็บมีวิวัฒนาการในช่วงไม่กี่ปีที่ผ่านมา.