javascript

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

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

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

Hiện nay, jQuery có rất nhiều plugin hỗ trợ tạo popup và modal từ các plugin đơn lẻ cho tới các plugin được tích hợp trong các bộ thư viện front-end như UIkit, Bootstrap, Metro UI... Bài viết này tôi giới thiệu với các bạn một jQuery plugin khác dùng để tạo popup và modal đẹp mắt nữa là Avgrund...

Trong JavaScript, làm việc với ngày giờ thật sự khó khăn nhất là đối với các bạn mới làm quen. Hiện nay có khá nhiều thư viện làm việc với ngày giờ trong JavaScript như Moment.js chẳng hạn. Bài viết này tôi sẽ giới thiệu với các bạn một thư viện khác làm việc rất tốt với ngày giờ từ các yêu cầu...

Với CSS các bạn hoàn toàn có thể thực hiện việc thay đổi kích thước phông chữ thích hợp tuỳ theo kích thước của màn hình. Tuy nhiên đôi lúc việc sử dụng CSS lại không hoàn toàn đáp ứng được một vài yêu cầu nào đó hoặc cũng có thể vì một lí do nào đó mà CSS không đáp ứng được. Với thư viện...

Mặc định HTML đã hỗ trợ các bạn di chuyển trang tới vị trí anchor một cách đơn giản nhưng nó không hỗ trợ hiệu ứng scroll mượt, tạo ra cảm giác khó chịu. Với thư viện AnchorScroll.js thì vấn đề này đã được khắc phục với nhiều hiệu ứng scroll đẹp mắt, tạo cảm giác chuyên nghiệp hơn cho website...

Thư viện ScrollZip sẽ tạo ra hiệu ứng scroll các thành phần được chỉ định trên trang web khi các thành phần đó xuất hiện trên phần hiển thị của màn hình thiết bị. Với sự kết hợp của thư viện Animate.css mà tôi đã từng giới thiệu với các bạn ở bài viết "Tạo hiệu ứng đẹp mắt với thư viện...

Việc nhập văn bản trên các website thật sự không có gì đáng chú ý nhưng nếu các bạn sử dụng thư viện Fancy Input mà tôi giới thiệu với các bạn ở bài viết này thì các bạn sẽ thấy sự khác biệt ở hiệu ứng khi nhập. Thư viện Fancy Input là một thư viện JavaScript kết hợp với CSS tạo ra các hiệu ứng...

Như các bạn đã biết, ECMAScript (Viết tắt là ES) là một chuẩn chung của JavaScript được phát triển và nâng cấp thường xuyên cho tới nay, qua mỗi phiên bản thì ECMAScript lại bổ sung thêm nhiều tính năng mới hỗ trợ rất tốt cho các lập trình viên. Trong các phiên bản được nâng cấp trước đây, có lẻ...

Thư viện Micron.js giúp các bạn tạo các hiệu ứng hoạt hình trên các thành phần của website một cách dễ dàng chỉ với vài khai báo thuộc tính ngay bên trong các thẻ HTML của thành phần. Các bạn có thể xem qua các hiệu ứng mà thư viện Micron.js hỗ trợ tại địa chỉ...

Khi các bạn truy cập các website có các hộp thông báo hiện lên hay các cửa sổ nhỏ nằm trong website trình bày nội dung đáng chú ý thì đó được gọi là popup hay modal. Để trình bày các popup modal này thì các bạn có nhiều thư viện JavaScript để thực hiện và một trong số đó là iziModal. Hôm trước...

Các thư viện như Bootstrap, UIkit đều có thành phần thông báo gọi là toast (Nhiều thư viện gọi là notification) giúp các bạn thiết kế các thông báo chuyên nghiệp làm tăng tính tương tác của website. Bài viết này tôi cũng sẽ giới thiệu với các bạn thư viện tương tự có tên là iziToast. Thư viện...

Để thay đổi diện mạo của thẻ select trên các website thì các bạn có thể sử dụng CSS để thiết kế hoặc sử dụng các thư viện JavaScript sẽ đơn giản hơn. Trước đây, tôi cũng đã giới thiệu với các bạn thư viện jQuery UI Selectmenu tại bài viết "Tuỳ biến select với thư viện jQuery UI Selectmenu". Bài...

Các website cho phép người dùng viết bài viết như các blog, diễn đàn, các trang bán hàng thường sẽ có chức năng nhập các tag (Các thẻ từ khoá) để người dùng khác có thể dễ dàng tìm kiếm bài viết theo các tag đó. Nếu các bạn không quan tâm nhiều đến chức năng này thì website của các bạn chỉ đơn...

Một trong những yêu cầu khi thiết kế, phát triển một website đó là phải tạo sự tiện lợi cho người dùng. Vì vậy, việc các bạn có thể tạo ra một chức năng giúp người dùng có thể nhập nhanh và chính xác các định dạng như ngày tháng, thời gian, địa chỉ email hay số thẻ tín dụng là một điều cần...

Khi các bạn nhập liệu thì việc có các công cụ hỗ trợ nhập liệu nhanh chóng như autocomplete sẽ giúp cho các bạn cảm thấy thoải mái và công việc trở nên nhanh hơn nhiều. Hiện nay có khá nhiều thư viện JavaScript thực hiện chức năng tự động hoàn tất nhập liệu và trong số đó tôi muốn giới thiệu với...

Đối với mỗi website đều có một biểu tượng để nhận biết thương hiệu đó là favicon, các biểu tượng favicon có thể là các tập tin icon hay tập tin ảnh bao gồm cả ảnh động. Tuy nhiên để tạo ra các biểu tượng favicon có cập nhật trạng thái hay nội dung thì đòi hỏi các bạn phải viết thêm mã lệnh...

Tiếp tục với các thư viện cuộn trang, bài viết này tôi sẽ hướng dẫn các bạn sử dụng thư viện pagePiling.js được viết dựa trên jQuery tạo ra hiệu ứng cuộn trang đẹp mắt cho website của các bạn chỉ với vài dòng mã lệnh cài đặt đơn giản. Cũng giống như các thư viện được viết trên nền tảng jQuery...

Với tính năng cuộn trang tôi có hướng dẫn các bạn sử dụng thư viện jInvertScroll để thực hiện hiệu ứng này, các bạn có thể tham khảo bài viết "Cuộn trang parallax với thư viện jInvertScroll" để biết chi tiết. Ở bài viết này, tôi cũng sẽ hướng dẫn các bạn tạo một trang one page với tính năng cuộn...