โฮมเพจ » ออกแบบเว็บไซต์ » ทรัพยากรใหม่สำหรับนักออกแบบและพัฒนาเว็บ (เมษายน 2558)

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

    (เตือนความจำที่เป็นมิตร) ของคุณเป็นอย่างไรวัน April Fool ปีนี้? สำหรับพวกเราที่เหลือที่ไม่ได้เล่นแผลง ๆ นี่เป็นแหล่งข้อมูลล่าสุดสำหรับนักออกแบบและนักพัฒนาเว็บ.

    ในเดือนเมษายนเรามีแอพที่ยอดเยี่ยมจำนวนมากเพื่อเพิ่มประสิทธิภาพการทำงานห้องสมุดที่ปรับปรุงประสบการณ์การใช้งานของผู้ใช้งานด้วยดาต้าลิสต์ขนาดใหญ่ส่วนขยาย Photoshop ที่ให้คุณวิดเจ็ตสภาพอากาศ.

    CSS Ruler

    มีการวัดจำนวนหน่วยใน CSS; บางอย่างได้รับการแก้ไขในขณะที่บางคนเป็นญาติเช่น em, REM และ CH. CSS Ruler เป็นเครื่องมือที่คุณสามารถเปรียบเทียบขนาดหน่วยกับอีกหน่วยด้วยสายตา.

    ResponsiveJP

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

    Google แบบอักษรสำรอง

    บริการ Google จำนวนมากถูกปิดกั้นในประเทศจีนมีตัวอักษร Google รวมอยู่ - เกือบจะแน่ใจว่า Google Font จะแสดงผลไม่ถูกต้องในประเทศจีน หากคุณต้องการให้บริการคอลเล็กชัน Google Font ในจีนแผ่นดินใหญ่ให้ชี้สไตล์ชีทแบบอักษรไปยังแหล่งข้อมูลอื่น Useso, ตัวอย่างเช่น:

     // สไตล์ตัวอักษรของ Google.  // ลิงค์สำรอง  

    ขอให้โชคดีและโชคดี!

    ไอคอน Muir

    ไอคอน Muir เป็นชุดไอคอนที่ออกแบบมาเพื่อให้ตรงกับ OS X Yosemite ตั้งชื่อตาม John Muir นักธรรมชาติวิทยาและนักกิจกรรมที่ช่วยอนุรักษ์โยเซมิตีดั้งเดิมใช่อุทยานแห่งชาตินั้นในสหรัฐอเมริกาในขณะที่เขียนนี้มีชุดไอคอน 3 เล่มที่ปล่อยออกมาแล้ว แต่ละไอคอนประกอบด้วยแอพยอดนิยมเช่น Adobe Creative Suites, Twitter, Sketch, Skype และ SublimeText.

    • Muir เล่มที่ 1
    • Muir เล่มที่สอง
    • Muir เล่มที่สาม

    CouleursApp

    CouleursApp เป็นแอพเล็ก ๆ ที่ให้คุณเลือกสีได้ทุกที่บนหน้าจอของคุณ มันช่วยปรับปรุงแอพตัวเลือกสี Mac ในตัว รองรับรูปแบบสีจำนวนมากรวมถึง Hex และ UIColor of Swift.

    เข้ากันได้: OS X 10.10 หรือสูงกว่า

    สภาพอากาศ

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

    เข้ากันได้: Photoshop CC

    Awesomplete

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

    เข้ากันได้: IE9 +, Chrome, Firefox, Safari 5+, Mobile Safari.

    Noizio

    Noizio เป็นแอพที่รวบรวมเสียงธรรมชาติ: เสียงของลมมหาสมุทรและพายุฝนฟ้าคะนอง มันอาจช่วยให้คุณมุ่งเน้นไปที่งานของคุณได้ดีขึ้นโดยจัดให้มีสภาพแวดล้อมที่สงบซึ่งช่วยให้คุณแยกตัวออกจากความเร่งรีบและวุ่นวายของบรรยากาศการทำงานที่มีแรงกดดัน อย่างน้อยก็ทำเพื่อฉัน.

    เข้ากันได้: OS X 10.8 หรือสูงกว่า

    Hocus Focus

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

    เข้ากันได้: OS X 10.10 หรือสูงกว่า

    PixelCounter

    PixelCounter นับจำนวนพิกเซลในภาพของคุณ เพียงแค่ลากและวางภาพหรือไดเรกทอรีทั้งหมดของโครงการของคุณลงในแอพและมันจะนับและเพิ่มพิกเซลทั้งหมดใน JPEG, PNG, WebP, GIF และแม้แต่ภาพ SVG ของคุณ ตอนนี้ถ้าเราสามารถเริ่มต้นเทรนด์ที่เราเรียกเก็บเงินจากลูกค้าด้วยพิกเซล ... อืม.

    เข้ากันได้: OSX 10.8 หรือสูงกว่า, Windows 7 ขึ้นไปและ Linux (เร็ว ๆ นี้)

    UI Blurbs

    UIBlurbs สร้างโปรไฟล์ผู้ใช้ที่สมมติขึ้นและเป็นเว็บแอปที่สมบูรณ์แบบที่จะใช้ควบคู่กับ UIFaces และ UINames สำหรับการสร้างต้นแบบการออกแบบ.

    localFont

    localFont เป็น webapp ที่ปรับปรุงประสิทธิภาพแบบอักษรบนเว็บ ในขณะที่คุณลากและวางแบบอักษร (.WOFF, หรือ .TTF) มันจะเข้ารหัสและฝังแบบอักษรใน CSS มันยังสร้างจาวาสคริปต์สองสามบรรทัดที่จะแคชแบบอักษรใน localStorage ของผู้ใช้ (อ่านบทช่วยสอนก่อนหน้าของเราเกี่ยวกับการใช้คุกกี้ & HTML5 localStorage).