Hiểu rõ về các phương thức sự kiện được viết trong jQuery

  • JavaScript
  • 14 tháng 10 2014
  • bởi Văn Khương
  • 0 Comments

Hiểu rõ về các phương thức sự kiện được viết trong jQueryDOM cho chúng ta một số event để tương tác với người dùng trên DOM, nay chúng ta có nhiều lựa chọn hơn khi dùng jQuery, khá nhiều phương thức được viết trong jQuery để thực hiện cho một vài sự kiện người dùng trên DOM hoặc một số sự kiện tự định nghĩa, qua nhiều phiên bản tiến lên có một số phương thức trong jQuery đã được thay thế nhưng vẫn giữ lại hoặc đã bỏ đi, một vài liệt kê sau sẽ sơ lược lại những gì jQuery đã viết để có cách nhìn rõ ràng và tổng quát...

Tạo animation với HTML5 canvas

  • HTML5
  • 02 tháng 10 2014
  • bởi Văn Khương
  • 0 Comments

Tạo animation với html5 canvasrequestAnimationFrame là hàm sẽ được sử dung thay cho những hàm trước đây ta thường dùng là setTimeout hay setInterval, trước tiên ta sẽ sơ lược qua về các cách thức tạo animation trong javaScript. setInterval sẽ thực hiện lặp đi lặp lại mãi mãi với mỗi thời gian nhất định cho tới khi ta gọi clearInterval để dừng nó. SetTimeout sẽ tạo delay trước khi thực hiện một chức năng nào đó kết hợp dùng đệ quy chúng ta cũng có lại cái lặp đi lặp lại mãi mãi với mỗi thời gian nhất định.

Sự mượt mà...

Một vài so sánh về Less và Sass

  • CSS tutorial
  • 19 tháng 08 2014
  • bởi Văn Khương
  • 0 Comments

so sanh giua less va sassTrước khi sử dụng LESS hay Sass chúng ta hãy cân nhắc đảm bảo chắc chắn rằng nó có thực sự cần thiết và đảm bảo rằng chúng ta có thể kiểm soát mã CSS được tạo ra tốt, đây là hai ngôn ngữ dùng để mở rộng những giới hạn của CSS giúp ta tổ chức mã CSS của mình. Vậy nên dùng LESS hay Sass? hãy sơ lược qua những tính năng của cả hai để đem tới sự lựa chọn phù hợp nhất.

Cách sử dụng

Với LESS họ có 3 cách để sử dụng, cách đơn giản nhất là...

Tạo hình với CSS Shapes

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

Tao hinh voi css shapesTrước kia với một vài kỹ thuật sử dụng CSS với đường viền chúng ta có thể tạo ra một số hình khối căn bản với CSS, đó là thủ thuật kết hợp các thuộc tính, có thể kể đến bộ sưu tập một số hình khối ở trang css-tricks, đó là những shape không chính thống và giờ đây shape mới thực sự là shape. Hiện tại W3C đã và đang xây dựng bộ thuộc tính mới cho CSS với khả năng tạo ra đa hình khối như SVG hay Canvas chỉ với những...

Những mẫu thiết kế mã javaScript: Singleton pattern

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

Mẫu Singleton được biết đến nhiều trong các ngôn ngữ lập trình hướng đối tượng, nếu bạn đã có kinh nghiệm ở một ngôn ngữ lập trình hướng đối tượng phổ biến nào đó chắc sẽ không còn xa lạ, chúng ta sẽ thấy một số framework họ luôn muốn dùng một phương thức để dùng khởi tạo đối tượng như getInstance(). Cũng như các ngôn ngữ khác mục đích chính của mẫu này là nhắm tránh việc chạy đi chạy lại một thứ gì đó khi khởi tạo đối tượng nhiều lần. Bằng việc sử dụng...

Những mẫu thiết kế mã javaScript: Constructor, Object Literal, Module

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

Có nhiều cách thức viết mã javaScript khác nhau kể cả có sử dụng thư viện hoặc không sử dụng thư viện hổ trợ. Trong javaScript chúng ta cũng có nhiều cách để khai báo và sử dụng đối tượng. Chúng ta cũng biết các thư viện hay các ứng dụng javaScript cũng được viết theo một mẫu nào đó. Việc viết mã theo những mẫu hướng đối tượng là điều quan trọng, cũng như những ưu điểm của lập trình hướng đối tượng bởi sự chặt chẽ logic, sử dụng giễ dàng, giễ kiểm soát khi ứng dụng lớn, có...

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

Giải pháp responsive hình ảnh trong responsive web

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

Giải pháp reponsive hình ảnhCách thông thường chúng ta vẫn sử dụng hình ảnh lớn phù hợp với màn hình lớn và sẽ được co lại khi xem trên màn hình nhỏ, đây là giải pháp đơn giản nhưng có 2 vấn đề lớn, thứ nhất là chúng ta xem hình kích thước nhỏ nhưng kích thước thật lại là một hình lớn vậy là lãng phí băng thông và làm tăng thời gian tải trang, thứ hai là vì nó không là kích thước thật của hình ảnh nên đương nhiên trông sẽ mờ hơn và...

Bản thảo những bộ chọn mới ở CSS4

  • CSS tutorial
  • 30 tháng 10 2013
  • bởi Văn Khương
  • 0 Comments

W3C vẫn đang tiếp tục xây dựng để cập nhật lên phiên bản tiếp theo của CSS3 là CSS4, những gì chúng ta mong đợi ở những tính năng tiếp theo sẽ có, CSS sẽ càng ngày càng giúp cho mã đánh dấu của bạn gọn hơn, có thể tác động được mãnh mẽ hơn và giảm bớt sự phụ thuộc vào các thư viện javaScript với những tính năng đơn giản.

Mặc dù hiện tại chúng ta vẫn nỗ lực đưa CSS3 vào các website của mình nhưng chúng ta...

Table và các thuộc tính css trên trình duyệt IE

  • CSS tutorial
  • 24 tháng 10 2013
  • bởi Văn Khương
  • 0 Comments

table va cac thuoc tinh tren IENhư bạn đã biết việc dùng các thẻ table là cách tạo dao diện chính ở nhiều năm trước còn hiện tại thì hầu hết mọi người đã dùng div hay các thẻ khác để tạo ra giao diện hiều quả và tận dụng hết công dụng của CSS, nhưng không phải vì thế mà chúng ta quên đi các thẻ table nó vẫn cực kỳ hữu dụng để chúng ta thể hiện dữ liệu dạng bảng bởi đúng như bản chất của nó và cho dù mã...