javascript

Với các dự án website, đôi lúc các bạn cũng cần chuyển đổi thời gian từ đơn vị này sang đơn vị khác và cũng có thể là chuyển từ mili giây sang các đơn vị thời gian khác như ngày, giờ, phút, giây. Việc chuyển đổi này cũng không mất quá nhiều thời gian của các bạn, các bạn lập trình viên hoàn toàn...

Trong tất cả các trình player để nhúng video được tuỳ biến từ HTML5 tương tự như Video.js hay afterglow thì cũng phải kể đến Plyr. Theo đánh giá của tôi thì thư viện Plyr là hoàn hảo nhất trong việc tuỳ chỉnh HTML5 để chạy video bởi khả năng tuỳ chỉnh giao diện, bổ sung nhiều tính năng hấp dẫn...

Tôi đã hướng dẫn các bạn cách nhúng video vào website bằng các mã lệnh HTML5 hay bằng các player như JW Player chẳng hạn, 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 có cách thức hoạt động tương tự như Video.js mà tôi đã giới thiệu ở bài viết "Nhúng video vào website với thư...

Tôi tiếp tục hướng dẫn các bạn sử dụng thư viện JavaScript để nhúng video vào website và ở bài viết này thì thư viện tôi giới thiệu đó là Video.js. Nếu so sánh về tốc độ thì Video.js không thể so sánh với JW Player, tuy nhiên Video.js lại cho các bạn toàn quyền sử dụng và không phụ thuộc nhà...

Hiện nay có nhiều trình player hỗ trợ chạy video trên website và một trong số đó phải kể đến đó là JW Player. JW Player là một trình player chạy video rất phổ biến bởi khả năng hỗ trợ mạnh mẽ của nó cũng như việc cài đặt, tích hợp vô cùng đơn giản, quan trọng nhất đó chính là khả năng hỗ trợ...

Việc sử dụng ảnh nền hay màu nền để trang trí giao diện website là rất phổ biến nhưng các bạn có bao giờ tạo hiệu ứng chuyển sắc cho màu nền chưa? Nếu sử dụng CSS để tạo hiệu ứng chuyển sắc cho màu nền thì thật sự rất khó khăn để viết các mã lệnh, vì vậy bài viết này tôi sẽ giới thiệu với các...

Autocomplete là một tính năng hay khi được tích hợp vào các form nhập liệu, tính năng này sẽ gợi ý cho người dùng cũng như giúp nhập liệu nhanh hơn. Để xây dựng tính năng autocomplete thì các bạn lập trình viên trước tiên phải xây dựng nguồn dữ liệu lớn để làm nguồn cho autocomplete. Vì vậy, nếu...

Hiện nay đã có nhiều thư viện giúp cho các bạn lập trình viên thiết kế, lập trình giao diện website một cách chuyên nghiệp hơn, một trong số đó phải kể đến đó là React, Angular,... Mặc dù React hay Angular đều rất mạnh trong việc lập trình front-end nhưng không phải tất cả các bạn đều có thể sử...

Khi lập trình JavaScript, việc sử dụng các biểu thức chính quy khá khó khăn đối với các bạn mới làm quen với JavaScript. Ví dụ như các bạn muốn thay thế chuỗi thì phải biết nội dung biểu thức chính quy cần sử dụng là gì. Tuy nhiên, giờ đây mọi khó khăn khi sử dụng biểu thức chính quy trong...

Sử dụng ảnh động GIF để tạo các hoạt cảnh đôi khi cũng cần thiết thay vì phải sử dụng video với dung lượng lớn. Những hướng dẫn chỉ với vài thao tác thì việc sử dụng ảnh GIF sẽ tốt hơn so với quay video. Tuy nhiên, việc sử dụng ảnh GIF có một bất cập đó chính là các bạn không thể điều khiển các...

Khi lập trình website thì việc phải sử dụng cơ sở dữ liệu như MySQL, SQL Server hay Oracle là điều gần như bắt buộc. Tuy nhiên cũng có nhiều website không nhất thiết phải dùng tới các hệ quản trị cơ sở dữ liệu nặng nề như vậy, thông thường thì các bạn sẽ nghĩ tới việc lưu trữ dữ liệu tạm thời...

Trước đây tôi đã giới thiệu với các bạn thư viện Popper.js tại bài viết "Tạo popper chuyên nghiệp với thư viện Popper.js" và như các bạn đã biết thì popper là một thành phần tương tự như tooltip nhưng nó hỗ trợ việc trình bày nội dung tốt hơn tooltip. Bài viết này tôi sẽ giới thiệu với các bạn...

Popper là một thành phần tương tự như tooltip nhưng linh hoạt hơn tooltip ở việc trình bày nội dung cũng như cách thức hiển thị trên website. Hiện nay có nhiều thư viện cung cấp thành phần popper này dưới nhiều tên gọi khác nhau, ví dụ như CSS framework UIkit thì đó là thành phần drop. Bài viết...

Việc chèn ảnh nền trên website đã trở nên phổ biến, gần như bất kỳ website nào cũng có một vài thành phần có ảnh nền. Các bạn cũng đã từng thấy ảnh nền được chèn chìm dưới nhiều thành phần khác trên website và chắc hẳn cũng đã suy nghĩ cách CSS để thực hiện. Nếu các bạn đã có phương án chèn ảnh...

Hiện nay có nhiều thư viện cung cấp giao diện cho React, một trong số đó phải kể đến là Material-UI mà tôi đã giới thiệu với các bạn ở bài viết "Thiết kế ứng dụng web chuyên nghiệp với React UI framework Material-UI", bài viết này tôi giới thiệu tiếp với các bạn một thư viện phổ biến rất được ưa...

Hiện nay, React đang là xu hướng trong lĩnh vực phát triển ứng dụng web với nhiều ứng dụng được xây dựng và phát triển. Như các bạn đã biết, React là một UI framework được xây dựng trên nền tảng JavaScript và được phát triển bởi Facebook nên về chất lượng các bạn hoàn toàn có thể tin tưởng. Bản...

Khi các bạn nhúng các tập tin thư viện CSS và JavaScript vào website, các bạn thường chọn các tập tin đã được nén giảm dung lượng tới mức thấp nhất. Thực chất của việc nén giảm dung lượng này đó chính là xoá bỏ các khoảng trắng, các ký tự xuống dòng, rút gọn tên các biến, các hàm... Nếu các bạn...

Hiện tại CSS đã có phiên bản 4 nhưng chưa chính thức, phiên bản CSS được sử dụng nhiều nhất hiện nay vẫn là CSS 2. Tuy nhiên, với sự phát triển của công nghệ web hiện nay, CSS 3 đang dần trở nên chiếm lĩnh thị phần và sắp tới sẽ là phiên bản CSS 4. Tuy nhiên, với số lượng các quy tắc mà CSS cung...

Để vẽ biểu đồ trên web, các bạn có rất nhiều thư viện từ JavaScript đến PHP hay các ngôn ngữ lập trình khác như C#, JSP. Tuy nhiên, việc sử dụng các thư viện JavaScript để vẽ biểu đồ là thuận tiện và linh động nhất. Bài viết này tôi giới thiệu với các bạn một thư viện JavaScript dùng để vẽ biểu...

Nếu các bạn muốn tạo hiệu ứng cho nội dung trang web khi cuộn trang tương tự như parallax thì các bạn có thể sử dụng thư viện basicScroll. Thư viện basicScroll được viết bằng JavaScript với chức năng trình diễn các hiệu ứng chuyển động hoạt hình khi người dùng cuộn trang. Mặc dù hiệu ứng nội...