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

Có một số công cụ và tài nguyên tuyệt vời mới để cung cấp cho các nhà thiết kế và phát triển web thêm đòn bẩy cho công việc của họ. Tháng này chúng ta có một số tuyệt vời công cụ và tài nguyên miễn phí đáng để thử, bắt đầu từ một plugin để tạo hiệu ứng ảnh thú vị đến một plugin cho nội dung và hình ảnh trượt với sự chuyển đổi thực sự thú vị.

Vì vậy, hãy kiểm tra chúng.

Kiểm tra tất cả các tài nguyên mới của chúng tôi (theo tháng):

Proto

Thiết kế web đáp ứng hiện đang trở thành thông lệ tiêu chuẩn trong việc tạo ra một trang web. Điều này làm cho điều này công cụ thực sự hữu ích để hoàn thành công việc. Proto được xây dựng dựa trên SCSS để tạo mẫu bố cục đáp ứng nhanh chóng bằng cách cung cấp các lớp CSS được xác định trước sẵn sàng để sử dụng, xác định lưới đáp ứng và một số lớp cụ thể của thiết bị.

Hiển thị lưới

Nếu bạn đang làm việc với các khung Thiết kế Responsive như Bootstrap hoặc Foundation, có lẽ bạn cần bookmarklet này để theo dõi lưới trong trình duyệt. Công cụ này sẽ hiển thị lưới lớp phủ trên trang web bạn đang xem. Nó khá tiện dụng, chỉ cần kéo và thả nó vào thanh Bookmark của bạn. Chỉ cần nhấp vào bookmarklet bất cứ lúc nào bạn cần lưới để hiển thị.

BootMetro

Windows 8 áp dụng sự đơn giản của ngôn ngữ thiết kế Metro. Nếu bạn muốn nắm lấy phong cách này trên trang web của mình, BootMetro có lẽ là thứ bạn cần.

Dấu gạch dưới

Có rất nhiều chủ đề khởi động WordPress có sẵn trên Internet, nhưng không có chủ đề nào tuyệt vời như Underscores. Với nó, bạn có thể chỉ định và cá nhân hóa Tên chủ đề, Mô tả, Tác giả và cụ thể là Slug chủ đề, áp dụng cho chức năng chủ đề khi bạn tải xuống gói, vì vậy bạn sẽ nhận được một cái gì đó như theme_slug_feft.

Jarallax

Giống như hiệu ứng Parallax bạn thấy trong các trang web như thế này? Nếu bạn muốn áp dụng hiệu ứng tương tự cho trang web của mình, bạn có thể sử dụng Jarallax, thư viện hoạt hình JavaScript để tạo hiệu ứng Parallax (gần như không mất thời gian).

Gió

Bạn có chán với các hiệu ứng trượt thư viện chỉ di chuyển theo chiều ngang? Sau đó kiểm tra Windy, sử dụng chuyển đổi 3D để chạy nội dung theo cách thực sự độc đáo. Xem bản demo tại đây.

TiltShift

Nói tóm lại, tiltShift trong nhiếp ảnh là một kỹ thuật để làm cho một bức ảnh trông nhỏ hơn, gần giống như thu nhỏ so với thực tế. Kiểm tra bộ sưu tập của chúng tôi về những bức ảnh như vậy trong bài viết này: “Chụp ảnh nghiêng”. Nếu bạn muốn áp dụng hiệu ứng như vậy trong thư viện ảnh của mình, bạn chỉ cần sử dụng Thư viện JavaScript này, TiltShift.js.

Trình tự

Sequence.js là một plugin thanh trượt Responsive jQuery với một số hiệu ứng chuyển tiếp nâng cao. Không giống như thanh trượt khác, Sequence không đi kèm với chủ đề tích hợp riêng. Vì vậy, chúng tôi hoàn toàn có thể tùy chỉnh giao diện để phù hợp với trang web của chúng tôi.

Đồng bằng

Giao diện người dùng jQuery là một bộ hoàn chỉnh của giao diện và tương tác người dùng web phổ biến, rất dễ sử dụng. Tuy nhiên, chủ đề mặc định là nhàm chán. Vì vậy, nếu bạn muốn có giao diện khác cho Giao diện người dùng jQuery, nhưng không muốn bị bẩn bằng CSS, bạn chỉ cần thay thế các kiểu CSS mặc định bằng Delta, một chủ đề hấp dẫn cho Giao diện người dùng jQuery.