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

    Toolkit - หน้า 13

    Iconfinder เป็นเครื่องมือค้นหาไอคอน
    หากคุณกำลังมองหาไอคอนสำหรับการออกแบบ UI ตอนนี้คุณไม่จำเป็นต้องเรียกดูผ่านรายการใหญ่มองหาบางอย่างโดยเฉพาะ แต่คุณสามารถดูเฉพาะเจาะจงมากขึ้น Iconfinder เป็นเครื่องมือค้นหาไอคอน ทำได้ง่ายเพียงพิมพ์คำหลักค้นหาและรับผลลัพธ์ คล้ายกับ Goolge Image เพื่อค้นหารูปภาพ. ไอคอนอยู่ในรูปแบบ. PNG แต่คุณควรตรวจสอบอีกครั้งด้วยสิทธิ์ใช้งานก่อนใช้เพื่อการใช้งานเชิงพาณิชย์. เพิ่มเติมเกี่ยวกับ Iconfinder สมัครสมาชิกฟีด - หากต้องการรับการอัปเดตล่าสุดเกี่ยวกับไอคอนให้สมัครรับฟีด Iconfinder RSS. วิดเจ็ต Mac - นี่คือวิดเจ็ต Iconfinder สำหรับ MacOSx มีประโยชน์ถ้าคุณต้องการค้นหา incons...
    Howler.js น่าจะเป็น JavaScript Audio Library ที่ดีที่สุด
    เครื่องเล่นเสียงล้าสมัย เป็นสิ่งที่ผ่านมาต้องขอบคุณ เสียง HTML5 ที่ทันสมัย และ การยอมรับอย่างรวดเร็วของการสนับสนุนเบราว์เซอร์. แต่นักออกแบบเว็บไซต์สามารถก้าวไปอีกขั้นด้วย ห้องสมุดเสียงบริสุทธิ์ เช่น Howler.js. ไลบรารี JS แบบโอเพนซอร์สฟรีนี้ให้คุณได้ เล่นไฟล์เสียงจากรูปแบบมาตรฐาน ฝังตัวกับผู้เล่นที่กำหนดเอง ฮาวเลอร์มาพร้อมกับ API แบบเต็ม, เพื่อให้คุณสามารถสร้าง เครื่องเล่นเสียงที่เรียบง่าย, เพลย์ลิสต์ขนาดใหญ่, หรือ เพลงพื้นหลังวนลูป สำหรับเกม HTML5 ในเบราว์เซอร์. Howler ถูกสร้างขึ้นครั้งแรกในช่วงต้นปี 2013...
    วิธีซูมภาพเช่นขนาดกลาง
    แพลตฟอร์มบล็อกขนาดกลางใช้ ผลการซูมภาพที่กำหนดเอง บนหน้าบล็อกของพวกเขา เมื่อใดก็ตามที่ผู้ใช้คลิกที่ภาพมันจะซูมเข้าสู่ขนาดที่ใหญ่ขึ้นโดยอัตโนมัติ. มันเป็นเอฟเฟกต์ที่ยอดเยี่ยมและมีความโดดเด่นเป็นพิเศษสำหรับ Medium แต่ก็ไม่เคยมีสิ่งที่สามารถคัดลอกได้ง่าย. ตอนนี้ด้วย MediumLightbox สคริปต์มันง่ายกว่าที่เคย สคริปต์ JS นี้มีน้ำหนักเบาและง่ายต่อการเพิ่มลงในเว็บไซต์หรือบล็อกใด ๆ. หากคุณต้องการดูว่ามันทำงานอย่างไรคุณสามารถเยี่ยมชม หน้าสาธิตสด จัดทำโดยผู้สร้าง Davide Calignano. เขาใช้เวลาสักครู่เพื่อตอกย้ำการเปลี่ยนแปลงที่แน่นอนและเอฟเฟกต์ภาพเคลื่อนไหวที่กำหนดเอง สร้างภาพสะท้อนของการซูมภาพขนาดกลาง. ห้องสมุดทั้งหมดคือ เขียนใน JavaScript บริสุทธิ์, ดังนั้นจึงไม่ต้องพึ่งพา 3 ใด ๆถ สคริปต์ปาร์ตี้เช่น...
    วิธีใช้ Grunt เพื่อทำให้เวิร์กโฟลว์ของคุณเป็นแบบอัตโนมัติ [บทช่วยสอน]
    ฉันเป็น ผู้สนับสนุนอย่างมากของระบบอัตโนมัติ เพราะมันทำให้ชีวิตง่ายขึ้นมาก ทำไมต้องใช้เวลากับงานที่น่าเบื่อหน่ายและน่าเบื่อหน่ายซึ่งดูดพลังชีวิตของคุณออกมาเมื่อคุณมีคอมพิวเตอร์ทำสิ่งต่าง ๆ ให้คุณ นี่คือความจริงโดยเฉพาะอย่างยิ่งสำหรับการพัฒนาเว็บ. งานพัฒนาหลายอย่างอาจเป็นงานที่น่าเบื่อ ในขณะที่การพัฒนาคุณอาจต้องการที่จะรวบรวมรหัสเมื่อผลักดันรุ่นการพัฒนาคุณอาจเชื่อมโยงและลดขนาดไฟล์ลบการพัฒนาทรัพยากรเท่านั้นและอื่น ๆ แม้แต่ไฟล์ที่ไม่ซับซ้อนเช่นการลบไฟล์หลาย ๆ ไฟล์หรือเปลี่ยนชื่อโฟลเดอร์ สามารถใช้เวลาอันยิ่งใหญ่ของเวลาของเรา. ในบทความนี้ฉันจะแสดงให้คุณเห็นว่าคุณจะทำให้ชีวิตของคุณง่ายขึ้นได้อย่างไรโดยใช้ประโยชน์จากฟังก์ชั่นที่ยอดเยี่ยมของ Grunt นักวิ่งจาวาสคริปต์ ฉันจะแนะนำคุณตลอดกระบวนการทั้งหมดดังนั้นไม่ต้องกังวลแม้ว่าคุณจะไม่ใช่วิซาร์ด Javascript! เพิ่มเติมเกี่ยวกับ Hongkiat.com: CSSMatic ทำให้ CSS ง่ายสำหรับนักออกแบบเว็บไซต์ การทำงานอัตโนมัติใน Mac ด้วยการกระทำของโฟลเดอร์ ทำให้ไฟล์ Dropbox...
    วิธีเปลี่ยนการออกแบบให้กลายเป็นรหัส QR ที่ใช้งานได้
    รหัส QR สามารถใช้ในการจัดเก็บข้อมูลข้อความตั้งแต่ URL ไปจนถึงลิงก์แอปพลิเคชัน รหัส QR เหล่านี้สามารถสร้างออนไลน์หรือผ่านแอพสมาร์ทโฟน ส่วนใหญ่เครื่องปั่นไฟเหล่านี้สร้างรหัส QR พื้นฐานสีดำและสีขาวเนื่องจากเป็นแบบที่ปลอดภัยที่สุดที่จะไปด้วย - หนึ่งกล่องนอกสถานที่และผู้อ่านอาจไม่สามารถแปลข้อมูลที่เก็บไว้ทำให้รหัส QR ไร้ประโยชน์. แต่มีนักออกแบบสร้างสรรค์บางคนที่นอกเหนือจากหน้าที่ในการผลิตงานศิลปะที่น่าทึ่งอย่างที่คุณเห็นในโพสต์นี้: 40 งานศิลปะ QR Code ที่งดงาม คุณสามารถสร้างรหัส QR ที่กำหนดเองและสีของคุณเองได้ แต่ถ้าคุณไม่ได้ออกแบบ แต่ยังต้องการรหัส QR ที่น่าสนใจ Visualead สามารถช่วยคุณได้....
    วิธีการแยกข้อความจากรูปภาพโดยใช้บรรทัดคำสั่ง
    ง่ายพอที่จะอ่านภาพและดึงข้อความด้วยตัวคุณเอง แต่ การดึงข้อความแบบไดนามิก จากภาพนั้นค่อนข้างยากและขอบคุณมาก, imgclip เสนอทางออกที่ค่อนข้างง่าย. นี้ เครื่องมือบรรทัดคำสั่ง ทำงานใน terminal สำหรับ Mac, Windows และ Linux มันจะใช้เวลาโต้แย้งสำหรับไฟล์ภาพพร้อมกับภาษาแล้ว ส่งคืนข้อความ คัดลอกไปยังคลิปบอร์ดของคุณ. คุณสามารถติดตั้งไลบรารีทั้งหมดผ่านทาง npm และเป็น ติดตั้งง่ายสวย. สิ่งที่เป็น ขนาดใหญ่เพียงไม่กี่ KB และมันมาพร้อมกับไฟล์ JS ที่คุณสามารถเรียกดูบน GitHub. Imgclip...
    วิธีเปิดใช้งานแอป Chrome DevTools สำหรับการดีบักแบบรีโมท
    แอป Chrome DevTools สร้างขึ้นโดย Kenneth Auchenberg เพื่อพยายามนำ devtools ออกจากเบราว์เซอร์ - ในกรณีนี้ออกจากเบราว์เซอร์ Chrome แอปพลิเคชั่นนี้สร้างจาก NW.js และสามารถทำงานบน Mac OS X ได้เช่นเดียวกับ Linux และ Windows. มีสาเหตุหลายประการที่กระตุ้นให้ผู้สร้างสร้าง แต่วิสัยทัศน์ของเขาประกอบด้วยการให้ความสะดวกแก่นักพัฒนา การดีบักแบบรีโมตผ่านหลายเบราว์เซอร์ทั้งหมดจากแพลตฟอร์มรวม (แอป) เดียวกัน. แนวคิดจะใช้เวลาสักครู่ในการติดตามและเป็นรูปธรรมเนื่องจากเหตุผลหลายประการ (และการต่อต้านซึ่งคุณสามารถอ่านได้ที่บล็อกของเขา). เราจะพิจารณาสั้น...
    วิธีการทำให้งานอัตโนมัติใน Visual Studio Code
    การใช้เครื่องมือสร้างเช่น Grunt หรือ Gulp ช่วยให้คุณประหยัดเวลาได้มากในการพัฒนา ทำซ้ำอัตโนมัติ “งาน”. หากคุณเลือกใช้ Visual Studio Code เป็นตัวแก้ไขรหัสไปที่เวิร์กโฟลว์ของคุณอาจมีความคล่องตัวมากขึ้นและในที่สุดจะมีประสิทธิผลมากขึ้น. สร้างด้วย Node.js ที่เป็นแกนหลักของ Visual Studio Code ช่วยให้คุณ เรียกใช้งานโดยไม่ต้องออกจากหน้าต่างแก้ไข. และเราจะแสดงให้คุณเห็นถึงวิธีการทำเช่นนั้นในโพสต์นี้. เอาล่ะ. requisites ก่อน ในการเริ่มต้นคุณจะต้องมี Node, NPM (Node Package Manager)...