Khi CSS3 phát triển thì chúng ta có thể nhiều hiệu ứng lạ trên website. Hiệu ứng chữ (Text Effect) là một kỹ thuật mà bạn không thể bỏ qua khi bạn học về CSS3. Kỹ thuật này có thể thay thế cách tạo hiệu ứng trong Photoshop. Cùng Y2Graphic thực hành 15 hiệu ứng chữ CSS3.

Chi tiết

Khi CSS3 chưa ra đời thì việc tạo hiệu ứng cho trang web chủ yếu là dùng Flash hoặc jQuery. Việc dùng hai công nghệ đó khiến tốc độ website ảnh hưởng một phần. Và hôm nay, mình sẽ giúp các bạn tạo hiệu ứng chuyển động, chủ yếu nhờ đến hai thuộc tính Transition và Animation có trong CSS3.

Chi tiết

Ngày xửa ngày xưa, khi chúng ta tạo Tab thường bắt buộc dùng đến jQuery. Hôm nay, Tab được tạo dễ dàng bằng HTML5 và CSS3. Và mình sẽ hướng dẫn mọi người cách để tạo ra Tab như thế.

Chi tiết

Icon (biểu tượng) là một phần không thể thiếu của một website hiện đại. Dù chỉ là tiểu tiết, nhưng nó đóng vai trò quan trọng trong thiết kế web. Tuy nhiên, bài viết dưới đây mình trình bày không nhấn mạnh về thiết kế mà chú trọng đến yếu tố kỹ thuật.

Chi tiết

Việc đưa icon mạng xã hội vào website đã trở nên quen thuộc đối với webmaster. Tuy nhiên đa phần icon đó thường không có hiệu ứng bắt mắt, hơi nhàm chán. Hôm nay, Y2Graphic sẽ hướng dẫn việc tạo hiệu ứng cho những icon mạng xã hội này.

Chi tiết

Mình có chia sẻ một vài bài hướng dẫn về menu CSS3. Tuy nhiên vẫn còn nhiều bài hướng dẫn khác thú vị và lôi cuốn của nhiều coder trên thế giới. Các bạn cùng Y2Graphic xem 20 bài hướng dẫn tạo menu CSS3 tuyệt đẹp dưới đây.

Chi tiết

Bài viết này lấy nguồn từ 9lessions được dịch và trình bày cho dễ hiểu hơn một chút. Giúp cho các bạn có thể học làm quen với cách thiết kế template HTML5 cơ bản nhất. DOCTYPE Thành phần này có thể là quan trọng nhất, nó giúp cho trình duyệt của bạn hiểu được bạn đang dùng version nào của phiên bản HTML view sourceprint?

Chi tiết

Dropdown menu là dạng menu rất phổ biến trên nhiều trang web đặc biệt là những trang web có cấu trúc phức tạp và cần nhiều mục để hiển thị hết nội dung của trang. Hôm nay, mình sẽ giới thiệu với các bạn bài hướng dẫn nhanh cách tạo Dropdown Menu với CSS3 kèm theo việc chèn icon vào website không cần hình ảnh, không cần đến jQuery.

Chi tiết

Khung tìm kiếm là một trong những thứ quan trọng cho website, blog. Để tăng thêm phần thu hút cho tính năng tìm kiếm này mình muốn giới thiệu với các bạn cách tạo khung tìm kiếm co giãn hay Expandable Search Form bằng cách sử dụng CSS3, không cần đến JavaScript và jQuery.

Chi tiết

Trong bài hướng dẫn này, Y2Graphic sẽ hướng dẫn các bạn tạo ra một dạng menu ribbon sử dụng CSS3 của tác giả jacklmoore. Nếu trước đây khi tạo dạng menu như vậy sẽ cần sử dụng hình ảnh. Với CSS3, mọi thứ trở nên đơn giản.

Chi tiết

Ngày nay, hầu hết các video được thể hiện thông qua flash. Tuy nhiên, HTML5 ra đời tạo một cuộc cách mạng trong thế giới công nghệ. Hôm nay, Y2Graphic sẽ hướng dẫn cách đưa một đoạn video vào website hay blog.

Chi tiết

Hôm nay, mình sẽ giới thiệu với các bạn bài hướng dẫn nhanh tạo form tìm kiếm dạng Expandable Search. Đây là dạng tìm kiếm có hiệu ứng đẹp, tiết kiệm không gian trên web, chủ yếu sử dụng thuộc tính Transition CSS3 mà không cần đến javascript hay jQuery phức tạp.

Chi tiết

Hôm nay, mình sẽ giới thiệu với các bạn bài hướng dẫn nhanh tạo form tìm kiếm dạng Expandable Search. Đây là dạng tìm kiếm có hiệu ứng đẹp, tiết kiệm không gian trên web, chủ yếu sử dụng thuộc tính Transition CSS3 mà không cần đến javascript hay jQuery phức tạp.

Chi tiết

Chào mọi người, ngoài category thì tags cũng là một trong những link mô tả từ khóa liên quan tuyệt vời, hôm nay chúng ta sẽ dùng CSS định dạng cho các thẻ tags này, rất chuyên nghiệp mà không cần một hình ảnh photoshop nào.

Chi tiết

Sử dụng CSS3 chúng ta có thể tạo ra những thiết kế phong phú, dễ tương tác, và đẹp. CSS3 dành cho những ai đang sử dụng những trình duy

Chi tiết

CSS3 cung cấp rất nhiều cách thức mới để tạo ra những hiệu ứng khác nhau cho thiết kế của bạn, với một vài thay đổi quan trọng

Chi tiết

Trong một số trường hợp bạn cần thiết load lại trang web mình theo chu kỳ cố định hay random … thì bạn sẽ làm thế nào? hôm nay mình muốn chia sẻ cho các bạn cách làm này qua bài viết Code auto refresh – tự động load lại trang web rất đơn giản

Chi tiết

Menu CSS là xu hướng gần như là phải dùng cho dân design bởi có nhiều lợi ích cho việc load web, cũng như sự thích ứng với các trình duyệt. Lúc chiều lang thang gặp được bài tạo menu ribbon với CSS3 cũng khá hay và thú vị nên tham khảo viết lại cho [...]

Chi tiết

HMTL 5 được ví như là một sự tiến hóa mới trong môi trường điện tử và cụ thể vẫn là web. Nó được dựa trên nền tảng của cơ sở HTML. Tuy nhiên, có nhiều cải tiến mới về cấu trúc và hình thức. HTML 5 hiện nay được đánh giá là tốt không chỉ cho môi trường website mà còn chiếm lĩnh thị trường di động.

Chi tiết

Tạo các hình ảnh động có nhiều màu sắc và kích thước lớn hơn so với các hình dạng GIF thông thường thông qua việc sử dụng JPEG với CSS3 và jQuery.

Chi tiết

Mỗi nhà thiết kế và phát triển web cần phải biết rằng tất cả các đặc tính tuyệt vời mới của CSS 3 làm cho việc thiết kế web được đơn giản hơn bao giờ hết.Ví dụ, rất nhiều nhà phát triển web vẫn còn phụ thuộc rất nhiều vào hình ảnh để thực hiện web. Bởi vì việc thực hiện nhánh chóng, đơn giản và theo thói quen của chính họ. Phương thức này làm cho website có rất rất nhiều hình ảnh trong đó, làm nặng hơn w

Chi tiết

Bộ button này có chứa một tập hợp các button web thanh lịch đơn giản, được thiết kế trong Adobe Photoshop và code trong HTML và CSS. Có 16 nút cài đặt sẵn và rất dễ dàng sửa đổi và tinh chỉnh để phù hợp với chủ đề của trang web của bạn. Mỗi nút bao gồm các trạng thái Normal, Hover và Active.

Chi tiết

Float & ClearFloat (theo như nghĩa tiếng Việt là thả trôi) là một thuộc tính CSS dùng để cố định một thành phần web về bên trái hay bên phải không gian bao quanh nó. Đây là một thuộc tính rất cần thiết khi dàn trang (như tạo các trang web 2 column layout hay 3 column layout).

Chi tiết

Phần này giới thiệu các tính năng mới có thể tìm thấy trong các đặc tả CSS cấp 3 — bao gồm các bộ chọn CSS mới (ví dụ như các lớp có cấu trúc, dựa vào trạng thái cũng như các kiểu bộ chọn mới khác).

Chi tiết

Vài năm trước, những nhà phát triển sử dụng khung (frames) và bảng ( tables ) để thiết kế web. Nhưng ngày nay, ngày càng nhiều người lựa chọn CSS để thiết kế web.

Chi tiết

Vài năm trước, những nhà phát triển sử dụng khung (frames) và bảng ( tables ) để thiết kế web. Nhưng ngày nay, ngày càng nhiều người lựa chọn CSS để thiết kế web.

Chi tiết

Chào mọi người, responsive là một công nghệ layout mới và rất hay, được đánh giá là một sự bức phá sáng tạo và đáng để các web design quan tâm. Ở bài trước mình đã chia sẻ bài web responsive cơ bản và để tiếp tục hôm nay mình sẽ đến với cách tạo [...]

Chi tiết

Bài ngày hôm nay mình xin chia sẻ một tuts viết về cách customize tag cloud cực đẹp bằng css

Chi tiết

Ngày nay, hầu hết các video được thể hiện thông qua flash. Tuy nhiên, HTML5 ra đời tạo một cuộc cách mạng trong thế giới công nghệ. Hôm nay, Y2Graphic sẽ hướng dẫn cách đưa một đoạn video vào website hay blog.

Chi tiết

Chào các bạn, mình thấy các blogger Việt chúng ta hay tặng quà cho nhau gọi là tri ân bạn đọc. Hôm nay mình cũng muốn làm điều đó và Premium Gebo HTML5 Admin Template chính là món quà của mình trong bài này.

Chi tiết

Lên trên đầu