โฮมเพจ » ออกแบบเว็บไซต์ » ทรัพยากรใหม่สำหรับนักออกแบบและพัฒนาเว็บ (ธันวาคม 2559)

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

    เราใกล้จะถึงจุดสิ้นสุดของปี 2559 และเป็นปีที่น่าตื่นเต้นสำหรับหลาย ๆ คนรวมถึงนักพัฒนาเว็บ ปีนี้, ความนิยมของ ReactJS พุ่งสูงขึ้นอย่างทวีคูณ, ส่วนขยาย ReactJS ใหม่ถูกปล่อยออกมาและอยู่ในรายการ แหล่งเก็บข้อมูลที่ได้รับความนิยมของ Github (เกือบ) ทุกสัปดาห์.

    PHP7 นั้นเปิดตัวในปีนี้เช่นกัน ซึ่งมีการปรับปรุงที่สำคัญเกี่ยวกับความเร็วรวมถึงการเปิดตัว WordPress 4.7 พร้อม WP-API ที่รอคอยมานาน คุณสมบัติและ Facebook ได้เปิดตัวแพ็คเกจเส้นด้าย ที่อาจท้าทาย NPM.

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

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

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

    สำหรับรายละเอียดเพิ่มเติมเกี่ยวกับแต่ละรุ่นที่มีประโยชน์เหล่านี้มาดูรายการต่อไปนี้:

    ประภาคาร

    LightHouse เป็น เครื่องมือที่มีประโยชน์จาก Google เพื่อตรวจสอบเว็บไซต์ของคุณกับตัวชี้วัดการพัฒนาเว็บที่ทันสมัยซึ่งรวมถึง ประสิทธิภาพการโหลดหน้าเว็บ, การแคชกับ Service Workers, การตอบสนองเวลาของเซิร์ฟเวอร์ และอื่น ๆ เครื่องมือเหล่านี้มีสองรูปแบบคือส่วนต่อขยาย CLI (Command Line Interface) และ Google Chrome.

    FuseJS

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

    แพ็คเกจเส้นด้าย

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

    เมนูแคช

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

    Githunt

    Githunt เป็นส่วนเสริมของ Google Chrome ที่ แทนที่หน้าแรกของ Chrome ด้วยที่เก็บแนวโน้ม Github. คุณสามารถเรียงลำดับผลลัพธ์ตามระยะเวลาและภาษาการเขียนโปรแกรม มันคือฉันคิดว่า, ยูทิลิตี้ที่ต้องติดตั้ง เพื่อให้นักพัฒนาซอฟต์แวร์ทุกคนได้รับการอัปเดตอยู่เสมอด้วยเครื่องมือที่ยอดเยี่ยมที่สุด.

    FFocus

    ไม่สามารถมุ่งความสนใจไปที่งานของคุณและต้องการให้งานของคุณสำเร็จเร็วขึ้นใช่ไหม ลอง FFocus มันคือ CLI ที่ช่วยให้คุณสามารถบล็อกเว็บไซต์ในช่วงเวลาที่กำหนดผ่านเทอร์มินัล. FFocus สามารถ ติดตั้งผ่าน NPM โดยเรียกใช้ npm ฉัน ffocus -g คำสั่ง.

    Accesslint

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

    colorable

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

    Micon

    Micon เป็น ไอคอนตัวอักษรของภาพสัญลักษณ์ Microsoft Windows 10 ที่เลือก. นี่อาจเป็น ทดแทนที่ดีของ FontAwesome ซึ่งฉันคิดว่ามันมากเกินไปแล้ว.

    การอ้างอิง CSS

    ชื่อกล่าวมันทั้งหมด มันคือ การอ้างอิง CSS เพื่อค้นหาไวยากรณ์ CSS. มันถูกนำเสนอในวิธีที่น่าพอใจซึ่งทำให้มันเป็น ทางเลือกที่ดีสำหรับเอกสาร CSS ที่ MDN, ถ้าคุณคิดว่ามันน่าเบื่อเกินไป.

    ท้องถิ่นโดย Flywheel

    นี่คือ แอพ GUI ที่ทำให้การตั้งค่าเว็บไซต์ WordPress ใน MacOS ของคุณเป็นเรื่องง่าย. แอพนี้เต็มไปด้วยสาธารณูปโภคที่ยอดเยี่ยมสำหรับนักพัฒนาเช่น; “เพียงคลิกเดียว” การติดตั้ง WordPress, การเข้าถึง SSH การตั้งค่า SSL ง่ายพิมพ์เขียวไซต์และ XIP.io แอพนี้มีราคาอยู่ที่ประมาณ 149 เหรียญสหรัฐ แต่เป็น ฟรีทันทีที่ได้รับจาก Flywheel.

    FreeCodeCamp

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

    OverPass แบบอักษร

    ตัวอักษร OverPass เป็นตระกูลแบบอักษรที่ประกอบด้วย น้ำหนักแปด (200-900), ตัวอักษรตัวเอียงจริงและแบบอักษรอวกาศ. สามารถโหลดแบบอักษรเป็นเว็บแบบอักษรจาก KeyCDN ได้เช่นกัน ติดตั้งสำหรับการใช้เดสก์ท็อป. มันฟรีและโอเพ่นซอร์ส.

    ฐานแบบฟอร์ม

    ฐานแบบฟอร์มคือ ชุดของกฎสไตล์ CSS องค์ประกอบรูปแบบที่รีเซ็ตซึ่งรวมถึง อินพุต, ช่องทำเครื่องหมาย, เลือก, และ textarea ด้วยรูปแบบพื้นฐานที่สวยงาม. ห้องสมุด CSS นี้เป็นสิ่งที่ดี ใช้ร่วมกับอีก “ตัวรีเซ็ต CSS” เช่น Normalize.css.

    ส่วนหน้า

    มันเป็นกรอบที่ใช้ในการสร้าง 24ways.org; ทรัพยากรที่ดี ที่คุณอาจมองเข้าไป เพื่อเรียนรู้เทคนิค CSS ขั้นสูง.

    ชัยชนะ

    ReactJS กำลังเพิ่มขึ้นเรื่อย ๆ มีส่วนขยายจำนวนมากเพื่อรองรับ. ชัยชนะคือ ส่วนประกอบ ReactJS เพื่อเพิ่ม intercative และแผนภูมิหรือการแสดงข้อมูล.

    นรก

    นรกเป็น ไลบรารี JavaScript เพื่อสร้างเว็บอินเตอร์เฟสบนอุปกรณ์มือถือ. มันคือ แรงบันดาลใจจาก ReactJS จึงสืบทอดอนุสัญญาไวยากรณ์ที่คล้ายกัน อย่างไรก็ตามความแตกต่างก็คือ Inferno นั้น สร้างขึ้นด้วยประสิทธิภาพในใจ ซึ่งทำให้มัน ขนาดเล็กกว่ามาก และยังให้มันเป็น เวลาแสดงผลเร็วขึ้น.

    Premonish

    Permonish เป็นห้องสมุดที่สามารถทำได้ ทำนายการโต้ตอบครั้งต่อไปของผู้ใช้. สิ่งนี้จะช่วยให้คุณ เตรียมส่วนต่อประสานผู้ใช้ (UI) ให้สมบูรณ์ยิ่งขึ้น ก่อนที่ผู้ใช้จริงจะโต้ตอบกับเว็บไซต์ของคุณ.

    ชุดสตาร์ทเตอร์สปา

    นี่คือตัวอย่างของ SPA (แอปพลิเคชันหน้าเดียว) ที่สร้างด้วย Laravel และ VueJS มันยัง อีกแหล่งข้อมูลที่ดีในการเรียนรู้การพัฒนาเว็บโดยใช้เฟรมเวิร์ก - ดูแหล่งที่มาลุค!

    Docute

    Docute คือ ไลบรารี JavaScript สำหรับสร้างเอกสารหน้าเดียว. มันขับเคลื่อนด้วย VueJS และจัดส่งมาพร้อมกับยูทิลิตี Node จำนวนหนึ่งที่อนุญาตให้คุณ ตั้งค่าและเรียกใช้เอกสารของคุณอย่างรวดเร็ว.