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

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

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

CSS tạo hình tam giác

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

tao_hinh_tam_giac_voi_CSS

Để có được hình tam giác thì thật đơn giản với các công cụ đồ họa, đơn giản đến mức không cần vẽ mà chỉ cần chèn một hình shape trong hộp công cụ vậy là đã có được hình ảnh trong vài giây, nhưng nếu linh động và không muốn sử dụng hình ảnh bạn vẫn có thể tạo ra nó chỉ với vài thuộc tính CSS đơn giản, điều này sẽ có ích cho việc tạo ra những nút trên web hay ứng dụng...

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