Một số công cụ hữu ích cho web developer
Thứ 7, 12:33 PM Ngày 12/06/2010, số lần xem 451, Lập trình web
Phát triển 1 website có tính thẩm
mỹ toàn diện có thể là 1 việc rất dễ làm nản lòng ngay cả đối với các
website developer có kinh nghiệm lâu năm. Bạn phải xác định xu hướng,
các chuẩn mực hiện hành và định rõ cách để kết hợp chúng vào trong thiết
kế của bạn. May mắn thay, có rất nhiều công cụ miễn phí có sẵn có thể
giúp bạn đẩy nhanh tốc độ nỗ lực của bản thân và làm việc 1 cách hiệu
quả hơn. Dưới đây là 1 số công cụ mà chắc chắn sẽ đem lại lợi ích cho
hầu hết các web developer.
Typetester là 1 ứng dụng online
sẽ giúp bạn so sánh sự khác nhau giữa các font cũng như các thuộc tính
của font chữ sẽ xuất hiện trên các văn bản. Vai trò chính của nó là giúp
cho công việc của các web designer trở nên dễ dàng hơn, bằng việc cho
phép họ dễ dàng so sánh sự khác nhau trực quan giữa các kiểu chữ
(typefaces) 1 cách nhanh chóng.
ColourLovers là 1 website giúp
bạn tạo ra những màu sắc yêu thích. Bạn có thể tìm kiếm những bảng mã
màu để sử dụng vào trong dự án, ngoài ra bạn cũng có thể tự mình tạo ra
những bảng mã màu mới và xin ý kiến nhận xét từ những thành viên trên
website.
Firebug là 1 extensions của
Firefox, nó có thể giúp bạn chỉnh sửa, gỡ lỗi, và giám sát CSS, HTML và
Javascript 1 cách trực tiếp ngay trên bất kỳ trang web nào. Nó gần là 1
công cụ được rất nhiều web developer ưa chuộng và sử dụng 1 cách rộng
rãi.
Nếu bạn muốn biết làm thế nào để hiển
thị được các ký tự đặc biệt trên website của bạn, thì đây sẽ là công cụ
dành cho bạn. HTML Entity Character Lookup sẽ tìm các ký tự tương
ứng với từ khóa bạn gõ vào. Ví dụ, với từ khóa "c" sẽ tương ứng với các
ký tự © và ¢, và cách làm sao để tạo ra chúng. Đây thực sự là 1 công cụ
bạn nên thử để hiểu cách sử dụng chúng 1 cách cho hữu ích.
Em Calculator là 1 tool
Javascript nhỏ cho phép bạn nhập vào giá trị pixel để lấy giá trị em
tương ứng. Đây là 1 tool cực kỳ tiện dụng để tham khảo 2 giá trị đo độ
rộng này.
Browser Shots cho phép bạn xem
website của bạn trên khoảng 100 trình duyệt khác nhau trên 4 nền tảng
(platform) khác nhau. Từ đó bạn có thể xem xét sự khác biệt của website
mình trên các trình duyệt khác nhau, từ đó bạn có thể thấy được website
của mình xem tốt nhất trên bao nhiêu trình duyệt, rất hay phải ko nào
^^.
Icon Finder cung cấp cho web
developer các icon chất lượng cao 1 cách dễ dàng và hiệu quả. Bạn chỉ
cần đánh 1 từ khóa vào trong hộp tìm kiếm và Icon Finder sẽ mang về cho
bạn những icon đẹp mà bạn có thể tự do sử dụng.
Đôi khi trong quá trình duyệt web, bạn
thấy những font chữ khá đẹp, nhưng lại không biết nó là font chữ gì,
đây là công cụ có thể giúp bạn. Chỉ cần upload lên 1 image của font chữ
mà bạn đang muốn biết, công cụ này sẽ thực hiện phép so sánh với các
font chữ sẵn có để cung cấp cho bạn các font chữ gần giống nhất có thể.
Cách sử dụng trên website này đều đã khi rất rõ ràng.
Một plugin tuyệt vời của Firefox cho
phép bạn vẽ ra 1 thước đo tính toán độ rộng và chiều cao (tính theo giá
trị pixel) của bất cứ phần tử nào trên 1 website.
Đây cũng là 1 extensions của Firefox,
với ColorZilla bạn có thể lấy mã màu 1 cách nhanh chóng trên bất
kỳ điểm màu nào của website đang được xem bằng trình duyệt firefox.
Pingdom là 1 công cụ giúp bạn
kiểm tra thời gian load của website bạn, Pingdom sẽ load 1 trang HTML
hoàn chỉnh, bao gồm cả các đối tượng của nó (images, CSS, JavaScripts,
RSS, Flash và frames/embeds). Sau đó nó sẽ hiển thị thời gian để load
xong các phần tử bằng các thanh bar với màu sắc biễu diễn khá đẹp mắt và
dễ nhìn. Đây là 1 công cụ rất có ích khi bạn muốn kiểm tra hiệu suất
loading website của mình.
Test Everything cho phép bạn
kiểm tra website của bạn với hơn 100 công cụ test và chuẩn mực khác
nhau. Điều này sẽ giúp bạn tiết kiệm một được rất nhiều thời gian trong
quá trình thử nghiệm giai đoạn phát triển website của bạn.
Đây là 1 ứng dụng giúp bạn tra cứu
domain mình dự định mua đã có ai sở hữu hay chưa. Ngoài ra nó cũng tích
hợp cả các tool cho phép bạn kiểm tra thông tin của domain đó. Điểm nổi
bật của website này là nó dùng ajax nên giúp chúng ta tra cứu domain 1
cách rất nhanh và dễ dùng.
Font
Burner là 1 công cụ miễn phí trực tuyến cho phép bạn tìm kiếm hơn
1000 font khác nhau. Một khi bạn đã tìm ra font chữ mà bạn thích, công
cụ này sẽ cung cấp cho bạn một đoạn mã cho phép bạn sử dụng font chữ
ngay trên trang web của bạn, hoàn toàn miễn phí. Các font chữ này sau đó
cũng sẽ được hiển thị trên mỗi máy tính người dùng duyệt web của bạn,
kể cả với người dùng không cài đặt font chữ này.
