Sơ lược và so sánh giữa Less và Sass
Trướ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...
Cách sử dụng CSS Shapes để tạo hình
Trướ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ờ...
Cách sử dụng CSS Shapes để tạo hình
Trướ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ờ...
Tìm hiểu về một số CSS selector mới trong CSS4
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...
Tìm hiểu table và các thuộc tính CSS trên IE
Như bạn đã biết việc dùng các thẻ table là cách tạo giao 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...
Những giải pháp hack CSS trên IE10
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...
Cách tính toán kích thước trong CSS bằng hàm calc()
Đâ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 để...
Cách sử dụng CSS transform cho IE 6,7,8
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ách tạo hình tam giác bằng 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...
Sử dụng PIE để thêm CSS3 cho trình duyệt Internet Explorer 6-7-8
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...
Sử dụng IE7/IE8/IE9.js để fix lỗi CSS trên trình duyệt IE6/7/8
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...
Tìm hiểu các quy tắc chỉ dẫn trong CSS
Bạn có thể ít dùng những quy tắc chỉ thị, chỉ dẫn này nhưng nếu bạn hiểu thì cũng có thể vận dụng vào code css của mình hoặc chí ít thì bạn cũng hiểu được code nói gì để bạn không khỏi thắc mắc khi đọc thấy ai dùng tới nó. Những quy tắc này thường được đặt...
Tìm hiểu và sử dụng AMD
The Asynchronous Module Definition (AMD) là cơ chế định nghĩa những modules và tải các phụ thuộc một cách không đồng bộ. Điều này thực sự tốt khi làm việc với những request từ phía trình duyệt, cải thiện khả năng thực thi, dễ ràng quản lý code, mở rộng và tìm lỗi nhanh...
Tạo chuỗi HTML dễ dàng với Template String của ES6 trong javaScript
Một cách tạo ra chuỗi kết hợp dữ liệu và mã đánh dấu HTML gọn gàng hơn, không cần phải tạo ra nhiều dòng chuỗi, không cần phải cộng chuỗi để nối chuỗi với rất nhiều dấu nháy như trước, không cần phải sử dụng mã ASCII để xuống...
Những đề xuất để tối ưu tải trang với YSlow
Minimize HTTP Requests
Giảm số số lượng request trên trang của bạn, người ta nói rằng 80% thời gian trả về từ phía người dùng cuối được thực hiện khi bắt đầu trả về trình duyệt, đó là thời gian để tải tất cả các thành phần trên web, vậy thì hãy gom...
Tìm hiểu về kế thừa từ prototype trong javaScript
Ở bài viết trước có đề cập đến cách thức của việc kế thừa từ prototype, bài này sẽ bàn thêm về các vấn đề trong cách kế thừa từ prototype, cũng như mở rộng thêm về vấn đề này.
Ngoài việc kế thừa một đối tượng bao gồm constructor và prototype...
Tìm hiểu kỹ thuật Closures trong javaScript
Có nhiều cách diễn giải khác nhau và chúng ta cũng đã từng dùng nhưng chưa khái niệm được nó hay sự khó hiểu bởi vấn đề nó tạo ra, ở đây dựa trên sự phân tích về hàm chưa thực thi hay hàm được tạo và bối cảnh tham chiếu, có thể hiểu đơn giản như sau...
Tìm hiểu về các phương thức sự kiện trong jQuery
DOM 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...
Tìm hiểu mẫu Singleton pattern trong JavaScript
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...
Tìm hiểu các mẫu Constructor, Object Literal, Module trong JavaScript
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...