Trang chủ » Thiết kế web » Tài nguyên mới dành cho nhà thiết kế và phát triển web (tháng 3 năm 2015)

    Tài nguyên mới dành cho nhà thiết kế và phát triển web (tháng 3 năm 2015)

    Thời gian cho một vòng tài nguyên mới, cho tháng ba. Trong loạt bài này, chúng tôi có một trình duyệt vừa chớm nở, mockup cho một thiết bị thuộc loại có thể đeo, bộ sưu tập các biểu tượng có thể biến hình và một số thứ hay ho khác.

    Để có thêm tài nguyên mới cho các nhà phát triển web, hãy theo dõi loạt.

    CodePad

    CodePad là một ứng dụng web bạn có thể sử dụng để lưu và chia sẻ mã. Nó hỗ trợ nhiều ngôn ngữ lập trình khác nhau, từ CSS đến XSLT. Bạn có thể đặt đoạn mã của mình thành quyền truy cập riêng tư để chỉ bạn mới có thể nhìn thấy hoặc để nó có thể truy cập công khai, điều này cũng cho phép các công cụ tìm kiếm chọn nó.

    UINames

    Nếu việc chọn tên người dùng khi mở tài khoản cho bất kỳ dịch vụ trực tuyến nào là khó đối với bạn, hãy nghĩ xem các nhà thiết kế sẽ gặp khó khăn như thế nào khi đưa ra tên giả làm người điền nội dung hoặc giữ chỗ trong các nguyên mẫu. UINames cho phép bạn tạo một số tên ngẫu nhiên - như Lorem Ipsum, nhưng thay vào đó là tên người. Bạn có thể chọn tên dựa trên giới tính hoặc thậm chí trên các quốc gia (ví dụ: Nhật Bản, Trung Quốc, Việt Nam).

    Ứng dụng DevTools

    Ứng dụng DevTools là một ứng dụng cho phép bạn gỡ lỗi trang web của bạn. Nó hoạt động giống như DevTools mà chúng ta có thể tìm thấy trong Chrome. Ứng dụng này là một dự án thử nghiệm để tách DevTools khỏi Chrome, đây là một ý tưởng khá hợp lý vì phần lớn người dùng Chrome sẽ không cần hoặc sử dụng DevTools - chỉ Nhà phát triển mới.

    Is.js

    Is.js là một thư viện JavaScript nhỏ tiện dụng cho phép bạn chạy đánh giá bằng trực giác bằng cách sử dụng phương pháp. Bạn có thể kiểm tra hầu hết mọi loại dữ liệu bao gồm Chuỗi, Mảng, Thời gian, RegEx (Biểu thức chính quy) và thậm chí cả Môi trường.

    Ví dụ mã sau đây sẽ đánh giá xem chúng tôi có trong Internet Explorer 6 không:

     var IE6 = is.ie (6) if (IE6) // chạy chức năng tại đây 

    DramrJS

    DramrJS là một thư viện JavaScript để tạo hiệu ứng gõ, không giống như các thư viện tương tự, DramrJS bắt chước cách con người thực gõ vào, ví dụ: với một chút chậm trễ, với lỗi chính tả và sửa lỗi.

    Thuốc nhuộm

    Thuốc nhuộm là một tập hợp các bảng màu có nguồn gốc từ nhiều nguồn. Tại đây bạn có thể tìm thấy các màu đã được sử dụng trong iOS, Thiết kế Vật liệu Android hoặc trong Microsoft Windows. Công cụ này giúp bạn dễ dàng chọn màu, chỉ cần nhấp vào bất kỳ ô màu nào để sao chép định dạng Hex của màu đó.

    Biến đổi

    Biến đổi là một tập hợp các nút chuyển đổi phổ biến sẽ chuyển thành một cái gì đó khác biệt khi nhấp vào. Bạn có thể tìm thấy phổ biến “bánh hamburger” các biểu tượng sẽ thay đổi thành biểu tượng dấu chéo hoặc mũi tên. Transformicons cũng cung cấp công cụ Build mà bạn có thể sử dụng để tạo HTML, CSS và JavaScript chỉ cho các biểu tượng đã chọn.

    Vivaldi

    Vivaldi là một trình duyệt mới được xây dựng bởi cùng một đội ngũ đã xây dựng phiên bản Opera đầu tiên với công cụ Presto. Mặc dù Vivaldi vẫn còn ở giai đoạn sơ khai, nhưng nó đã xuất xưởng với các tính năng tiện dụng như “Lệnh nhanh” để tùy chỉnh các phím tắt điều hướng và Ngăn xếp Tab nhóm nhiều tab trong một tab. Sự phát triển đang diễn ra, với nhiều tính năng hơn như hỗ trợ Mail và Tiện ích mở rộng.

    Đồng hồ đeo tay Apple

    Chúng tôi đã có các mockup cho máy tính để bàn, máy tính bảng và điện thoại thông minh, vì vậy vấn đề chỉ còn là thời gian trước khi có các mockup cho smartwatch. Nếu bạn cần mockup cho Apple Watch, đây là trang web để đánh dấu. Bạn cũng sẽ tìm thấy các mô hình cho các biểu tượng iOS và iPhone 6.

    Khe chữ

    Slot Font là một phông chữ được thiết kế độc đáo. Đó là một phông chữ tròn với một trang trí nửa vòng tròn bên trong. Phông chữ có định dạng OTF và thật tốt khi sử dụng làm tiêu đề poster. Nó miễn phí để sử dụng trong cả các dự án cá nhân và thương mại.