Xoay, co giãn, bóp méo đối tượng với CSS3

Rotate

Đối với các Designer khi tiến hành xoay hoặc co giãn ảnh thường họ dùng các công cụ đồ họa như Photoshop, Firework,... để thực hiện, nhưng đối với CSS3 thì chúng ta thực hiện xoay đối tượng một cách hết sức đơn giản chỉ với một vài dòng CSS. Để minh chứng cho điều đó trong bài viết này tôi xin trình bày với các bạn cách xoay và co giãn một đối tượng ảnh bằng cách dùng các lệnh của CSS3.

Đọc thêm...

Cố định Header và Footer trên các trình duyệt

Fixed header and Footer

Hôm nay lang thang trên mạng và tình cờ tìm hiểu được một kỹ thuật rất hay và có tính ứng dụng cao trong việc làm layout cho Website. Nội dung chính của kỹ thuật đó là chúng ta sẽ giữ cho phần Header và phần Footer cố định, còn phần nội dung ở giữa sẽ xuất hiện thanh Scroll trong trường hợp nó dài quá độ dài màn hình.

Đọc thêm...

Kỹ thuật làm bóng đổ cho chữ bằng CSS

CSS Text Shadow

Thông thường khi chúng ta làm bóng đổ (Shadow) cho chữ chúng ta thường dùng các phần mềm đồ họa như Photoshop, Illustrator, Firework,..vv. Đối với những phần mềm đó thì việc tạo ra bóng đổ cho chữ hết sức đơn giản và có nhiều hiệu ứng bắt mắt, nhưng trong bài viết này tôi xin giới thiệu với các bạn một thủ thuật trong CSSCascading Style Sheets giúp bạn có thể tạo ra hiệu ứng bóng đổ giống như trong các phần mềm đồ họa. Tuy nhiên cách làm này không có nhiều hiệu ứng và kiểu dáng giống như các phẩn phềm đồ họa, nhưng nó vẫn là một cách khá tốt mà chúng ta có thể vận dụng nó để style cho WebsiteWebsite và các khái niệm liên quan của mình, sau đây là toàn bộ các bước để thực hiện.

Đọc thêm...

10 Thủ thuật CSS mà bạn cần biết - Phần I

Trong quá trình thực hành và làm việc với CSSCascading Style Sheets chúng ta sẽ gặp những vấn đề xảy ra rất thường xuyên, để giải quyết chúng một cách nhanh chóng thì chúng ta cần phải biến những cách xử lý của các vấn đề đó trở thành những phản xạ của riêng mình. Do đó trong bài viết này tôi xin tổng hợp ra mười thủ thuật về CSSCascading Style Sheets mà bạn cần phải biết và biến chúng thành những kỹ năng của mình. Tôi hy vọng rằng sau khi đọc xong bài viết này các bạn sẽ tự tin hơn trong việc giải quyết các vấn đề tương tự.

Đọc thêm...

Kỹ thuật tải ảnh trước bằng CSS

Trong file CSS của bạn có sử dụng đến một số ảnh background, nhưng những ảnh đó sẽ không được trình duyệt tải về trong bộ đệm (cache) trên máy ngay từ đầu, mà khi nào sử dụng đến thì nó mới được tải về. Chính vì vậy đôi khi nó sẽ sinh ra độ trễ khi chúng ta lần đầu tiên khi vào trang Web.

Đọc thêm...

JPAGE_CURRENT_OF_TOTAL