jquery

  1. filiallion

    Share Tuỳ biến select box chuyên nghiệp với thư viện Select2

    Select box mặc định được tạo từ HTML chỉ hỗ trợ tính năng đơn giản đó là cho phép lựa chọn một hoặc nhiều tuỳ chọn mà không có thêm bất kỳ sự hỗ trợ nào khác. Trong nhiều trường hợp, các bạn muốn có thêm tính năng tìm kiếm các tuỳ chọn hoặc nạp các tuỳ chọn từ một API bằng ajax thì select mặc...
  2. filiallion

    Share Tạo slideshow nội dung chuyên nghiệp với thư viện slick

    Slideshow là một thành phần thể hiện nội dung được nhiều website sử dụng, nhất là các website muốn truyền tải thông tin khuyến mãi tới khách hàng. Thông thường, các slideshow đều trình diễn các hình ảnh, video với nội dung hấp dẫn nhưng đôi lúc các slideshow chỉ thể hiện các nội dung văn bản hay...
  3. filiallion

    Share Kiểm tra tính hợp lệ của form nhập liệu với thư viện Parsley

    Kiểm tra dữ liệu nhập trên form là một thao tác bắt buộc phải có khi các bạn lập trình bất kỳ website nào. Việc kiểm tra này đảm bảo dữ liệu đầu vào đúng quy định, tránh các dữ liệu rác, không hợp quy tắc. Lập trình website, các bạn thường sẽ kiểm tra dữ liệu nhập ngay từ máy khách để chặn những...
  4. filiallion

    Multimedia Tạo flipbook trực tuyến đẹp mắt với WowBook 1.0.0

    Nếu các bạn đang có ý định tạo một ứng dụng đọc sách trực tuyến hay thậm chí là một bộ sưu tập ảnh thì các bạn có thể sử dụng ứng dụng nhỏ WowBook. WowBook là một ứng dụng được viết bằng JavaScript sử dụng jQuery, được thiết kế đẹp mắt với các hiệu ứng chuyển trang, lật trang phong phú. Điểm...
  5. filiallion

    Share Tạo chức năng autocomplete với thư viện AutoCompleteJS

    Trước đây tôi có giới thiệu với các bạn xây dựng chức năng autocomplete với thư viện jQuery UI Autocomplete tại bài viết "Tạo chức năng tự động hoàn tất nhập liệu với thư viện jQuery UI Autocomplete". Bài viết này tôi tiếp tục giới thiệu với các bạn một thư viện khác với chức năng tương tự như...
  6. filiallion

    Share Tuỳ chỉnh radio và checkbox với thư viện iCheck

    Mặc định, hình dáng của radio và checkbox là do trình duyệt web quy định, vì vậy trên các trình duyệt khác nhau thì radio và checkbox lại có hình dáng khác nhau, không đồng nhất. Nếu các bạn đang muốn thiết kế radio và checkbox đồng nhất một hình dáng trên tất cả các trình duyệt thì các bạn có...
  7. filiallion

    Share Đánh dấu từ khoá trong nội dung với thư viện mark.js

    Các bạn đang cần xây dựng chức năng đánh dấu các từ khoá tìm được trong nội dung thì các bạn có thể sử dụng thư viện mark.js. Thư viện mark.js sẽ giúp các bạn đánh dấu các từ khoá được khai báo trong một vùng nội dung chỉ định nào đó một cách dễ dàng. Thư viện mark.js còn hỗ trợ các từ khoá dưới...
  8. filiallion

    Share Tạo slide trình chiếu tương tự PowerPoint với thư viện deck.js

    Nếu các bạn đang có nhu cầu xây dựng hệ thống giảng dạy hay thiết trình trực tuyến thì gần như chắc chắn các bạn sẽ cần tới chức năng trình chiếu nội dung tương tự như PowerPoint. Hiện nay, không nhiều thư viện hỗ trợ tốt việc xây dựng chức năng trình chiếu tương tự như PowerPoint trên nền web...
  9. filiallion

    Share Tạo chức năng autocomplete tương tự như Facebook với thư viện At.js

    Khi các bạn sử dụng Facebook mà muốn thêm tên của một người bạn nào đó vào nội dung timelime đang viết thì các bạn có thể gõ vài ký tự trong tên người bạn đó, Facebook sẽ gợi ý cho các bạn. Hay trên một số ứng dụng các bạn hay sử dụng ký tự @ để bắt đầu thêm tên của ai đó thì ứng dụng cũng sẽ...
  10. filiallion

    Share Xoay một thành phần của website với thư viện jQuery UI Rotatable

    Thư viện jQuery UI Rotatable là một plugin của jQuery dùng để xoay một thành phần nào đó trên website. Các bạn có thể xoay thành phần được cấu hình một cách tự do theo mọi góc độ. Các bạn đừng nhầm lẫn tên của thư viện này với bộ thư viện jQuery UI mà tôi đã từng giới thiệu với các bạn ở những...
  11. filiallion

    Share Tự động thay đổi kích cỡ chữ vừa màn hình với thư viện FitText

    Giao diện website hiện nay đều phải đáp ứng yêu cầu tối thiểu là khả năng tương thích với nhiều thiết bị từ máy tính, máy tính bảng tới điện thoại thông minh (Khả năng responsive). Vì vậy, việc thiết kế các tiêu đề có kích cỡ chữ tương ứng với thiết bị cũng là một vấn đề bắt buộc, không giống...
  12. filiallion

    Share Tạo sticky cho thanh sidebar với thư viện Sticky Sidebar

    Sticky một thành phần nào đó tức là ghim thành phần đó tại một vị trí cố định cho dù các thành phần khác trên website vẫn đang được cuộn theo thanh cuộn. Sticky thường áp dụng cho các thành phần thường xuyên tương tác như thanh trình đơn, các nút tác vụ hay một thông tin nào đó cần luôn luôn...
  13. filiallion

    Share Tạo hiệu ứng zoom hình ảnh với thư viện multizoom.js

    Trước đây tôi đã giới thiệu với các bạn thư viện ImageLens dùng để zoom hình ảnh rất chuyên nghiệp tại bài viết "Sử dụng thư viện ImageLens để tạo hiệu ứng zoom hình ảnh". Thư viện ImageLens là một trong những thư viện zoom theo kiểu "kính lúp" rất được ưa thích đối với các bạn thiết kế giao...
  14. filiallion

    Share Tự động định dạng số được nhập với thư viện Mask Number

    Với những trường hợp các bạn cho phép người dùng nhập số theo một định dạng quy định nào đó, chẳng hạn như có dấu phân cách hàng nghìn hay số điện thoại thì các bạn có thể sử dụng thư viện Mask Number. Thư viện Mask Number là một plugin jQuery rất nhỏ gọn, đáp ứng những yêu cầu tối thiểu về việc...
  15. filiallion

    Share Tuỳ biến thanh cuộn đẹp mắt theo phong cách riêng với thư viện ProngnRoll

    Trước đây tôi có bài viết giới thiệu với các bạn thư viện jQuery Scrollbar dùng để tuỳ biến thanh cuộn trình duyệt rất hay, các bạn có thể xem lại bài viết "Tuỳ biến thanh cuộn với thư viện jQuery Scrollbar" để biết cách sử dụng nó. Bài viết này tôi tiếp tục giới thiệu cho các bạn một thư viện...
  16. filiallion

    Share Tạo slideshow ảnh toàn màn hình với thư viện Story Show Gallery

    Hiện nay có rất nhiều thư viện JavaScript cũng như plugin jQuery dùng để tạo slideshow ảnh đẹp mắt. Tuy nhiên, để tạo slideshow ảnh toàn màn hình thì rất ít, bài viết này tôi sẽ giới thiệu với các bạn thư viện Story Show Gallery, đây là một plugin của jQuery. Thư viện Story Show Gallery ngoài...
  17. filiallion

    Share Tích hợp Google Map vào website đơn giản với thư viện lazymap.js

    Việc tích hợp Google Map vào website yêu cầu các bạn phải tìm hiểu API của nó mất khá nhiều thời gian, thư viện lazymap.js sẽ giúp các bạn thực hiện việc này một cách đơn giản. Thư viện lazymap.js là một plugin của jQuery với chức năng nạp tự động bản đồ Google Map vào website mà không làm ảnh...
  18. filiallion

    Share Tạo hộp nhập số chuyên nghiệp với thư viện Bootstrap Input Spinner

    Trước đây tôi có giới thiệu với các bạn một plugin của jQuery đó là jQuery UI Spinner với chức năng tạo hộp nhập để nhập số liệu là số nguyên, các bạn có thể xem lại bài viết "Tuỳ biến nút tăng giảm giá trị số với thư viện jQuery UI Spinner" để hiểu rõ hơn cũng như biết cách sử dụng plugin...
  19. filiallion

    Share Tạo plugin đơn giản cho jQuery

    jQuery là một thư viện JavaScript đang được sử dụng phổ biến nhất hiện nay trên nền web. jQuery được khởi sướng bởi John Resig vào năm 2006, là thư viện mã nguồn mở và hoàn toàn miễn phí. jQuery có một cộng đồng sử dụng đông đảo và được rất nhiều lập trình viên tham gia hoàn thiện, phát triển và...
  20. filiallion

    Share Sử dụng thư viện Visible để kiểm tra thành phần có đang hiển thị trên màn hình

    Trong một số trường hợp các bạn muốn kiểm tra xem một thành phần nào đó có đang hiển thị trực quan trên màn hình hay không thì các bạn có thể sử dụng thư viện Visible để làm việc này. Một thành phần được gọi là hiển thị trực quan tức là nó đang nằm trên màn hình mà người dùng có thể nhìn thấy...
Back
Top