Toolkit - หน้า 2

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

เทคโนโลยีอำนวยความสะดวกเป็นบรรทัดฐานใหม่สำหรับการออกแบบเว็บ เมื่อการออกแบบตอบสนองเป็นสิ่งสำคัญผู้ออกแบบก็เห็นได้อย่างรวดเร็วว่าการสนับสนุนผู้ใช้มากขึ้นเป็นสิ่งจำเป็น. แต่มี มีงานมากมายที่ต้องทำเพื่อการเข้าถึงเว็บ. นี่เป็นหัวข้อใหญ่และไม่ใช่สิ่งที่คุณสามารถเลือกโดยไม่มีเครื่องมือที่มีประโยชน์. Tota11y เป็น ชุดเครื่องมือฟรีสำหรับแสดงภาพปัญหาการเข้าถึงเว็บไซต์ของคุณ. สิ่งนี้ทำงานได้ในเบราว์เซอร์เพื่อให้คุณสามารถโหลดชุดเครื่องมือคลิกไปทั่วไซต์ของคุณ (หรือเว็บไซต์ใด ๆ !) เพื่อค้นหาคำแนะนำการเข้าถึง. สิ่งนี้ทำงานเป็นไลบรารี JavaScript ที่สามารถเสียบเข้ากับหน้าใดก็ได้ คุณสามารถ เรียกใช้ด้วยตนเองบนไซต์สด ผ่าน Chrome DevTools แต่ก็ไม่ได้มีประโยชน์เสมอไปเว้นแต่คุณกำลังทำงานบนไซต์ของคนอื่น. Tota11y เพิ่มแถบเครื่องมือขนาดเล็กลงบนหน้าของคุณและทำงานแบบไดนามิกทั่วทั้ง DOM เมื่อไหร่ก็ตามที่คุณ คลิกองค์ประกอบที่คุณจะได้รับกล่องขยายขนาดเล็ก พร้อมรายละเอียดเกี่ยวกับปัญหาการเข้าถึง. สิ่งหนึ่งที่ฉันชอบเกี่ยวกับ Tota11y...

Visual Studio Code ซึ่งเป็นโปรแกรมแก้ไขซอร์สโค้ดน้ำหนักเบาของ Microsoft แนะนำ การนำทางเฉพาะคีย์บอร์ด นั่นไม่ใช่เพียง คุณสมบัติการเข้าถึงขั้นสูง, อนุญาตให้ผู้ใช้นำทางภายในตัวแก้ไขโดยไม่ต้องใช้เมาส์ แต่ยัง ความเร็วการเข้ารหัส. ในโพสต์ของวันนี้เราจะศึกษาวิธีการ จัดการการเชื่อมโยงคีย์อย่างมีประสิทธิภาพ ใน VS Code ให้ดูรายการ curated ของแป้นพิมพ์ลัดที่ใช้บ่อยที่สุดและดูตัวอย่างว่าคุณสามารถสร้างคีย์ที่กำหนดเองได้อย่างไร. ค้นหาการผูกกุญแจอย่างรวดเร็ว คุณไม่จำเป็นต้องเรียนรู้แป้นพิมพ์ลัดด้วยใจทันทีเมื่อคุณเริ่มใช้รหัส VS เนื่องจากมีสองวิธีที่ง่ายในการค้นหาอย่างรวดเร็ว. ในแถบเมนูด้านบนคุณสามารถค้นหาการเชื่อมโยงคีย์ที่ตั้งไว้ถัดจากทุกปุ่ม จุดเมนู (1) และ Command Palette...

คุณสามารถทำการค้นหาอย่างรวดเร็วและค้นหาไลบรารี่มากมายสำหรับกล่องรวมภาพสไลด์โชว์แกลเลอรี่คุณตั้งชื่อมัน. หนึ่งในห้องสมุดใหม่ล่าสุดที่ดึงดูดความสนใจของฉันคือ Viewer ปัจจุบันอยู่ในเวอร์ชั่น 0.6 มันยังคงเป็นโครงการที่กำลังพัฒนา แต่ภาพนี้ การออกแบบและคุณสมบัติของปลั๊กอิน มีทั้งปรากฎการณ์. จากหน้าแรกคุณจะพบการสาธิตสดพร้อมสไตล์ภาพที่หลากหลาย คุณสามารถเลือกที่จะ ตั้งค่าแกลเลอรีของคุณเองเป็นคุณสมบัติที่แตกต่างกัน เช่นการซูมโดยตรงด้วยภาพเดียวหรือสไลด์โชว์ที่มีความยาวซึ่งมีหลายภาพ. สิ่งนี้ยังมาพร้อมกับ “โหมดอินไลน์” ที่แนบโปรแกรมดูรูปภาพกับองค์ประกอบในหน้า ดังนั้นเมื่อ ผู้ใช้คลิกที่ภาพย่อจะขยายภาพ ภายในองค์ประกอบนั้นแทนที่จะอยู่ด้านบนของหน้าทั้งหมด. คุณจะพบปุ่มสำหรับทุกสิ่งที่สวยมาก: การหมุนคำบรรยายพิเศษและการซูม 1: 1 เต็มเพื่อรับมุมมองที่ชัดเจนของภาพถ่ายความละเอียดสูง. ด้วยตัวเลือก JS บางตัว คุณตัดสินใจว่าสคริปต์ Viewer ควรทำงานอย่างไร....

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

วิดีโอ YouTube ฟรีมีบทแนะนำมากมายเกี่ยวกับการพัฒนาเว็บไซต์สำหรับผู้เริ่มต้น แต่ screencasts ได้กลายเป็นที่นิยมมากขึ้น เนื่องจากคุณสามารถบันทึกและเผยแพร่ตัวอย่างหรือคุณสมบัติที่คุณพัฒนาขึ้นได้อย่างรวดเร็ว. แอพฟรี Scrimba เป็นวิธีการใหม่ที่น่าสนใจ แบ่งปันตัวอย่างรหัสของคุณ และ ค้นหาตัวอย่างที่บันทึกโดยผู้อื่น. เหล่านี้มาเป็น การบันทึกดิบของ IDE, ที่ซึ่งคุณสามารถเห็นได้ชัดเจนว่าบุคคลนั้นกำลังพิมพ์อะไรอยู่ตลอดเวลา และ ผลลัพธ์สุดท้ายจะปรากฏเป็นข้อความแบบดิบ, เพื่อให้คุณสามารถคัดลอก / วางตัวอย่างรหัสเหล่านี้สำหรับงานของคุณเอง. เว็บไซต์มีอิสระที่จะเข้าร่วมและคุณสามารถทำได้ เรียกดู screencasts โดยไม่ระบุชื่อ, ไม่มีบัญชี อย่างไรก็ตามในการบันทึกรายการโปรดและแสดงความคิดเห็นคุณจะต้องลงชื่อสมัครใช้ (บัญชีที่ดำเนินการผ่าน GitHub)....

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

ไม่มีปัญหาการขาดแคลน เว็บไซต์เวกเตอร์ฟรี เพื่อช่วยนักออกแบบ ค้นหากราฟิกที่ปรับขนาดได้ที่มีคุณภาพ. แต่มีทรัพยากร, Vecteezy, ที่เพิ่งเอาขั้นตอนนี้ต่อไปกับพวกเขา เครื่องมือแก้ไขเวกเตอร์ในเบราว์เซอร์ของตัวเอง. ด้วย Vecteezy Editor คุณสามารถสร้างเวกเตอร์ใดก็ได้ที่คุณต้องการ ได้จากเว็บเบราว์เซอร์ของคุณ-และที่ดีที่สุดคือ สมบูรณ์ฟรี. มี ไม่มีขีด จำกัด กับสิ่งที่คุณสามารถสร้างโดยใช้เวกเตอร์จาก ตัวการ์ตูนที่เรียบง่าย ไปยัง infographics รายละเอียดเพิ่มเติม. แต่งานเหล่านี้ส่วนใหญ่ ต้องใช้ซอฟต์แวร์ เช่น Illustrator นี่คือเหตุผลที่บรรณาธิการของ Vecteezy มีค่ามาก ช่วยผู้ที่ไม่ใช่นักออกแบบที่ต้องการ...