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

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

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

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

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

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

Slinky

ปลั๊กอินร่าง ที่ช่วยให้คุณ ส่งออก Artboard ไปยังเทมเพลตอีเมล HTML ด้วยการคลิกง่าย Slinky กำลังอยู่ในขั้นตอนการพัฒนาอย่างแข็งขันอย่างไรก็ตามยังมีบางสิ่งที่ขรุขระบนขอบ ดังนั้นทำตามแนวทางเพื่อ รับผลลัพธ์ที่ดีที่สุด.

Boilrplate

ไดเรกทอรี curated ของสำเร็จรูปและแม่แบบ เพื่อช่วยให้คุณเริ่มต้นโครงการได้อย่างรวดเร็ว มันมีรายการของต้นแบบหลายภาษาและกรอบรวมทั้ง jQuery, Angular, React, WordPress, Backbone และ Electron.

Griddy

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

ตอบโต้ความรู้พื้นฐาน

ฉันกำลังเรียนรู้ทำปฏิกิริยาในขณะที่เขียนและ พบว่าเป็นหลักสูตรที่ดี ที่ซึ่งคุณสามารถเรียนรู้ React ในฐานะผู้เริ่มต้น หลักสูตรประกอบด้วยวิดีโอบทความและคำถามต่างๆ และฉันก็พูดถึงสิ่งนั้น หลักสูตรนี้ฟรีอย่างแน่นอน?

สก์ท็อปแชสซี

แชสซีเป็น การกำหนดค่าเครื่องเสมือนที่ออกแบบมาเพื่อสร้างระบบนิเวศ WordPress เช่นชุดรูปแบบและปลั๊กอิน มันจะช่วยให้คุณสามารถจัดการการติดตั้ง Chassis ด้วยสายตา ในช่วงเวลาของการเขียนแชสซีเป็น ยังอยู่ในช่วงการพัฒนา แต่จะเปิดตัวเร็ว ๆ นี้.

papersizes

คอลเลกชันของ ขนาดกระดาษมาตรฐานที่ใช้ในประเทศต่าง ๆ รวมถึงขนาดที่ใช้ทั่วไปในญี่ปุ่นฝรั่งเศสและแคนาดา มันเป็นทรัพยากรที่ยอดเยี่ยม ทั้งนักออกแบบเว็บไซต์และนักพัฒนาซอฟต์แวร์ควรคั่นหน้า.

TippyJS

ดี ไลบรารี JavaScript เพื่อสร้าง Tooltip, TippyJS มาพร้อมกับการตั้งค่ามากมายเพื่อกำหนดค่าว่าคำแนะนำเครื่องมือควรปรากฏและทำงานอย่างไร มันเป็น 'รูปแบบ' ในแบบที่คุณสามารถทำได้ ปรับแต่งรูปลักษณ์ได้อย่างง่ายดายผ่าน CSS. นักพัฒนาโดยเฉพาะอย่างยิ่งจะขอบคุณ “โทรกลับ” มันให้.

รูปแบบการออกแบบ PHP

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

ล่อ

Guzzle มีประโยชน์ ไลบรารี PHP เพื่อสร้างคำขอ HTTP ด้วยวิธีการต่าง ๆ เช่น “GET”, “โพสต์” และแม้แต่คำขอ Async ก็คล้ายกับ JavaScript มันมาพร้อมกับ ความอุดมสมบูรณ์ของวิธีการทำงาน ที่ซึ่งคุณจะได้รับคำตอบจากคำขอรวมถึงการตอบกลับด้วย Header, Body รวมถึงรหัสสถานะ.

Mini.css

มินิคือ เฟรมเวิร์ก CSS พร้อมกับมีพื้นที่น้อยที่สุด. และเช่นเดียวกับเฟรมเวิร์กอื่น ๆ มันมาพร้อมกับองค์ประกอบของเว็บจำนวนมากเช่น ตารางการนำทางตาราง, ฯลฯ.

SimpleIcons

ชุดไอคอนของ บริษัท และแบรนด์ต่างๆ จากรายการยอดนิยมเช่น eBay, Viber, Dribble และ Google+ ไปจนถึงรายการยอดนิยมอย่างน้อยเช่น Gitter, Kirby, Viadeo ไอคอนมาในรูปแบบ SVG และสามารถพิสูจน์ได้ว่าเป็นทรัพยากรที่ยอดเยี่ยมสำหรับทั้งนักออกแบบและนักพัฒนา.

ผู้ดูแลระบบ Chrome MySQL

Chrome extension สำหรับจัดการฐานข้อมูล MySQL ของคุณ. มันเป็นทางเลือกที่ยอดเยี่ยมสำหรับแอพอย่าง Sequel Pro และ MySQL Workbence.

Numi

นูมิเป็น แอพเครื่องคิดเลขที่เรียบง่ายสวยงามและเป็นเอกลักษณ์ สำหรับ Mac เพียงพิมพ์ “10 ดอลล่าร์สหรัฐใน SGD” และคุณจะได้รับผลลัพธ์!

Laradock

การกำหนดค่าตัวเชื่อมต่อเพื่อเรียกใช้ Laravel. Laradock รองรับเอนจิ้นฐานข้อมูลต่าง ๆ รวมถึง MariaDB และ MongoDB รวมถึง Cache Engines เช่น Redis และ Memchaced แม้ว่ามันจะตั้งชื่อตาม Laravel แต่คุณก็สามารถทำได้ ใช้สำหรับเฟรมเวิร์กหรือแพลตฟอร์มอื่น ๆ เช่น WordPress และ Drupal เช่นกัน.

Fabrica

Fabrica เป็น ชุดเครื่องมือในการพัฒนา WordPress ตั้งแต่ต้นจนจบ. Fabrica ใช้ Docker สำหรับการทำงานอย่างรวดเร็วและเพื่อตั้งค่าสภาพแวดล้อมการพัฒนาและใช้ WordMove สำหรับการปรับใช้.

แหบแห้ง

แหบแห้ง โมดูลโหนด ที่ช่วยให้เราสามารถเรียกใช้ githooks เช่น ก่อนกระทำ, ก่อนได้รับ, และ โพสต์ได้รับ.

EasyMap

EasyMap ทำให้มันเป็นไปอย่างแน่นอน ง่ายต่อการแสดงผลและเพิ่มเครื่องหมายใน Google Maps. เพียงเพิ่มคีย์ Google Maps API ของคุณและระบุที่อยู่ใน รูปแบบ JSON และคุณทำเสร็จแล้ว.

Wappalyzer

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

คู่มือทุบตี

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

Chroma.js

Chroma.js คือ ไลบรารี JavaScript เพื่อจัดการกับสี. สนับสนุนการจัดรูปแบบสีจำนวนมากรวมถึง HEX, RGB และ RGBA นอกจากนั้นคุณยังสามารถ ปรับแต่งสีด้วยความสว่างความคมชัดและความอิ่มตัวของสี.