Trong bài viết này, Lamweb.com cố gắng cung cấp 10 công cụ khác nhau, các ứng dụng và các dịch vụ để giúp các web designer và web deverloper. Các bạn sẽ tìm thấy một công cụ đồng hồ lật ( FlipClock ) có thể gập đôi như một đồng hồ đếm ngược, một trang web tiện dụng cho phép bạn lấy thông tin màu sắc một cách dễ dàng, một cheatsheet cho kích thước màn hình và độ phân giải, cũng như các biểu tượng chữ ( font icon ) về chủ đề thời tiết!
IOS 7 Icon Template
Apple vừa qua đã giới thiệu iOS7, và một trong những điều khác biệt là các icon ( chúng tôi không đang đề cập đến định hướng mới của họ ). Các icon mới cho iOS có những góc tròn khác nhau, lưới và một chút khác biệt trong kích thước. Mẫu PSD này cho phép bạn thiết kế những icon cho iOS7 một cách chính xác.
Forecast Fonts
Forecast Font là một tập hợp các biểu tượng chữ ( font icon ) về thời tiết. Nó có một bộ hoàn chỉnh các biểu tượng thời tiết cho các mẫu về thời tiết như Ánh Nắng, Mưa Phùn, Hoàng Hôn, Tuyết, Sấm Sét… Nó hoàn toàn phù hợp cho các ứng dụng thời tiết ( app ).
Picksum Ipsum
Nếu bạn cảm thấy chán ngấy với Lorem Ipsum rồi, thì hãy thử Picksum Ipsum, một công cụ tạo văn bản giả tạo ra vài dòng chữ từ các diễn viên Hollywood huyền thoại, Michael Caine, Clint Eastwood, Morgan Freeman ( và Jim Carrey ). Nếu bạn là một nhà thiết kế cũng như một fan hâm mộ điện ảnh, Picksum Ipsum có thể giúp bạn gắn kết những thứ này lại một chút.
Topcoat
Gần đây Adobe đã giới thiệu một CSS Framework để nhằm mục đích thực hiện, được gọi là Topcoat. Nó được trang bị với một số thành phần bổ xung như giao diện người dùng ( UI ), một bộ các icon, và một file PSD để xây dựng thiết kế của bạn trước khi đi vào phần code.
Swiper
Swiper là một thanh trượt nội dung / hình ảnh miễn phí được tối ưu cho mobile. Nó đáp ứng được tốt, và có hỗ trợ cho tương tác cảm ứng. Nó là một thư viện nhẹ nhàng chỉ 6.5 Kb, và chạy nhanh vì nó không đòi hỏi một thư viện của bên thứ ba ( third-party ) như jQuery để làm việc.
Screensizes
Screensiz.es liệt kê nhiều chi tiết kích thước kỹ thuật cho các loại điện thoại phổ biến, máy tỉnh bảng ( table ), và màn hình. Kích thước hiển thị bao gồm kích thước màn hình, kích thước vật lý, mật độ điểm ảnh… Nó là một “cheatsheet” rất hữu ích khi chúng ta đang xây dựng một trang web responsive – một trang có giá trị cần phải đánh dấu ( bookmark ).
Flipclock JS
FlipClock là một plugin jQuery để làm một cái đồng hồ với hiệu ứng lật ( flip ). Bạn có thể sử dụng thư viện này như là một đồng hồ bình thường hiển thị thời gian thực, một bộ đếm thời gian cho thấy bao nhiêu thời gian đã trôi qua, hoặc một đồng hồ đếm ngược, như những thứ được hiển thị trong một trang “Coming Soon”. Phần hiển thị được tùy chỉnh thông qua CSS và có thể mở rộng với các API được cung cấp.
Mmenu
Vì các thiết bị di động có màn hình xem rất hạn chế, người ta thường ẩn các bảng menu đi. Người dùng chỉ đơn giản nhấp chuột vào các biểu tượng menu để lộ ra các bảng này. Sử dụng Mmenu rất dễ dàng để tạo ra một menu cho mobile trên trang web của bạn. Nó cung cấp một tập hợp các tùy chọn để tùy chỉnh menu.
Pure
Pure là một responsive framework siêu nhỏ được phát triển bởi Yahoo. Nó có thể dễ dàng theo kiểu ( themable hoặc themeable ) thông qua Skin Builder, và có thể là một sự thay thế cho một số framework phổ biến hiện nay như Bootstrap và Foundation.
Web Colour Data
Web Colours Data là một ứng dụng web ( webapp ) cho phép bạn lấy màu sắc từ các trang web khác trong tích tắc. Đơn giản chỉ cần nhập URL vào và nhấn nút “Get Color”, màu sắc và số Hex của các màu sắc sẽ được tạo ra ngay lập tức.