Dự án music.kenphan.info mình đã ấp ủ rất lâu rồi nhưng vẫn chưa bao giờ thực sự thực hiện. Dạo gần đây nghỉ việc ở công ty nên cũng có chút ít thời gian code cái project này. Hiện tại vẫn chưa hoàn thành ... và còn một vài chức năng cần thay thế nhưng vẫn có thể nghe nhạc và "add to playlist" được tất. Ở bài viết này mình sẽ hướng dẫn một vài chức năng cơ bản của website cho các bạn dễ nghe hơn. Nếu bạn thấy bug xuất hiện thì feedback cho mình liền nhé. :)

Dưới đây là tổng hợp các ứng dụng website dùng HTML5, CSS3 và JavaScript, nó đã và đang thay đổi cách lập trình của Web developer, sẽ không cần Flash để viết Game nữa, thay vào đó là JavaScript và HTML5. Hãy cùng xem nó sẽ làm được những gì ?

Blob

CSS3 đã mang lại một số tính năng mới tuyệt vời, độc đáo đi cùng cùng với nó là các hiệu ứng chóa lóa, xử lý hình ảnh mượt mà, điều mà trước đây chúng ta chỉ nghỉ đến nó khi sử dụng Flash, Java. Đây bài viết tổng hợp 50 bài hướng dẫn, ví dụ về CSS3 thực hiện các hiệu ứng chuyển động kết hợp với JavaScript. Để xem được các hiệu ứng này, yêu cầu bạn phải có trình duyệt WebKit như Safari và Chrome, Firefox (gởi lời xin lỗi đến Fans của Internet Explorer và Opera)

Drop-In Modals

Đã có rất nhiều người hỏi mình cách dùng jQuery để drag một đối tượng. Nếu sử dụng jQueryUI thì mọi việc không có gì là khó và nó lại support cho bạn rất nhiều tùy chọn drag. Nhưng ... có khi nào bạn nghỉ tự mình cũng có thể viết ra một ứng dụng tương đối như thế ??? hãy đọc bài viết này nếu bạn có ý định đó nhé.

Phân tích

Để drag một đối tượng, hành động của chúng ta sẽ như sau: Chọn đối tượng, bấm chuột phải, giử nguyên và kéo, thả chuột phải ra đối tượng drop (thả). Như vậy, chúng ta sẽ có các sự kiện chính: mouseup, mousedown và mousemove.

Dưới đây là tuyển tập 8 sliders cực kỳ đẹp dành cho các bạn

The PieceMaker (Flash)

Một sản phẩm dành cho tất cả mọi người, nó là một bài hướng dẫn (tutorial) Flash 3D.

Chúng ta sẽ tìm hiểu cách tạo plugin jQuery tùy chỉnh việc hiển thị tooltip khi có sự kiện mousemove lên các phần tử mà chúng ta mong muốn.

Bài viết này sẽ hướng dẫn tạo hiệu ứng fade color cho các liên kết sử dụng thẻ Unordered List. Nếu bạn chưa tưởng tượng được hiệu ứng của chúng ta sẽ ra sao thì có thể xem DEMO ở phía dưới.