Toolkit - หน้า 10

การใช้งานและประสบการณ์ผู้ใช้ (UX) เป็นสองปัจจัยที่สำคัญอย่างยิ่งสำหรับการพัฒนาเว็บไซต์หรือแอพที่โดดเด่นจากการแข่งขัน ด้วยการแข่งขันที่เพิ่มขึ้นในไซต์และแอปมีเครื่องมือจำนวนมากขึ้นเรื่อย ๆ เพื่อช่วยให้คุณทำให้ไซต์หรือแอปของคุณสามารถใช้งานได้มากขึ้นและช่วยให้คุณมั่นใจได้ว่าคุณจะได้รับประสบการณ์ที่ยอดเยี่ยมสำหรับผู้ใช้ของคุณ. แน่นอนว่าด้วยการใช้งานและเครื่องมือ UX ที่ไหลบ่าเข้ามานี้มันจึงยากที่จะลอดผ่านซากปรักหักพังทั้งหมดเพื่อค้นหาเครื่องมือที่ตรงกับความต้องการของคุณหรือแม้แต่การค้นหาเครื่องมือใด ๆ เลย เราได้กล่าวถึงเครื่องมือการใช้งานเว็บที่ยอดเยี่ยมในอดีตและวันนี้เรามีความยินดีที่จะให้คุณมากกว่านี้เพื่อช่วยให้คุณทำให้เว็บเป็นสถานที่ที่ใช้งานได้มากขึ้นหนึ่งไซต์ (หรือแอป) ต่อครั้ง. อ่านต่อเพื่อดูรายการเครื่องมือที่มีประโยชน์มากมายและอย่าลืมแจ้งให้เราทราบในความคิดเห็นหากมีเครื่องมือที่ยอดเยี่ยมที่เราพลาดไป. (การเปิดเผยอย่างเต็มรูปแบบ: ฉันทำงานกับ IntuitionHQ.com ซึ่งเป็นหนึ่งในเครื่องมือทดสอบการใช้งานเว็บไซต์ที่มีอยู่ในรายการนี้) GoToMeeting ในบรรทัดเดียวกันกับ Skype สิ่งนี้ทำให้ง่ายต่อการสื่อสารและสังเกตผู้ใช้ของคุณ ทางเลือกที่ดีถ้าคุณต้องการ. ($ 49 / เดือน) Ethnio ดักผู้ใช้...

แอนิเมชั่นบนเว็บอยู่ที่นี่เพื่ออยู่ต่อ JavaScript กำลังมีประสิทธิภาพมากขึ้นเท่านั้น และการสนับสนุนเบราว์เซอร์เติบโตขึ้นทุกปี. ภาพเคลื่อนไหวส่วนใหญ่ที่เราคุ้นเคยกับการมุ่งเน้นไปที่ส่วนต่อประสาน: เมนูแบบเลื่อนลงปุ่มแบบแท็บและสไลด์โชว์เป็นตัวอย่างทั่วไป. แต่ Mo.js นั้นแตกต่างกัน มันคือ ไลบรารี JavaScript สร้างขึ้นสำหรับกราฟิกเคลื่อนไหวที่กำหนดเอง เพื่อช่วยให้นักออกแบบสร้างคุณลักษณะภาพเคลื่อนไหวที่น่าทึ่งซึ่งเกินกว่าเทคนิคอุบาย UI / UX อย่างง่าย. หากคุณไปที่หน้าแรกของ Mo.js คุณจะพบ เอกสารเต็มรูปแบบ พร้อมกับบทช่วยสอนที่ดีสำหรับผู้เริ่มต้น. จดบันทึกสิ่งนี้ ห้องสมุดค่อนข้างยากที่จะทำงานกับ. คุณควรคุ้นเคยกับการเข้ารหัสส่วนหน้าพื้นฐานก่อนทำการแก้ไขด้วย Mo.js ด้วยตัวคุณเอง อย่างไรก็ตามมีจำนวนมากที่คุณสามารถรับได้เพียงแค่ศึกษาการสาธิตสดและขุดลงในซอร์สโค้ดบางส่วน. ลองดูที่...

เครื่องมือฟรี Jpeg.io อนุญาตให้ทุกคนแปลงรูปภาพที่มีอยู่เป็นไฟล์ JPEG ที่ปรับปรุงแล้วโดยไม่มีซอฟต์แวร์ใด ๆ. คุณเพียงแค่อัพโหลดรูปภาพและเว็บไซต์จะทำทุกอย่างให้คุณที่แบ็กเอนด์. คุณ ไม่สามารถมองเห็นซอร์สโค้ดใด ๆ แต่ การเพิ่มประสิทธิภาพถูกขับเคลื่อนโดย Kraken. คุณจะประทับใจไปกับภาพที่ได้จากเครื่องมือนี้. มัน ยอมรับประเภทไฟล์ภาพทั่วไปเช่น PNG, SVGs, TIFFs, แม้แต่ PSDs หรือ JPG ที่มีอยู่ ไฟล์ เมื่อคุณอัปโหลดไฟล์ (หรือไฟล์) คุณจะเห็นแต่ละไฟล์ประมวลผลตามเวลาจริง. ผลลัพธ์สุดท้ายจะแสดงในตารางที่มีขนาดไฟล์ดั้งเดิมของภาพถัดจากขนาดไฟล์ที่แปลงแล้ว ฉันอัปโหลด...

จาก Bootstrap ถึง Foundation ไม่มีปัญหาการขาดแคลนไลบรารี CSS ที่กำหนดเอง แต่ถ้าคุณต้องการตัวเลือกที่ง่ายมากสำหรับโครงการเว็บใหม่ ห้องสมุด CSS ที่มีอยู่หลายแห่งคือ หนักและเต็มไปด้วยคุณสมบัติที่มากเกินไป. แต่ Milligram เป็น ทางเลือกที่มีน้ำหนักเบาสุดรวมเป็นเงินประมาณ 8KB ในไฟล์. css. สามารถติดตั้งผ่าน Bower, NPM หรือดาวน์โหลดโดยตรงที่โฮสต์ภายในเครื่องหรือผ่าน CDN. โดยค่าเริ่มต้นห้องสมุดที่สร้างขึ้นบน Normalize ดังนั้น คุณจะต้องรวมไลบรารีนี้ด้วย. แต่มีคู่มือเริ่มต้นใช้งานที่สะดวกในหน้าแรกของ Milligram...

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

การพัฒนาเว็บมีการเปลี่ยนแปลงมากมายในช่วงหลายปีที่ผ่านมา เพียงทศวรรษที่ผ่านมาเทอร์มินัลไม่จำเป็นต้องสร้างเว็บไซต์ ทุกวันนี้มันเป็นงานเย็บเล่มที่มี Gulp / Grunt, npm และการควบคุมเวอร์ชันเหมือน Git ทั้งหมดทำงานผ่าน command line. หากคุณเป็นแฟนตัวยงของเทอร์มินัลซึ่งเป็นสภาพแวดล้อมที่ทรงพลังและเก่าแก่สำหรับการทำงานกับโค้ดคุณจะต้องชื่นชอบ Micro IDE. มันคือ เอดิเตอร์ใหม่ที่รันภายในเทอร์มินัลโดยตรง. คุณสามารถตั้งค่านี้ได้ตามที่คุณต้องการและเรียกใช้สำหรับภาษาใดก็ได้. รุ่นปัจจุบันของ Micro รองรับการเน้นไวยากรณ์มากกว่า 90 ภาษาและการนับ. ทุกคนสามารถเรียนรู้การใช้ Micro ไม่ว่าคุณจะทำการเข้ารหัสส่วนหน้าการเขียนโปรแกรมส่วนหลังหรือการพัฒนาซอฟต์แวร์ที่ซับซ้อนมากขึ้น. ไม่ต้องพูดถึง ทุกสิ่งที่คุณทำในเครื่องเทอร์มินัลที่คุณสามารถทำได้ในไมโคร. ซึ่งหมายความว่ามันจะเพิ่มเป็นสองเท่าของ IDE...

ออกแบบใหม่สำหรับ Windows 10 มาพร้อมกับคุณสมบัติใหม่มากมายและรูปลักษณ์ใหม่ทั้งหมด. หนึ่งในการเปลี่ยนแปลงที่ยิ่งใหญ่ที่สุดเกิดขึ้นกับสไตล์ไอคอน, โดยเฉพาะอย่างยิ่งเมื่อเทียบกับ Windows 7 และ XP. ขอบคุณที่ ชุดไมครอน, ตอนนี้คุณสามารถ นำไอคอนสไตล์ Win10 มาไว้ในเว็บไซต์ของคุณ. ชุดไอคอนนี้ มาเป็นแบบอักษรไอคอน และมัน ปล่อยให้ฟรีผ่าน GitHub. repo หลัก มีข้อมูลการตั้งค่า, แต่หน้าแรกของ Micon มีไอคอนทั้งหมด บนจอแสดงผลพร้อมชื่อชั้นเรียนที่เหมาะสม. โครงสร้างเว็บไซต์จริง ทำตามรูปแบบที่คล้ายคลึงกับ...

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