โฮมเพจ » Toolkit - หน้า 19

    Toolkit - หน้า 19

    ดาวน์โหลดเทมเพลต Wireframing ที่พิมพ์ได้ฟรีที่ Sneakpeekit
    โครงลวดแบบดั้งเดิม เหมาะสำหรับการร่างความคิดและนำพวกเขาจากหัวของคุณลงบนกระดาษอย่างรวดเร็ว คุณสามารถวางสายลงบนกระดาษคอมพิวเตอร์ได้เสมอ แต่บางครั้งคุณก็ต้องการ โครงสร้างเพิ่มเติมเล็กน้อย. นั่นคือสิ่งที่ Sneakpeekit สามารถช่วย. ทรัพยากรฟรีนี้สร้างโดยข้อเสนอ Pasquale Vitiello เจ็ดโครงลวดที่พิมพ์ได้ที่กำหนดเอง ตั้งแต่จุดแบบดั้งเดิมไปจนถึงเลย์เอาต์ที่เฉพาะเจาะจงมากขึ้นสำหรับเดสก์ท็อปและอุปกรณ์มือถือ. คุณสามารถพิมพ์เหล่านี้ได้บ่อยเท่าที่คุณต้องการและตารางยังคงเหมือนเดิมในทุกแผ่น. แต่ละไฟล์มาใน .แพ็ค zip ด้วยเอกสาร PDF สำหรับการพิมพ์ง่าย ทุกเทมเพลตคือ ออกแบบมาสำหรับกระดาษเครื่องพิมพ์ขนาด A4, ดังนั้นคุณไม่ควรมีปัญหาในการพิมพ์เทมเพลตเหล่านี้ แน่นอนว่าพวกเขาไม่จำเป็น แต่พวกเขาก็สามารถให้ประโยชน์กับคุณได้เป็นอย่างดี. เหล่านี้เป็น เจ็ดแม่แบบ คุณสามารถเลือกจาก: ตารางความแม่นยำ...
    F12 ของ DevTools Showdown Edge เทียบกับ Firefox และ Chrome
    เครื่องมือสำหรับนักพัฒนาของ Microsoft Edge เบราว์เซอร์เริ่มต้นใหม่ของ Windows 10 ได้รับการออกแบบที่ทันสมัยและมีคุณสมบัติใหม่ไม่กี่เมื่อเทียบกับรุ่นก่อนเครื่องมือ F12 Dev ของ Internet Explorer 11. คำถามที่ว่าเครื่องมือ dev ของ Microsoft Edge นั้นวัดได้ตามคู่แข่งยอดนิยมหรือไม่ - เครื่องมือ dev ในเบราว์เซอร์สมัยใหม่อื่น ๆ เช่น Mozilla Firefox และ Google Chrome...
    นักพัฒนา Larder เป็นเครื่องมือบุ๊คมาร์คที่คุณจะหลงรัก
    GitHub เป็นทรัพยากรที่ทรงพลังสำหรับนักพัฒนาในการเชื่อมต่อและแบ่งปันงาน แต่มันไม่ใช่เครื่องมือขององค์กรที่ดีที่สุดสำหรับ การบันทึกและการเรียงลำดับผ่านไลบรารี. กับ ตู้เก็บอาหาร, คุณสามารถทำบุ๊คมาร์คไลบรารีกรอบงานปลั๊กอินและเครื่องมือที่คุณโปรดปรานทั้งหมดไว้ในที่เดียว คุณสามารถจัดระเบียบตามภาษาและตามแท็กเพื่อให้การเรียงง่ายขึ้น รวมทั้งมัน มาพร้อมกับแผนฟรี, เพื่อให้นักพัฒนาสามารถใช้สิ่งนี้เพื่อชีวิตได้โดยไม่ต้องจ่ายค่าเล็กน้อย. หากคุณมีบัญชี GitHub เชื่อมต่อโดยตรงกับ Larder เพื่อแบ่งปันดาวและบุ๊กมาร์กส่วนตัวของคุณ นี่อาจเป็นวิธีที่ง่ายที่สุดในการซิงค์ทุกอย่างเข้าด้วยกันในที่เดียว ลาร์เดอร์จะ รีเฟรชอัตโนมัติ GitHub ของคุณติดดาวทุก ๆ 24 ชั่วโมงเพื่อดึงการเปลี่ยนแปลงล่าสุดในแต่ละวัน. หากคุณเป็นผู้ใช้ Android คุณสามารถ แอพ Larder ฟรีโดยสมบูรณ์จากร้านค้า...
    นักพัฒนาใช้งานง่ายเครื่องมือในการปรับปรุงกระบวนการทำงานของคุณ
    งานของนักพัฒนาเว็บสามารถยกระดับความท้าทายและน่าตื่นเต้น นอกจากนี้ยังสามารถรวมกันใด ๆ ข้างต้น แน่นอนว่ามันเป็นอาชีพที่เปลี่ยนแปลงตลอดเวลา นักพัฒนามากกว่าสองสามคนพบกับความท้าทายในการแข่งขัน แม้การรักษาสติของตัวเองอาจเป็นเรื่องยากเมื่อสิ่งต่าง ๆ ไม่เป็นไปตามแผนที่วางไว้. ปัญหาที่เกิดขึ้นอาจประกอบด้วยเวลาที่มากเกินไปที่เกี่ยวข้องกับงานหรือการจัดการทีม นอกจากนี้ยังสามารถเกี่ยวข้องกับการขาดเครื่องมือเพื่อระบุแนวโน้มล่าสุดในข้อกำหนดการออกแบบ อย่าลืมข้อกังวลเกี่ยวกับความสามารถในการค้นหาบริการเอาท์ซอร์สที่น่าเชื่อถือ. โชคดีที่มีวิธีแก้ปัญหาที่มีคุณภาพสำหรับปัญหาเหล่านี้ เราได้เลือก 5 ข้อต่อไปนี้ตามความเห็นของผู้ใช้การจัดอันดับไซต์และมูลค่าโดยรวม. 1. monday.com เมื่อคุณต้องการจัดการงานทุกด้านของทีมตั้งแต่การวางแผนระดับสูงและการวางแผนเพื่องานประจำวันมันจะดีที่สุดเมื่อสามารถทำได้จากแพลตฟอร์มเดียว monday.com ให้บริการแพลตฟอร์มดังกล่าว มันเป็นเครื่องมือการจัดการทีมที่ง่ายต่อการทำงานด้วยและให้ประสิทธิภาพที่ยอดเยี่ยมไม่ว่าจะใช้สำหรับทีมสองหรือทีมนับพัน. ใช้เวลาในการประเมินว่าคุณใช้เวลาเท่าไรในการทำงานซ้ำ ๆ ที่จำเป็นเพื่อให้โปรเจ็กต์และทีมโปรเจ็กต์ติดตาม คุณจะประทับใจอย่างรวดเร็วว่า monday.com สามารถทำอะไรให้คุณได้บ้างและเครื่องมือการจัดการทีมนี้จะช่วยคุณประหยัดเวลาได้มากเพียงใด. นี่อาจเป็นเวลาที่ดีพอที่จะพิจารณาลงทุนในเครื่องมือการจัดการทีมที่ทำอะไรได้มากกว่าการจัดการงานซ้ำ ๆ...
    นักพัฒนา 10 เครื่องมือ UX / UI ที่มีในกล่องเครื่องมือของคุณ
    มีเครื่องมือต่าง ๆ มากมายที่สามารถใช้ในการสร้างต้นแบบ บางคนดีกว่าคนอื่นในสถานการณ์ที่กำหนดโดยธรรมชาติและบางคนก็ดีที่สุดเพราะสามารถใช้ได้ในหลากหลายสถานการณ์ หากการหาเครื่องมือสร้างต้นแบบที่ยอดเยี่ยมสำหรับงานออกแบบของคุณคือวัตถุประสงค์ของคุณคุณจะพบสิ่งที่คุณมองหาจากเครื่องมือที่นำเสนอที่นี่. รวมถึงเป็นเครื่องมือสร้างต้นแบบหลายอย่างที่มีความสามารถในการทดสอบการใช้งานรวมถึงเครื่องมือที่ใช้สำหรับการทดสอบประเภทนี้ การมีความสามารถในการทดสอบการใช้งานที่ปลายนิ้วของคุณช่วยให้คุณสามารถออกแบบหรือปรับแต่งองค์ประกอบ UI เพิ่มเติมได้ ความสำคัญของการทดสอบการใช้งานมักจะถูกละเลยหรือเข้าใจผิดบ่อยเกินไป โดยรวมแล้วคุณควร: ตรวจสอบให้แน่ใจว่าการค้นหาของคุณรวมถึงการค้นหาความสามารถในการทดสอบการใช้งาน. ตรวจสอบให้แน่ใจว่าเครื่องมือที่คุณเลือกเข้ากันได้กับผลิตภัณฑ์สุดท้าย - เว็บไซต์หรือมือถือหรือเว็บแอป. ตรวจสอบให้แน่ใจเพื่อรับความสามารถในการโต้ตอบที่คุณต้องการ. ตรวจสอบให้แน่ใจว่าเครื่องมือที่คุณเลือกเข้ากันได้กับขนาดของโครงการหรือทีมของคุณ. วิชั่น ไม่ว่าคุณจะเป็นนักออกแบบรายบุคคลหรือสมาชิกของทีมออกแบบขนาดเล็ก InVision เป็นแพลตฟอร์มต้นแบบที่เหมาะสำหรับการใช้งานของคุณ ไม่เพียง แต่เป็นเครื่องมือในการออกแบบและการทำงานร่วมกันของ UX / UI ชั้นนำในตลาดความสามารถในการทดสอบการใช้งานของมันนั้นยากที่จะจับคู่. สำหรับทีมที่มีขนาดใหญ่มากทีมระหว่างแผนกหรือโครงการขนาดใหญ่และซับซ้อนให้ดูที่ InVision Enterprise...
    ตรวจจับใบหน้าตัวอักษรได้อย่างง่ายดายด้วย Fontface Ninja
    หากคุณสะดุดแบบอักษรที่คุณต้องการนำมาใช้เพื่อการใช้งานของคุณเองวิธีการทั่วไปในการค้นหาข้อมูลเกี่ยวกับแบบอักษรนั้นคือการใช้ตัวเลือก Inspect Element ที่พบในเบราว์เซอร์ Chrome. โดยทั่วไปใน Chrome เราเน้นข้อความและคลิกขวาเพื่อเลือก ตรวจสอบองค์ประกอบ. จากนั้นเราจะเห็นรหัส CSS ทั้งหมดที่เกี่ยวข้องกับข้อความที่เน้นสี. มีปัญหาว่า อย่างที่คุณเห็นในภาพที่สองข้อความที่ไฮไลต์ได้รับการจัดสไตล์ด้วยตัวเลือกมากมาย หากต้องการตรวจสอบพวกเขาทีละคนจะใช้เวลาพอสมควร. ใช้ Fontface Ninja เพื่อตรวจจับแบบอักษร ที่นี่อยู่ที่ไหน Fontface Ninja เข้ามาเป็นส่วนเสริมของเบราว์เซอร์ที่ช่วยคุณได้ ระบุแบบอักษรตามชื่อ. และสิ่งที่คุณต้องทำคือเลื่อนเมาส์ไปที่ตัวอักษรที่คุณสนใจนอกจากชื่อตัวอักษร Fontface Ninja ยังให้คุณ ขนาด และ...
    เครื่องมือตรวจสอบ CSS โดยละเอียดในทุก ๆ ไซต์ด้วย CSSPeeper สำหรับ Chrome
    แผง Chrome DevTools ปกตินั้นทรงพลังมาก มันช่วยให้ทุกคนดำดิ่งลงสู่หน้าใดก็ได้เพื่อศึกษาเลย์เอาต์, CSS และส่วนหัว HTTP ของเว็บไซต์หากจำเป็น. คุณสามารถทำอะไรได้มากมายด้วยตัวตรวจสอบ DevTools CSS แต่มันไม่มีแผง GUI ที่ชัดเจนและนั่นเป็นสิ่งหนึ่งที่นักพัฒนาทุกคนชื่นชอบ. ลองใช้ CSSPeeper ส่วนขยาย Chrome ฟรีที่เพิ่มเครื่องมือตรวจสอบ GUI นี้ลงในเบราว์เซอร์ของคุณ มันช่วยให้คุณศึกษาคุณสมบัติ CSS ขององค์ประกอบใด ๆ ในหน้าใดก็ได้แม้ว่ามันจะสร้างขึ้นสำหรับ Chrome ในตอนนี้เท่านั้น. เมื่อติดตั้งแล้วคุณเพียงแค่...
    การออกแบบต้นแบบ 5 แอพที่ทำได้ดีกว่า Photoshop
    Photoshop เป็นเครื่องมือยอดนิยมที่มีนักออกแบบและส่วนขยายเช่น CSS3P และ FontAwesomePS ทำให้เป็นเครื่องมือที่ดีสำหรับการสร้างต้นแบบการออกแบบเว็บเช่นกัน กระนั้น, มันไม่ได้ถูกสร้างขึ้นจริงๆเพื่อจุดประสงค์นี้ และในขณะที่แนวโน้มปัจจุบันผลักไปข้างหน้าด้วยการออกแบบที่ตอบสนอง, CSS Pre-processor, CSS Frameworks และกราฟิคที่ไม่ขึ้นกับความละเอียด (SVG), Photoshop จึงมีความเกี่ยวข้องน้อยสำหรับการออกแบบเว็บ. ไม่ต้องกังวลเพราะมีแอพสำรองมากมายที่สร้างโดยนักพัฒนาอิสระเพื่อช่วยเติมเต็มช่องว่าง ในโพสต์นี้เราจะมาดูแอพเหล่านี้และค้นหา ความสามารถของฟีเจอร์นั้นยอดเยี่ยมเมื่อเทียบกับ Photoshop เพื่อสร้างต้นแบบการออกแบบเว็บ. 1. Webflow Webflow ช่วยให้คุณออกแบบเว็บไซต์ได้ด้วยการลากและวาง Webflow สร้างเลย์เอาต์ตามตาราง Bootstrap เพื่อให้การออกแบบเว็บไซต์ของคุณพร้อมตอบสนอง...