CSS3 basic

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

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

Hack CSS trên trình duyệt IE10

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

Internet Explorer10 chưa phải là hoàn hảo nhưng thật đáng buồn là Microsoft đã bỏ đi một tính năng vô cùng hữu ích để giúp fix lỗi CSS trên IE đó là bình luận điều kiện lọc trình duyệt IE, có quá nhiều cách để hack CSS trên các trình duyệt IE cũ nhưng 'bình luận điều kiện' là cách thức giễ dùng nhất để mã css của bạn được...

Hàm calc() tính toán kích thước trong CSS

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

Đây là một hàm đặc biệt hỗ trợ trong CSS3 được sử dụng để tính toán kích thước chiều dài, chiều rộng, góc, thời gian... Trong thiết kế giao diện responsive đơn vị theo phần trăm là cách thức bạn sẽ sử dụng tuy nhiên bạn sẽ phải tính toán để trừ đi các kích thước margin, padding, border. Giả sử giao diện của bạn có 2 cột, mỗi cột bạn sẽ đặt chiều rộng là 50%, vấn đề bây giờ là bạn muốn chiều rộng 50% đó bao gồm cả giá trị margin và padding thì sao, giả sử 2 cột đó bạn...

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

Bo góc, đổ bóng cho Internet Explorer 6,7,8 (với htc file)

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

 

Bo góc, đổ bóng cho Internet Explorer 6,7,8 (với htc file)

Việc tạo bo góc, và đổ bóng trên những trình duyệt hiện đại là rất đơn giản với CSS3, nhưng với trình duyệt IE cũ thì không thể làm theo cách thông thường mà cần có một đoạn chương trình thực hiện điều đó. Bài viết này giới thiệu cách sử dụng file htc để thực hiện tạo bo góc và đổ bóng trên trình duyệt IE 6,7,8 với cách áp dụng của CSS3.

Sử...

Màu nền RGBa cho trình duyệt IE

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

 

mau nen rgba tren ie

CSS3 hiện đại đã cải tiến từ hệ màu RGB với việc thêm độ trong suốt chúng ta có hệ màu RGBa. Chúng ta đã quen dùng hệ màu theo dạng thập lục phân truyền thống bởi chúng giễ ràng hơn việc viết theo 3 màu cơ bản RGB(red,green,blue), nhưng với việc có thêm tham số alpha tạo độ trong suốt cho màu thì thiết kế của bạn sẽ vô cùng quyến rũ thậm chí còn hiệu quả hơn cả việc dùng ảnh nền png từ...

CSS3 transform - transition

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

 

css3 transform transition

Bài này xin giới thiệu về 2 bộ thuộc tính rất tuyệt vời của CSS3 là transform và transition đồng thời là một ví dụ gallery nhỏ với sự kết hợp của 2 bộ thuộc tính này.

Transform

Đây là thuộc tính với một số giá trị cung cấp một số chức năng thao tác với đối tượng như:

scale: co giãn đối tượng rotate: xoai đối tượng skew: bóp méo đối tượng translate:...