Javascript application

Giải pháp responsive hình ảnh với javaScript

  • JavaScript
  • 19 tháng 11 2013
  • bởi Văn Khương
  • 0 Comments

Ở bài viết trước chúng ta đã tìm hiểu về các giải pháp cho responsive hình ảnh với HTML5 nhưng đó là tương lai gần, trước khi chờ W3C chính thức công bố và các trình duyệt bắt đầu cập nhật chúng ta cần đến những giải pháp bằng javaScript.

Picturefill

Một plugin nhỏ gọn chỉ 2KB của tác giả Scott Jehl, việc sử dụng gần giống như sử dụng phần tử picture và source. Picturefil được viết không yêu cầu bạn phải có thư viện jQuery bạn chỉ cần...

Kế thừa từ prototype trong javaScript

  • JavaScript
  • 29 tháng 11 2012
  • bởi Văn Khương
  • 0 Comments

Bài viết trước đã trình bày về những kỹ thuật căn bản để xây dựng ứng dụng javaScript theo hướng đối tượng, cách tạo và sử dụng thuộc tính, phương thức của đối tượng. Để có thể xây dựng code javaScript có thể dùng lại bài này sẽ giới thiệu về kế thừa trong javaScript thông qua đối tượng prototype.

Khi bạn tạo phương thức hay thuộc tính public cho đối tượng thông qua đối tượng prototype, bạn có thể kế thừa...

Hướng đối tượng trong javaScript

  • JavaScript
  • 23 tháng 11 2012
  • bởi Văn Khương
  • 0 Comments

Không giống như hầu hết các ngôn ngữ hướng đối tượng khác, trên thực tế javaScript không thực sự có khái niệm lớp, trong hầu hết các ngôn ngữ lập trình bạn phải xây dựng lớp sau đó mới khai báo đối tượng để sử dụng. Trong javaScript đối tượng được tạo trực tiếp và có thể tạo bằng nhiều cách , đối tượng cũng có thể kế thừa từ đối tượng khác. Để tạo đối tượng bạn có hai cách cơ bản để tạo đối tượng như sau:

// Tạo đối tượng thông qua cú...

Xây dựng plugin slide-door với jQuery

  • JavaScript
  • 21 tháng 11 2012
  • bởi Văn Khương
  • 0 Comments

Lấy ý tưởng từ cửa kéo truyền thống Nhật Bản, và từ mẫu thiết kế của ông Yoshiki Kuraki cho hệ thống cửa hàng The Sushibar, tôi đã xây dựng một plugin đơn giản với jQuery với tên gọi vkSlidedoor, bài viết này sẽ giúp bạn hiểu hơn về cách thức để phát triển một plugin javaScript đơn giản với jQuery. Đầu tiên bạn cần chuẩn bị sẵn thư viện jQuery và một thư viện hiệu ứng mở rộng animation jQuery easing và đảm bảo...

Hammer thư viện JavaScript chạm cho màn hình cảm ứng

  • JavaScript
  • 11 tháng 07 2012
  • bởi Văn Khương
  • 0 Comments

hammer_thu_vien_javascript_cham_cho_man_hinh_cam_ung

Công nghệ luôn luôn thay đổi và tiến bộ, màn hình cảm ứng ngày càng chiếm tỉ lệ lớn cho các thiết bị di động và sẽ ngày càng phổ thông. Bài viết này sẽ giới thiệu một thư viện JavaScript tuyệt vời giúp bạn xây dựng giao diện web cho màn hình cảm ứng với các sự kiện chạm bao gồm : tap, double tap, hold, drag, swipe, transform.

Thư viện hammer.js chỉ 22KB bạn có thể sử dụng...

Tooltip đơn giản với jQuery plugin Gips

  • JavaScript
  • 11 tháng 07 2012
  • bởi Văn Khương
  • 0 Comments

tooltip_plugin_gips

Nếu bạn đã am hiểu và có thể viết ứng dụng với jQuery thì việc viết ứng dụng tooltip không phải là khó nhưng trên internet các plugin tooltip viết với jQuery là khá nhiều bạn hoàn toàn có thể sử dụng miễn phí các plugin đó. Bài viết này sẽ giới thiệu một plugin viết rất nhỏ gọn đó là plugin Gips.

Ưu điểm Kích thước file nhỏ gọn Giễ sử dụng và tùy chỉnh chức năng Giễ...

Hiệu ứng magic line cho navigation với jQuery

  • JavaScript
  • 09 tháng 07 2012
  • bởi Văn Khương
  • 0 Comments

magic_line_cho_navigation_voi_jQuery

Bài viết sẽ giới thiệu về một hiệu ứng đơn giản khi hover chuột lên navigation  với jQuery, đoạn mã chương trình được giới thiệu sau ý tưởng thực hiện thuộc về tác giả Chris Coyier trên CSS-tricks.com.

Ý tưởng

Tạo ra phần tử di chuyển chèn vào phía dưới thanh navigation, xác định CSS cho phần tử với thuộc tính position absolute so với relative của navigation, khi xảy ra hành động hover chúng ta sẽ sử dụng phương thức animation trong jQuery...

Hiệu ứng phóng to hình ảnh với jQuery plugin cloud-zoom

  • JavaScript
  • 29 tháng 06 2012
  • bởi Văn Khương
  • 0 Comments

hieu_ung_phong_to_hinh_anh_voi_jQuery_plugin_cloud_zoom

Bài viết này sẽ giới thiệu một hiệu ứng khá hay với jQuery, khi bạn hover chuột lên hình ảnh thì sẽ có một hình ảnh phóng to tại phạm vi bao quanh chuột, chức năng giống như một chiếc kính lúp sẽ giới thiệu sau đây thuộc về tác giả R Cecco ở địa chỉ professorcloud.com.

Để sử dụng chúng ta cần có cấu trúc HTML như sau

<link href="cloud-zoom.css"...

Fix lỗi CSS trên trình duyệt IE6/7/8 với IE7/IE8/IE9.js

  • CSS tutorial
  • 22 tháng 06 2012
  • bởi Văn Khương
  • 0 Comments

 

Fix_CSS_tren_trinh_duyet_IE6_IE7_IE8

CSS2 không được hỗ trợ đầy đủ trên các phiên bản cũ của trình duyệt Internet Explorer. Có rất nhiều CSS selector không thể làm việc được trên các trình duyệt IE phiên bản 8 trở về trước khiến mã HTML của bạn phải phụ thuộc hoàn toàn vào một "mớ" class và id, điều này dẫn đến mã HTML và CSS của bạn trở nên khá rắc rối mà...

Slider đơn giản với jQuery

  • JavaScript
  • 21 tháng 06 2012
  • bởi Văn Khương
  • 0 Comments

 

slider don gian voi jquery

Bài viết trước có hướng dẫn xây dựng một slider đơn giản với JavaScript - DOM, bài viết này tôi sẽ hướng dẫn xây dựng một slider đơn giản với jQuery. Slider có thể chạy tốt trên hầu hết các trình duyệt hiện đại và đồng thời cũng chạy tốt trên trình duyệt Internet Explorer phiên bản 6,7,8... Slider cũng chiếm rất ít tài nguyên xử lý của...