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

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

รวมถึงทรัพยากรบน HTTP2, คำศัพท์เฉพาะทาง, การสร้างเว็บไซต์พร้อมสำหรับการเข้าถึงและเครื่องมือค้นหาสำหรับไวยากรณ์ภาษาโปรแกรม ตรวจสอบพวกเขาออก.

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

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

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

Landing Landing

Landing folio เป็นศูนย์กลางที่คุณจะพบตัวอย่างของการออกแบบหน้า Landing Page มีหลายร้อยตัวอย่างในเว็บไซต์และคุณสามารถปรับรายการตามหมวดหมู่ของพวกเขา นี่เป็นบุ๊คมาร์คที่คุ้มค่าแน่นอนสำหรับนักออกแบบเว็บไซต์.

การค้นหาองค์ประกอบ

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

HTTP2

HTTP2 เป็นข้อกำหนดล่าสุดของ HTTP พร้อมการเปลี่ยนแปลงที่สำคัญ มันสัญญาว่าจะให้ประสิทธิภาพที่ดีขึ้นและการถ่ายโอนข้อมูลที่มีประสิทธิภาพ ในแหล่งข้อมูลนี้คุณสามารถค้นหาการเปลี่ยนแปลงเหล่านี้ (โดยละเอียดอย่างยิ่ง) ผลกระทบที่มีต่อความปลอดภัยความเร็วและประสบการณ์ผู้ใช้.

Elementor

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

TimeDropper

ปลั๊กอินนี้มาพร้อมกับภาพเคลื่อนไหวเล็ก ๆ น้อย ๆ ที่ทำให้การเลือกวันที่บนเว็บน่าสนใจยิ่งขึ้น นอกจากนี้ยังมีตัวเลือกสำหรับเปลี่ยนลักษณะที่ปรากฏของ UI มันเป็นปลั๊กอิน jQuery สำหรับนักเลือกวันที่ที่ชื่นชอบ.

SyntaxDB

เครื่องมือค้นหาเพื่อค้นหาไวยากรณ์ภาษาโปรแกรม ขณะนี้รองรับหลายภาษารวมถึง Java, C, Ruby, JavaScript และ Python นี่อาจเป็นเครื่องมือค้นหาขั้นสูงสุดสำหรับนักพัฒนาเมื่อฐานข้อมูลและการสนับสนุนภาษาเติบโตขึ้น.

Github Dark UI

Github Dark UI เป็นชุดรูปแบบสีเข้มกว่าสำหรับ Github.com นี่อาจเป็นทางเลือกสีที่ดีถ้าคุณทำงานภายใต้สภาพแวดล้อมที่มืดหรือต้องจ้องที่หน้าจอเป็นเวลานาน.

microlight

แทนที่จะเน้นรหัสด้วยสีที่ต่างกันดังที่คุณเห็นด้านล่าง Microlight สร้างรหัส “เรืองแสง”. ไลบรารี JavaScript ที่เน้นโค้ด - แท้จริง.

BarbaJS

BarbaJS เป็นห้องสมุด JavaScript ที่เปิดใช้งานการเปลี่ยนหน้าอย่างราบรื่นผ่านทาง JavaScript History API / pushState ปลั๊กอินนี้มาพร้อมกับวิธีการเหตุการณ์ที่กำหนดเองและ API จำนวนหนึ่งเพื่อมอบประสบการณ์ที่ราบรื่นยิ่งขึ้นสำหรับหน้าต่างๆในเว็บไซต์ของคุณ นี่คือตัวอย่างบางส่วน.

TypeTerms

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

เนยถั่ว

เนยถั่ว เป็นปลั๊กอินใหม่และทันสมัยในการสร้าง Meta Box ใน WordPress ได้รับการพัฒนาตามสถาปัตยกรรม WordPress Customizer API ที่ทันสมัย มันทำให้การสร้าง UI ผู้ดูแลระบบ WordPress นี้สวยงามยิ่งขึ้น.

ตรวจสอบธีมเด็ก

ปลั๊กอิน WordPress เพื่อตรวจสอบชุดรูปแบบลูกของคุณกับชุดรูปแบบหลัก มันจะตรวจสอบว่าไฟล์ที่ Child Theme นั้นใช้นั้นได้รับการอัพเดทหรือไม่.

CloudFlare UI

CloudFlare UI เป็นส่วนประกอบ UI ของชุดรวมที่สร้างอยู่ด้านบนของ React เมื่อพิจารณาถึงความนิยมของ React ที่เพิ่มขึ้นอาจมีกรอบ UI ที่คล้ายกันจำนวนหนึ่งออกมา.

Lerna

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

ชิล

ชิล เป็นห้องสมุด JavaScript เพื่อช่วยลดการใช้งาน CPU มันมีชุดของฟังก์ชั่นที่สามารถใช้แทนฟังก์ชั่นของชาวพื้นเมือง JavaScript สามารถปรับใช้บนเว็บไซต์ปกติหรือไม่มีแอปพลิเคชันที่ใช้ Node.js.

GEL วิชาการพิมพ์

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

รูปแบบจิตใจ

MIND Patterns เป็นแนวทางปฏิบัติในการสร้างเว็บไซต์อีคอมเมิร์ซที่สามารถเข้าถึงได้ มันให้คำแนะนำในแง่ของการสร้าง HTML โดยใช้ป้ายกำกับ ARIA และการสร้างสไตล์ CSS ที่ใช้งานง่ายสำหรับผู้ใช้ที่มีความพิการ.

CSS ความเฉพาะเจาะจง

ชุดของภาพประกอบที่อธิบายถึงวิธีการทำงานเฉพาะของ CSS.

CSS CSS

ส่วนขยาย Chrome ที่ช่วยให้คุณเพิ่มประสิทธิภาพ CSS มันจะทำให้หน้าของคุณและรายงานรายงานรายการคุณสมบัติที่ใช้เช่นสี.

เทมเพลตสะสม

คอลเลกชันของเทมเพลตที่เลือกด้วยมือซึ่งคุณสามารถค้นหาเทมเพลตหลากหลายประเภทรวมถึง HTML5, WordPress, Ghost, Bootstrap และเทมเพลตอีคอมเมิร์ซ.