Resources

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...

Một số lớp xuất dữ liệu dạng excel trong PHP

  • PHP and Mysql
  • 26 tháng 12 2012
  • bởi Văn Khương
  • 0 Comments

Khi xây dựng ứng dụng web bạn sẽ có nhu cầu xuất dữ liệu sang một số định dạng để báo cáo hay làm tài liệu lưu trữ khi cần, hoặc với mục đích nhập dữ liệu sang các hệ thống khác. Bạn có thể xây dựng cho mình một lớp xuất dữ liệu để dùng khi cần nhưng trước hết bạn nên tham khảo một số lớp được viết sẵn mà tôi sẽ giới thiệu sau đây.

class xlsStream

Đây là lớp được viết khá hay bằng cách đăng ký một giao thức có thể đọc và ghi dữ liệu với định...

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...

CSS transform cho IE 6,7,8

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

Các trình duyệt IE cũ không hỗ trợ nhiều thuộc tính hữu ích trong CSS3, bạn vẫn có thể có nhiều cách để mang những tính năng hiện đại của CSS đến trình duyệt InternetEplorer bằng việc tham khảo các phương pháp từ thư viện phát triển của Microsoft. Ta sẽ cùng tìm hiểu về một tính năng khá hay trong bộ CSS3 transform đó là rotate xoai đối tượng, để có thể thực hiện điều này trên các phiên bản của trình duyệt IE 8 về trước bạn...

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"...

CSS3 cho trình duyệt Internet Explorer 6-7-8 với PIE

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

 

CSS3 cho trình duyệt Internet Explorer 6-7-8 với PIE

Bài viết trước có giới thiệu tính năng bo góc và đổ bóng cho trình duyệt Internet Explorer với htc file của tác giả Remiz Rahnas và Nick Fetchak, nó rất nhẹ và tương đối đơn giản tuy nhiên nó không thực sự hổ trợ đầy đủ các tính năng border-radius, box-shadow, text-shadow chẳng hạn như bạn không thể bo góc theo các góc tùy chọn...

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à...