javascript

Trên một số website các bạn có thể bắt gặp hiệu ứng thanh trình đơn nằm ở vị trí ở giữa website và khi người dùng cuộn website thì thanh trình đơn duy chuyển tới vị trí trên rồi ghim cứng tại đó. Đây là một hiệu ứng hay có tính tương tác tốt với người dùng mà vẫn đảm bảo nội dung website được...

Đối với các trường nhập liệu là ngày giờ thì thường yêu cầu người dùng nhập đúng định dạng ngày giờ, điều này phần nào làm khó cho người dùng và phần lớn người dùng sẽ không cảm thấy thoải mái khi phải nhập ngày giờ theo yêu cầu và cũng phần nào làm giảm đi sự chuyên nghiệp của website. Để thuận...

Hiện nay có nhiều thư viện thực hiện chức năng zoom hình ảnh nhưng với tôi thì thư viện elevateZoom là thư viện thực hiện việc zoom hình ảnh chuyên nghiệp nhất với nhiều tuỳ chọn, hiệu ứng đáp ứng được hoàn toàn các yêu cầu của các bạn. Ngoài ra, việc sử dụng thư viện elevateZoom cũng rất đơn...

Mặc định với CSS các bạn hoàn toàn có thể tạo ra các hiệu ứng đẹp mắt khi hover lên hình ảnh hay bất kỳ thành phần nào. Tuy nhiên, việc sử dụng CSS để thực hiện các hiệu ứng phức tạp thì đòi hỏi các bạn phải mất nhiều công sức để viết mã lệnh. Với thư viện SlipHover thì mọi thứ lại trở nên đơn...

Các trình duyệt web hiện tại đã hỗ trợ thuộc tính CSS giúp cho textarea có thể thay đổi kích thước dễ dàng. Tuy nhiên, để textarea có thể tự động thay đổi kích thước theo nội dung văn bản thì đòi hỏi các bạn phải can thiệp bằng JavaScript. Thư viện Autosize là một thư viện rất gọn nhẹ dùng để...

Thư viện PowerTip là một thư viện khá mạnh để tạo tooltip với việc tạo ra các tooltip đơn giản chỉ là văn bản cho tới các tooltip là các mã HTML. Vì vậy, với thư viện PowerTip thì các bạn hoàn toàn có thể tạo ra các tooltip có nội dung được định dạng, các hình ảnh, các video... Trước khi tích...

Khi truy cập một website nào đó mà hình ảnh trên website xuất hiện hiệu ứng đang được tải thì các bạn sẽ thấy website thật thú vị. Ngoài ra, trong một số trường hợp các bạn muốn làm một việc gì đó ngay sau khi tất cả hình ảnh trên website được tải hoàn toàn thì phải làm thế nào? Với yêu cầu này...

Thư viện Lazy Load là thư viện nhằm làm trễ việc tải hình ảnh trên website. Những hình ảnh nằm ngoài khung hình mà các bạn thấy trên trình duyệt sẽ không được tải cho tới khi người dùng cuộn website tới hình ảnh đó. Vì vậy, sử dụng thư viện Lazy Load trên những website có nội dung dài với nhiều...

Khi các bạn lập trình website với các form thì việc kiểm tra tính hợp lệ của dữ liệu bằng các thư viện của ngôn ngữ lập trình như PHP chẳng hạn là bắt buộc. Ngoài ra, để website có tính tương tác tối với người dùng thì các bạn còn kiểm tra tính hợp lệ của dữ liệu ngay trên máy khách. Để làm việc...

Chosen là một thư viện mạnh để tuỳ biến select, ngoài việc thay đổi được giao diện đẹp hơn thì thư viện Chosen còn giúp cho select trở nên mạnh mẽ hơn với chức năng tìm kiếm, nhiều lựa chọn... Để sử dụng thư viện Chosen cũng rất đơn giản, các bạn truy cập địa chỉ...

Ajax là viết tắt của "Asynchronous JavaScript and XML", đây là một kỹ thuật phát triển web có tính tương tác cao với sự kết hợp của nhiều thành phần như JavaScript, XML, HTML... Đối với công nghệ web hiện nay thì ajax không thể thiếu, nó là một phần làm nên sự sinh động cho website. Ajax được...

Để tạo các biểu đồ trên website các bạn có nhiều thư viện để làm việc này từ thư viện PHP cho tới thư viện JavaScript. Với tôi, tôi thường sử dụng các thư viện JavaScript để tạo ra các biểu đồ chuyên nghiệp với nhiều mẫu phổ biến từ đơn giản cho tới phức tạp. Thư viện Chart.js là một trong số...

Assetic là thư viện PHP dùng để quản lý tài nguyên CSS và JavaScript được sử dụng khá phổ biến, nhất là khi các bạn muốn phát triển các dự án web có thiết kế nhiều thành phần ghép nối lại với nhau thì thư viện Assetic sẽ giúp các bạn quản lý rất tốt các tập tin CSS (Kể cả biên dịch less, sass và...

Có nhiều cách để các bạn tạo slide trên website, tùy thuộc vào sở thích của mỗi người mà lựa chọn thư viện cho phù hợp. Bài viết này tôi sẽ hướng dẫn các bạn cách tạo slide với thư viện bxSlider, đây là một thư viện miễn phí có hỗ trợ nhiều tính năng giúp các bạn tạo các hiệu ứng đẹp khi thiết...

Một số website khi các bạn nhấp chuột vào hình ảnh thì hình ảnh sẽ phóng to lên như đang trình chiếu cho các bạn xem. Đây là một chức năng khá hay mà nhiều website đang sử dụng và để tích hợp chức năng này vào website thì hoàn toàn không có khó khăn gì với những thư viện đang được cung cấp miễn...

Hiện nay có nhiều trình soạn thảo văn bản mã nguồn mở miễn phí nhưng có 2 trình soạn thảo văn bản được sử dụng nhiều nhất có lẽ là CKEditor và TinyMCE. Và hôm nay tôi sẽ hướng dẫn các bạn tích hợp trình soạn thảo văn bản TinyMCE vào website. Hiện tại, trình soạn thảo văn bản TinyMCE đã có phiên...

Mặc định, giao diện thanh cuộn của trình duyệt không đồng nhất trên tất cả các trình duyệt khác nhau cũng như trên các hệ điều hành khác nhau, mỗi trình duyệt trên các hệ điều hành khác nhau lại có một kiểu dáng khác nhau. Đôi lúc, chúng ta lại muốn website của mình có giao diện như nhau trên...