javascript

Xu hướng hiện tại, các nhà sản xuất hàng hoá thường sử dụng mã QR để cung cấp thông tin cũng như theo dõi hàng hoá, giúp các nhà sản xuất hàng hoá dễ dàng quản lý sản phẩm của mình. Còn đối với các bạn lập trình viên thì việc tạo ra mã QR là công việc yêu cầu các bạn phải thực hiện chính xác...

Thông thường khi các bạn muốn tạo một tài liệu định dạng PDF thì các bạn sử dụng các ngôn ngữ lập trình như PHP, C#,... Với cách thức này thì tài liệu được khởi tạo từ máy chủ và cho người dùng tải về, các bạn có thể tham khảo bài viết "Tạo PDF dễ dàng trong PHP với thư viện Dompdf" và bài viết...

Trên nhiều website, tính năng upload tập tin thường được tích hợp khi đăng bài viết hay sản phẩm. Thông thường các bạn sẽ lập trình chức năng này để tải lên các tập tin được lưu trữ trên máy tính người dùng, ví dụ như các tập tin hình ảnh, văn bản,... nhưng có bao giờ các bạn tải các tập tin...

Thư viện html2canvas được dùng để chụp ảnh một trang web hoặc một thành phần nào đó trên website. Nếu các bạn muốn xây dựng một chức năng chụp ảnh mà thư viện html2canvas cung cấp thì các bạn có thể sử dụng nó. Thư viện html2canvas chụp ảnh trang hoặc thành phần website dựa trên DOM nên có thể...

Trên các website thông thường các bạn thường tích hợp trình soạn thảo văn bản như TinyMCE, CKEditor để tiện cho việc đăng nội dung. Nếu các bạn quan tâm tới trình soạn thảo văn bản TinyMCE, các bạn có thể tham khảo bài viết "Tích hợp trình soạn thảo văn bản TinyMCE vào website". Đối với các...

Nếu các bạn sử dụng trình duyệt web Firefox thì có lẽ các bạn cũng đã ít nhất một lần đọc tài liệu PDF trực tiếp trên Firefox rồi. Vậy làm cách nào để tạo ra trình đọc tài liệu trực tiếp này trên Firefox? Rất đơn giản, Mozilla cung cấp cho các bạn lập trình viên một bộ thư viện JavaScript dùng...

Trong thiết kế website, việc sử dụng hình ảnh làm background cho một thành phần nào đó hoặc toàn bộ website là thường xuyên. Với phong cách thiết kế hiện đại hiện nay, các website còn được sáng tạo để sử dụng video làm background, tạo ra giao diện sinh động hơn rất nhiều so với sử dụng hình ảnh...

Hiện nay có rất nhiều thư viện CSS và JavaScript có hỗ trợ các thành phần dùng để tạo các bố cục dạng lưới, một trong số đó phải kể đến như Bootstrap, UIkit, ... Bài viết này tôi giới thiệu với các bạn một thư viện chỉ chuyên dùng để tạo các bố cục lưới là Muuri. Tuy nhiên, thư viện Muuri không...

Kiểm tra tính hợp lệ khi người dùng nhập dữ liệu trên form là một chức năng bắt buộc phải có để đảm bảo dữ liệu nhận được là dữ liệu hợp lệ. Hiện nay có khá nhiều thư viện JavaScript để thực hiện việc này, một trong số đó tôi đã giới thiệu cho các bạn ở bài viết "Kiểm tra tính hợp lệ của dữ liệu...

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...

Chắc hẳn các bạn thiết kế giao diện website đã sử dụng qua nhiều thư viện front-end như Bootstrap, UIkit,... với phong cách hiện đại nhưng có bao giờ các bạn thiết kế giao diện website với phong cách như một bức tranh được vẽ bằng chiếc bút chì chưa? Với thư viện Wired Elements, các bạn sẽ dễ...

Với thư viện layerJS, các bạn sẽ dễ dàng tạo các menu, slider, lightbox, hiệu ứng parallax, zoom hình ảnh... mà không có bất kỳ khó khăn nào. Thư viện layerJS có thể được xem như một framework front-end thu gọn với một số thành phần quan trọng thường được sử dụng trên website chứ không phải bao...

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...

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...

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...

Trước đây tôi có giới thiệu với các bạn thư viện CSS Animate.css dùng để tạo các hiệu ứng hoạt hình đẹp mắt rất dễ sử dụng tại bài viết "Tạo hiệu ứng đẹp mắt với thư viện Animate.css". Bài viết này tôi giới thiệu với các bạn một thư viện tương tự gần như giống hoàn toàn các hiệu ứng của...

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...

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...

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...

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...