google+javascriptbanktwitter@js_bankfacebook@jsbankrss@jsbank






Dự án trưng bày và trình diễn ảnh đa trình duyệt Hiện tại, có rất nhiều hiệu ứng JavaScript để tạo một album ảnh, một không gian trưng bày ảnh hay một trình diễn ảnh trên trang web; và tôi cũng đã thử hầu hết các mã nguồn JavaScript trong các bài viết mà JavaScriptBank.com đã từng giới thiệu:
- 65 giải pháp trình diễn ảnh tuyệt vời mà miễn phí
- Thêm 30 ứng dụng JavaScript xuất sắc để trình diễn ảnh
- 16 hiệu ứng trưng bày ảnh miễn phí

Nhưng không có bất kì thư viện JavaScript nào có thể thỏa mãn nhu cầu của tôi: tạo một trình diễn ảnh đơn giản nhất nhưng có thể hoạt động tốt trên tất cả kích cỡ màn hình (trình duyệt) của PC, laptop, máy tính bảng và điện thoại thông minh. Đây là lí do tôi quyết định xây dựng riêng cho mình một thư viện JavaScript để hiển thị và trình diễn ảnh.

Và hôm nay, tôi quyết định chia sẻ dự án JavaScript này với các bạn, cơ bản thư viện này cực kì dễ nếu muốn sử dụng. Bạn chỉ cần tải về gói dữ liệu, sau đó nhập vào thông tin các hình ảnh rồi chạy hiệu ứng.


Danh mục: Dự án

10 thủ thuật CSS3 cực kì hữu ích & sáng tạo CSS3, cùng với HTML5 mặc dù là những công nghệ đã được ứng dụng nhiều năm, nhưng có lẽ vẫn còn khá mới với những ai mới chập chững bước vào lĩnh vực phát triển web.

CSS3 thực sự rất mạnh bởi nó làm được những thứ mà trước đây dường như là không tưởng với ngôn ngữ JavaScript cũ (nếu so sánh ở mặt hiệu năng), hiển nhiên CSS3 cũng cần được trình duyệt xử lí và tính toán các lệnh này, nhưng không là vấn đề gì với những trình duyệt hiện đại ngày nay cùng với cấu hình phần cứng của máy tính.

Hôm nay, trong bài viết này, JavaScriptBank.com muốn giới thiệu đến bạn 10 thủ thuật CSS3 cực kì hữu ích & sáng tạo giúp bạn xử lý các đối tượng mục tiêu trong một đại dương các đối tượng DOM của một trang web. Chỉ với một vài dòng CSS3 đơn giản, chúng ta có thể làm được những công việc phức tạp mà JavaScript có thể tốn đến vài chục, vài trăm, thậm chí vài nghìn dòng mã lệnh, nếu không dùng các thư viện JavaScript có sẵn như jQuery, MooTools, Prototype,...


Các trải nghiệm web tuyệt đẹp với WebGL và JavaScript Trong bài viết hôm nay, JavaScriptBank.com sẽ giới thiệu đến bạn thêm 8 trải nghiệm JavaScript tuyệt vời khác trên nền WebGL (Web-based Graphic Library), bên cạnh rất nhiều trải nghiệm WebGL, ứng dụng JavaScript độc mà chúng tôi đã từng giới thiệu:
- Triễn lãm các website cuộn đầy sáng tạo và nghệ thuật
- Tám ứng dụng JavaScript tuyệt đẹp để trải nghiệm HTML5
- Chiêm ngưỡng các ứng dụng CSS3 tuyệt đẹp
- Các website HTML5 sử dụng các hiệu ứng JavaScript tuyệt đẹp
- 10 trải nghiệm tuyệt đẹp trên Google Chrome


Danh mục: Bài viết

JavaScript hiệu ứng nền 3D với thuộc tính Canvas Đây là một đoạn mã JavaScript khác để tạo hiệu ứng hoạt hóa 3D trên trang web với thuộc tính canvas của HTML5. Hiệu ứng JavaScript này sẽ tô các đoạn thẳng trên khung nền do chúng ta qui định.


Danh mục: 3D

Cơ bản về Dojo trong xây dựng cấu trúc chương trình JavaScript Dojo là một trong những thư viện JavaScript tương tự như jQuery, MooTools,... nhưng ít phổ biến hơn, mặc dù vẫn có cùng các chức năng cơ bản. Đây cũng là một thư viện JavaScript rất dễ cài đặt và giúp các nhà phát triển web lập trình JavaScript tốt và nhanh hơn.

Bài viết này sẽ hướng dẫn nhanh sử dụng Dojo cho những bạn chưa có khái niệm về thư viện JavaScript này.


2 thủ thuật hiệu quả với mệnh đề điều kiện If trong JavaScript Tìm hiểu thêm về việc sử dụng điều kiện If trong JavaScript thông qua bài hướng dẫn đơn giản này, qua đó bạn có thể nắm vững cách sử dụng mệnh đề If trong JavaScript sao cho chương trình JavaScript được tối ưu nhất.


Các chuyên đề JavaScript độc đáo để tạo hoạt hóa Đây là bài viết tổng hợp các hướng dẫn thực hành jQuery để tạo ra các hiệu ứng hoạt hóa cực kì độc đáo và tuyệt vời trên trang web.

Danh sách này bao gồm khá đa dạng các loại hiệu ứng JavaScript, từ trình đơn xổ dọc/đa cấp, bộ đếm thời gian, phóng to ảnh cho đến tạo thanh cuộn tùy chỉnh, dòng ảnh gợn sóng...


JavaScript giả lập tập quán của động vật sống theo bầy đàn Một hiệu ứng JavaScript khá cơ bản và thực tiễn, dùng để mô phỏng một vài hành động của các loài động vật sống theo bầy đàn như chim, cá, ... Đoạn mã JavaScript này rất tốt để bạn có thể nắm vững hơn các kĩ thuật JavaScript cao cấp.


Danh mục: Ứng dụng

Tìm hiểu thêm về lớp kế thừa trong JavaScript Bài viết này sẽ hướng dẫn bạn nắm vững hơn về lớp kế thừa trong JavaScript thông qua vài ví dụ JavaScript mẫu đơn giản nhưng rất dễ hiểu.


16 thư viện JavaScript tốt nhất để tạo đồ họa với HTML5 Canvas HTML5 cung cấp các hàm Canvas API để các nhà phát triển web có thể dễ dàng sáng tạo ra các hình ảnh dạng hình học, đồ thịhoạt hóa,... mà không cần dùng đến Flash. Bên cạnh việc giảm dung lượng trang web cần tải, Canvas còn giúp cho mọi người có thể xem trực tiếp nội dung trên trình duyệt mà không cần cài thêm plugin hỗ trợ.

Hiện tại có hàng trăm thư viện JavaScript hỗ trợ các lập trình viên phát triển ứng dụng web nhanh hơn với nội dung sử dụng Canvas, nhưng hôm nay trong bài viết này, JavaScriptBank.com muốn giới thiệu đến bạn 16 thư viện được người dùng đánh giá là tốt nhất.


Danh mục: Bài viết, Showcases

JavaScript theo ngày


Google Safe Browsing McAfee SiteAdvisor Norton SafeWeb Dr.Web