New FAMILUG

The PyMiers

Wednesday 15 May 2013

[Cập nhật liên tục] Các thư viện JS hay ho

 JavaScript (JS) là ngôn ngữ lập trình duy nhất ở client side (đã có mặt cả ở server side), nên hầu như tất cả các website đều cần-dùng đến nó. Với 1 Web developer yêu cầu cơ bản là bạn phải biết về JS

Các thư viện JavaScript hay ho


Familug xin list 1 số các thư viện JS hay ho mà chúng tôi sưu tập, tìm kiếm được để giúp website của bạn thêm phần sinh động, nâng cao tính tương tác với người dùng.

jQuery, Mootool và đồng bọn không được nhắc đến trong này vì quá khủng rồi








Bao giờ bộ sưu tập đủ nhiều sẽ phân thành các group.

+ Moment.js: 1 "date library" nhỏ, nhẹ cho JS. Dùng để parsing, validating, manipulating, và formatting thời gian.

+ keymaster.js: 1 Lib nhỏ để tạo ra các phím tắt (keyboard shortcut) trong web của bạn. VD: ấn phím A - nhảy đến trang About, C - nhảy đến trang Aontact..

+ CryptoJS: Lib mã hóa cho JS. Hỗ trợ MD5, SHA-1, SHA-2, SHA-3, HMAC, PBKDF2, AES, TripleDES, Rabbit, RC4

jPlayer: 1 plugin của jQuery (Bạn phải import jquery vào trước) hỗ trợ chơi nhạc, xem video trên web, hỗ trợ HTML5.

+ turn.js: Tạo hiệu ứng đọc sách

+ jsamin: Thư viện tạo chuyển động cho các phần tử HTML

Pretty Date: Ghi lại thời gian cho đẹp như Facebook: "2008-01-28T20:24:17Z" => "2 hours ago"

+ Intro.js: Lib hỗ trợ  khi bạn muốn giới thiệu website, tính năng mới. Click Show me how bạn sẽ rõ chức năng của nó :)

+ jPanelMenu: Plugin của jQuery. làm đẹp cho các thanh cuộn (scroll bar)

+ proress.js: Tạo thanh progress (progress bar). Demo: http://github.dixpix.de/progress.js/

+ Rainbow: Lib nhỏ cho formatting code


+ Keyvent.js: Bắt các thao tác trên bàn phím (ketboard event)

+ alertify.js: Lib tạo cảnh báo, báo hiệu, confirm box kute. demo: http://fabien-d.github.io/alertify.js/0.4.0rc1/

+ isMobile: Nhận diện thiết bị client truy cập vào site của bạn để đưa ra hướng xử lý hợp lý

+ filesizejs: Chuyển đổi dung lượng (kích thước) file về dạng dễ đọc hơn (human readble). 13123131313 => 12.22GB

+ disTime.js: 1 lib khác "làm đẹp" thời gian. Hiện thị dạng "xx ngày/tháng/năm trước". Lib này dùng tiếng Anh, bạn chịu khó convert sang tiếng Việt từ source code.

+ Émile: Lib tạo chuyển động

+ humane.js: Tạo alert, notify

+ dhtmlxMessage:  alert, confirm, or notification box

+ Sliderman.js: Tạo slide ảnh

+ menucool.com: tạo Slide ảnh, menu drop-down, tool-tip, tạo tab tin tức tất cả trong này

+ fartscroll.js: Âm thanh vui nhộn khi kéo scrollbar

________________________________

Hiệu ứng Animation cực mạnh: http://www.minimamente.com/magic-css3-animations/

5 comments:

  1. cái đánh rắm hôm nọ có chưa :3

    ReplyDelete
  2. chưa có, search rồi thêm vào đi :v

    ReplyDelete
  3. Tiếng xì bom khi kéo lên xuống: http://theonion.github.io/fartscroll.js/
    Đã tích hợp vào FAMILUG :v

    ReplyDelete
  4. Hiệu ứng Animation cực mạnh: http://www.minimamente.com/magic-css3-animations/

    ReplyDelete
  5. Page load process: http://github.hubspot.com/pace/
    Popup: http://github.hubspot.com/vex/docs/welcome/
    Quick text formatting: https://github.com/daviferreira/medium-editor

    ReplyDelete