Làm Web

  • Design
  • Freebies
  • Tuts
  • Tools
  • Development
    • HTML / CSS
    • JavaScript
    • PHP
    • Ghost
  • WordPress
  • Info
    • Photography

Tài Nguyên Tuyệt Vời Cho Các Web Designer và Developer

By Thien Do • 03/07/2013 • Design, Tools, Web Development

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.

công cụ phát triển webcông cụ thiết kế webtài nguyêntài nguyên cho web designertài nguyên cho web developerweb designerweb designer pluginweb designer toolweb developerweb developer toolweb resources
Tweet
1
8 jQuery Plugin Cho Typography
Kiểm Tra Hỗ Trợ Thư Viện GD Trên Máy Chủ

About the Author

Thien Do

Là một PHP developer nhưng mình muốn tìm hiểu nhiều hơn về CSS và JavaScript. Mình yêu thích những trang web đẹp và sáng tạo, đó là lý do tại sao mà mình thích chia sẻ chúng với các bạn.

You Might Also Like

  • Các Ví Dụ Về Thiết Kế Website Cho Chiến Dịch ICO

  • 20 Trang Web Độc Đáo Sử Dụng Gam Màu Pastel

  • 5 Công Cụ Convert Font Chữ Online Miễn Phí

  • Làm Thế Nào Để Tạo Ra Các Hiệu Ứng Động CSS3 Mà Không Cần Viết Code

Liên hệ mua trang web này

Email: info@thiendo.com
Phone: 0914 22 12 02

Bài viết được quan tâm

CSS position: fixed Trong Các Trình Duyệt Di Động

On 08/07/2013
01

Xu Hướng Mới Trong Thiết Kế Web

On 06/08/2013
02

19 Ví Dụ về Thiết Kế Web Tối Giản

On 16/07/2013
03

25 Bài Hướng Dẫn Tạo Hiệu Ứng Chữ Đẹp với CSS3

On 16/06/2013
04

Fontbox.vn – Thư viện Font Tiếng Việt tuyệt đẹp

On 05/06/2013
05

Find us on Facebook

Lamweb.com
Facebook Twitter

LÀM WEB - CHIA SẺ THÔNG TIN, XU HƯỚNG, CÔNG NGHỆ VÀ CÁC THỦ THUẬT WEB

© 2019 LamWeb.com - All rights reserved.