javascript

  1. filiallion

    Share Tạo hiệu ứng hoạt hình cho văn bản và nhiều thành phần khác với thư viện Splitting

    Nếu như các bạn đã làm nhiều giao diện website với rất nhiều hiệu ứng chuyển động hoạt hình thì chắc hẳn các bạn đã biết tới thư viện Splitting. Thư viện Splitting thật sự rất đáng kinh ngạc về khả năng tạo ra các hiệu ứng hoạt hình cho văn bản cũng như nhiều thành phần khác trên website với...
  2. filiallion

    Share Tạo hiệu ứng hoạt hình khi cuộn trang web với thư viện Motus

    Các hiệu ứng hoạt hình thường sử dụng CSS để tạo, tuy nhiên có những hiệu ứng chỉ một mình CSS thì không thể, lúc này JavaScript sẽ được sử dụng để tạo ra các hiệu ứng hoạt hình phức tạp. Thư viện Motus cũng là một trong số đó, nó có chức năng tạo các hiệu ứng hoạt hình cho nội dung khi người...
  3. 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ư...
  4. 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ó...
  5. filiallion

    Share Tạo hộp thoại thông báo đẹp mắt với thư viện jsMessage

    Hầu hết trên các website đều có chức năng gửi thông báo tới người dùng, chức năng này có thể được thể hiện dưới nhiều cách thức khác nhau. Trên các phần mềm máy tính cũng vậy, ví dụ như với Windows 10, các bạn sẽ thường thấy các thông điệp thông báo nhắc nhở người dùng ở gốc dưới bên phải màn...
  6. filiallion

    Share Nén và giải nén tập tin bằng JavaScript với thư viện zip.js

    Nếu các bạn sử dụng ngôn ngữ lập trình PHP hay C# để nén hay giải nén tập tin là điều thường được sử dụng bởi tính ổn định, nhanh chóng cũng như hiệu quả của nó. Hiện nay với sự phát triển nhanh chóng của JavaScript, các bạn còn có thể dễ dàng thực hiện nhiều tác vụ mà trước đây chỉ dành cho cá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 Sử dụng thư viện string.js để làm việc nâng cao với chuỗi trong JavaScript

    Nếu các bạn thường xuyên xử lý chuỗi trong JavaScript thì các bạn nên sử dụng thư viện string.js mà tôi giới thiệu với các bạn ở bài viết này. Thư viện string.js hỗ trợ rất nhiều phương thức làm việc với chuỗi như cắt chuỗi, chuyển đổi sang chữ hoa, chữ thường, camelize, đếm ký tự, chữ, kiểm tra...
  9. filiallion

    Share Nạp thư viện JavaScript vào website với thư viện script.js

    Với các bạn lập trình viên JavaScript thì thư viện require.js đã khá quen thuộc. Bài viết này tôi sẽ giới thiệu với các bạn một thư viện có tính năng tương tự đó là script.js. Thư viện script.js sẽ giúp cho các bạn lập trình viên JavaScript dễ dàng nạp các thư viện JavaScript khác vào website...
  10. filiallion

    Share Bắt sự kiện nhập từ bàn phím với thư viện Keypress

    Để bắt sự kiện nhập từ bàn phím các bạn có thể dễ dàng thực hiện bằng vài dòng mã lệnh JavaScript đơn giản. Tuy nhiên, để mọi thứ trở nên đơn giản và nhanh chóng thì các bạn có thể sử dụng thư viện Keypress. Thư viện Keypress được phát triển gọn nhẹ, không cần các thư viện bổ sung khác sẽ giúp...
  11. 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...
  12. filiallion

    Share Tạo gallery hình ảnh với thư viện lightgallery.js

    Hiện nay trên Internet có rất nhiều thư viện JavaScript để tạo gallery ảnh như fancyBox, Lightbox, Viewer.js. Bài viết này, tôi sẽ giới thiệu với các bạn một thư viện JavaScript khác dùng để tạo gallery hình ảnh là lightgallery.js. Thư viện lightgallery.js cũng như các thư viện tạo gallery khác...
  13. filiallion

    Share Tích hợp trình soạn thảo nội dung Froala Editor vào website

    Trước đây tôi đã giới thiệu với các bạn trình soạn thảo nội dung chuyên nghiệp TinyMCE ở bài viết "Tích hợp trình soạn thảo văn bản TinyMCE vào website". Bài viết này tôi sẽ hướng dẫn các bạn tích hợp trình soạn thảo nội dung Froala Editor vào website. Trình soạn thảo Froala Editor là một trong...
  14. filiallion

    Share Tạo chương trình xem ảnh chuyên nghiệp với thư viện Viewer.js

    Đối với các website chuyên cung cấp hình ảnh thì việc tạo ra một cách thức xem ảnh làm hài lòng người dùng là một vấn đề khó. Tuy nhiên với thư viện Viewer.js các bạn hoàn toàn có thể tạo ra một chương trình xem ảnh chuyên nghiệp, trực quan với người dùng. Không chỉ đơn giản chỉ là một chương...
  15. 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ẽ...
  16. filiallion

    Share Tích hợp nhanh Google Map vào website với thư viện gmaps.js

    Hiện nay, phần lớn các trang liên hệ trên website các bạn thường tích hợp Google Map để dẫn đường cho khách hàng. Với sự chính xác và chi tiết của Google Map, các bạn sẽ tạo ra được một bản đồ chỉ dẫn chuyên nghiệp chỉ bằng cách sử dụng các API của Google Map là có thể tích hợp vào website. Tuy...
  17. filiallion

    Share Tạo lịch bằng JavaScript với thư viện FullCalendar

    Hiện nay phần lớn các bạn khi làm việc sẽ đều làm một điều đó là lên lịch làm việc hàng ngày, hàng tuần hay thậm chí là hàng tháng. Với các ứng dụng, dịch vụ trực tuyến như Google Calendar các bạn sẽ dễ dàng lên lịch làm việc của mình. Đây là nhu cầu của mọi người còn đối với các bạn lập trình...
  18. filiallion

    Share Vẽ biểu đồ chuyên nghiệp với thư viện Flot

    Trước đây tôi có giới thiệu với các bạn thư viện Chart.js tại bài viết "Tạo biểu đồ chuyên nghiệp với thư viện Chart.js" và thư viện Chartist.js tại bài viết "Vẽ biểu đồ với thư viện Chartist.js" dùng để vẽ biểu đồ trên nền web. Với thư viện Chart.js và Chartist.js, các bạn có thể dễ dàng tạo ra...
  19. filiallion

    Share Sử dụng thư viện Prism để highligh mã ngôn ngữ lập trình

    Nếu các bạn là lập trình viên đang muốn xây dựng website chia sẻ kiến thức lập trình thì chắc chắn các bạn sẽ cần tích hợp chức năng highligh mã lập trình để giúp cho người đọc dễ dàng xem các đoạn mã lệnh của các bạn. Hiện nay, có nhiều thư viện dùng để highligh mã lệnh và một trong số đó phải...
  20. filiallion

    Share Sử dụng thư viện Cropper.js để cắt xén hình ảnh

    Đối với các website có sử dụng hình ảnh như website bán hàng thể hiện hình ảnh sản phẩm thì thường các bạn sẽ thiết kế hình ảnh bằng Photoshop chẳng hạn để điều chỉnh kích thước hình ảnh đúng theo khuông mẫu của giao diện web. Tuy nhiên, trong nhiều trường hợp, website của các bạn lại cung cấp...
Back
Top