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

เรากำลังขยายรายการสำหรับรุ่นกลางปี งวดนี้มี CLIs ไม่กี่ (และนี่คือโพสต์ของเราเกี่ยวกับสาเหตุที่คุณควรเรียนรู้บรรทัดคำสั่ง), แอพเดสก์ท็อปสำหรับการทำงานและความสนุกสนาน, และ CSS และ JavaScript หลายไลบรารี รวมถึงเนื้อหาการอ่านหนังสืออ้างอิงและคำแนะนำเกี่ยวกับแนวปฏิบัติที่ดีที่สุดที่คุณควรตรวจสอบคั่นหน้าและอาจอ่านได้หนึ่งวัน.

ฉันจะไม่ทำให้รายการที่เหลือเสียไป สำหรับทรัพยากรใหม่เพิ่มเติมคลิกที่นี่.

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

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

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

CertBot

CertBot มอบวิธีที่สะดวกยิ่งขึ้นในการปรับใช้ใบรับรองจาก Let's Encrypt มันมีชุดของบรรทัดคำสั่งที่รองรับการกำหนดค่าเซิร์ฟเวอร์จำนวนมากเช่น Apache, NGINX และ Plesk Let's Encrypt เป็นความพยายามของชุมชนที่จะทำให้เว็บปลอดภัยยิ่งขึ้นด้วยการมอบใบรับรอง SSL ฟรี ปัจจุบันมีการใช้งานในเว็บไซต์มากกว่า 3 ล้านเว็บไซต์.

Mononoki

Mononoki เป็นแบบอักษรที่ออกแบบมาโดยเฉพาะสำหรับการแสดงรหัส Mononoki มีแบบอักษรบนเดสก์ท็อปที่ติดตั้งได้ (.TTF) และแบบอักษรของเว็บ (.EOT, และ .WOFF) มันเป็นทางเลือกใหม่ที่คลาสสิก monotypes เช่น Monaco, Menlo และ Courier.

BideoJS

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

CSS Purge

CSS Purge คือชุดของการอ้างอิงบทความและสถิติสำหรับ CSS ข้อมูลที่มีประโยชน์เช่นนี้สามารถช่วยให้คุณตัดสินใจอย่างชาญฉลาดเกี่ยวกับวิธีการ CSS เครื่องมือและกรอบงานที่คุณต้องการนำมาใช้ในโครงการของคุณ.

Mailgen

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

เดโค

เดโค เป็น IDE ในการสร้างแอพมือถือโดยใช้ Facebook React Native นึกถึง Deco อย่าง XCode หรือ Visual Studio ที่คุณสามารถสร้างแอพด้วย UI ที่เป็นมิตรกับผู้ใช้โดยใช้การลากและวางตัวเลื่อนและตัวเลือกสี.

Linter IE8

Internet Explorer 8 (IE8) เป็นเบราว์เซอร์แบบโบราณที่ไม่รองรับเทคโนโลยีเว็บสมัยใหม่เช่นภาพเคลื่อนไหว CSS3, การแปลง, การเปลี่ยนภาพและองค์ประกอบ HTML5 ส่วนใหญ่โดยไม่มี polyfill. หลักการ DRY เป็นเครื่องมือที่เราสามารถใช้สแกนเว็บไซต์เพื่อให้เข้ากันได้กับ IE8 มันให้รายงานและการแก้ปัญหา.

แพะ

แพะ เป็นแอพเดสก์ท็อป Facebook Messenger ที่ไม่เป็นทางการ มันถูกสร้างขึ้นบน Node.js และ Electron ซึ่งอนุญาตให้เป็นแอปพลิเคชันข้ามแพลตฟอร์ม มันมีอยู่ใน OS X, Windows และ Linux นอกจากนี้ยังมีสองสีคือ Dark and Light.

ชุดโฟตอน

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

แอพ Yeoman

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

SQLectron

SQLectron เป็นไคลเอนต์เดสก์ท็อป SQL ที่ให้คุณดูและดำเนินการกับ SQL หลาย ๆ อย่างสะดวกยิ่งขึ้น รองรับ MySQL, PostgreSQL และ Microsoft SQL Server SQLectron พร้อมใช้งานสำหรับ OS X, Windows และ Linux.

ครอบครัว SCSS

FamilySCSS เป็นชุดของ mixins ที่ทำให้องค์ประกอบการเลือกด้วย : ที่ n-เด็ก ใช้งานง่ายขึ้น มิกซ์อินเป็นแบบเปิดเผย ตัวอย่างเช่นคุณสามารถเขียน @ รวมก่อน (3) เพื่อเลือกอิลิเมนต์ลูกสามรายการแรกและเขียน @ รวมระหว่าง (2, 4) เพื่อเลือกองค์ประกอบลูกที่ 2 ถึงองค์ประกอบที่ 4.

EasyEngine

EasyEngine คือชุดของบรรทัดคำสั่งที่ให้คุณตั้งค่า WordPress ของคุณด้วยเครื่องมือและโมดูลเช่น Redis, Caching plugin และ PageSpeed มันทำให้การตั้งค่าเซิร์ฟเวอร์ WordPress เพื่อความรวดเร็ว.

Phinx

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

RichCSS

RichCSS เป็นเฟรมเวิร์ก CSS ที่จัดเตรียมโครงสร้างที่มีสติ เฟรมเวิร์กจัดระเบียบโฟลเดอร์ไดเรกทอรีและคลาสอย่างเรียบร้อยในแบบ Pro-DRY ที่อนุญาตให้นำมาใช้ซ้ำได้ ด้านบนของปุ่มรายการและรูปแบบ RichCSS ยังมาพร้อมกับ CLI ของตัวเองที่คุณสามารถใช้เพื่อเริ่มต้นโครงการ Rich ใหม่เช่น Bower, Git และ NPM.

Frend

Frend คือชุดขององค์ประกอบเว็บทั่วไป ปัจจุบันคอลเลกชันประกอบด้วย Accordion, Dialog Modal, Offcanvas, Tooltip, Tabs และอีกไม่กี่ที่จะมาในรุ่นถัดไป Frend อาจเป็นทางเลือกที่ดีสำหรับ jQuery UI.

FLA

นี่คือกรอบการทำงานที่ครอบคลุมเพื่อสร้างเค้าโครงกริดที่ตอบสนองได้ด้วย Flexbox.

PHP วิธีที่ถูกต้อง

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

Starability

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

WaitAnimate

WaitAnimate เป็นเครื่องมือบนเว็บที่มีประโยชน์ในการคำนวณ “หยุด” กำหนดเวลาในภาพเคลื่อนไหว CSS เดียว @keyframe. “หยุด”, เมื่อทำถูกต้องอาจทำให้ภาพเคลื่อนไหวมีส่วนร่วมมากขึ้น - นี่คือตัวอย่างบางส่วน.