Thiết kế mẫu Payment Card bằng CSS
Hằng ngày mình thanh toán rất nhiều hóa đơn trên mạng và thấy rất nhiều mẫu điền thông tin thẻ tín dụng ở nhiều trang web khác nhau, nhưng không ở đâu cho mình cảm giác dễ sử dụng và đẹp như kiểu thiết kế mà mình sẽ giới thiệu cho các bạn trong bài viết này. Tác giả của hiệu ứng này là Melnikov ...
Từng Bước Tạo News Sticker với CSS3 Thuần
Trước đây mình đã giới thiệu cho các bạn bài viết Cách hiển thị bản tin mới với jQuery News Ticker dùng cho những trang tin tức, hôm nay mình tiếp tục chia sẻ cho các bạn thêm cách hiển thị tin tức theo dạng này với chỉ bằng CSS3 thuần mà không dùng bất kì đoạn script nào. Xem Demo | ...
Responsive Vertical Image Slider với CSS3 và jQuery
Hôm nay mình sẽ giới thiệu cho các bạn một mẫu slider với sự kết hợp giữa CSS3 và jQuery, mẫu slider này còn có khả năng Responsive rất cao, giúp các bạn có thể hiển thị trên hầu hết các kích thước màn hình khác nhau. Xem Demo | Download HTML Đầu tiên, chúng ta cần có khung chuẩn ...
Tạo loader 7 sắc cầu vòng với CSS3
Chào các bạn ! Đã lâu lắm rồi mình mới có thể post thêm một bài viết mới cho các bạn. Hôm nay mình sẽ mang đến cho các bạn một hiệu ứng loading cực pro cho các trang web hay blog mà các bạn đang sở hữu , với chỉ vài dòng css đơn giản. Xem Demo | Download HTML Đầu tiên thì vẫn là ...
Download Progress Bar với CSS3 và jQuery
Với sự kết hợp giữa CSS3 và jQuery, các bạn có thể tạo ra các hiệu ứng không tưởng, trong bài viết này, mình sẽ minh họa cho các bạn một ví dụ để chứng mình điều mình nói. Đây là kiểu thiết kế nút bấm download, khi người dùng bấm vào nút này, thì nó sẽ hiện ra hiệu ứng progress. Nào chúng ta cùng ...
Thiết kế mẫu đồng hồ đếm ngược cực ấn tượng với CSS3
Không có cách học nào tốt hơn là tự bắt tay vào làm và từ đó chúng ta sẽ học và nhớ rất kỹ những gì mà chúng ta đã làm. Để thêm sự sáng tạo cho các bạn khi thiết kế web cũng như trang trí cho blog của mình. Hôm nay , mình sẽ chia sẻ cho các bạn một mẫu thiết kế đồng hồ đếm ngược , rất thích hợp cho ...
Lạ mắt với mẫu thiết kế 404 bằng CSS3
Tình cờ thấy được một trang 404 được thiết kế khá hay mà lại đơn giản, nên sẵn tiện mình làm thử và chia sẻ cho các bạn. Với mẫu thiết kế này, các bạn sẽ làm cho trang web hay blog của mình trở nên sinh động hơn rất nhiều. Xem Demo | Download HTML <div class='container'> ...
Tạo modal window với HTML5 và CSS3
Modal Window được sử dụng rất nhiều trong trang web vì sự hữu ích mà nó mang lại. Nó có thể giúp chúng ta hiển thị trang login/register form, hoặc mẫu quảng cáo nhỏ, đơn giản hơn là dòng thông báo dành cho người dùng trên website hay blog của mình. Hôm nay, mình sẽ chia sẻ cho các bạn thêm một đoạn ...
Tạo menu bao phủ màn hình với CSS3 và jQuery
Hiện nay, có khá nhiều trang web có những thiết kế táo bạo và không theo kiểu truyền thống, một trong những điều thay đổi nhiều nhất là cách bố trí menu trên trang web. Để các bạn có thể theo kịp những kiểu thiết kế này, mình xin chia sẻ cho các bạn một mẫu menu với hiệu ứng cực pro, giúp các bạn ...
Thiết kế mẫu Credit Card Form với CSS3
Trong bài viết này, mình sẽ chia sẻ cho các bạn một mẫu thiết kế form dùng để nhập dữ liệu credit card, vốn là một trong những form không thể thiếu trong các trang web bán hàng hay giao dịch điện tử. Mẫu form này rất đơn giản như hình bên dưới. Xem Demo | Download HTML Đầu tiên, ...
Tạo chức năng Slide Porfolio chỉ với CSS3
Thêm một hiệu ứng slide hình ảnh mà mình muốn chia sẻ cho các bạn trong bài viết này, với chỉ vài dòng CSS3, mà các bạn có thể tha hồ thêm ý tưởng vào trong các bản thiết kế web của mình. Xem Demo | Download HTML Đầu tiên, các bạn làm slide theo khung chuẩn html như sau : ...
Thiết kế Menu Bottom với CSS3 và borderMenu.js
Hôm nay mình sẽ chia sẻ cho các bạn một mẫu menu được đặt ở vị trí bottom, tức là ở dưới cùng của trang web. Mẫu menu này với hiệu ứng overley cực cool, đảm bảo sẽ làm hài lòng những bạn khó tính nhất. Xem Demo | Download HTML Đầu tiên là chúng ta xây dựng khung chuẩn html cho menu ...
Thiết kế mẫu Pricing Table đơn giản với CSS
Khi thiết kế các trang dịch vụ, bảng giá hay pricing table luôn luôn được các khách hàng quan tâm chú ý, vì nó là phần quan trọng nhất mà họ muốn giới thiệu cho khách hàng của họ. Mình đã giới thiệu cho các bạn những bài viết như Ấn tượng với Pricing Table làm từ CSS3 ,hay 20 mẫu Pricing Tables ...
Thiết kế mẫu Sign Up – Login Form bằng HTML5, CSS3 và jQuery
Hôm nay mình sẽ chia sẻ cho các bạn thêm một mẫu form đăng nhập đơn giản , với mẫu thiết kế này, các bạn sẽ có thêm một sự lựa chọn cho trang web hay blog của các bạn. Xem Demo | Download HTML Đầu tiên các bạn cần xây dựng khung chuẩn html cho form như sau : <div ...
Đơn giản mẫu Social-Tooltip bằng CSS3
Hôm nay mình sẽ chia sẻ cho các bạn một mẫu chia sẻ mạng xã hội (social) được làm hoàn toàn từ CSS. Mẫu này rất đơn giản và dễ thực hiện, rất phù hợp cho các bạn sinh viên mới bước chân vào lĩnh vực thiết kế web và muốn nâng cao về CSS3. Xem Demo | Download HTML Các bạn tạo danh ...
Mẫu giỏ hàng ấn tượng với kiểu Drop Down lạ mắt
Mẫu giỏ hàng (shopping cart) mà mình chia sẻ cho các bạn trong bài viết này sẽ giúp các bạn tiết kiệm không gian thiết kế cho web, đồng thời cũng tạo sự tiện dụng cho khách hàng dễ dàng quan sát sản phẩm mà họ đã mua trên web và từ đó nâng cao khả năng bán hàng trên website của các bạn. Xem ...
Tạo Pop Up Login Form với HTML5, CSS3 và jQuery
Tranh thủ một chút ít thời gian buổi sáng ,mình sẽ chia sẻ cho các bạn một cách tạo hiệu ứng pop up cho form login. Với cách làm này, các bạn sẽ có thể áp dụng vào cho chính trang web hay blog của các bạn. Login form sẽ được xây dựng bằng HTML5 với chức năng tự động kiểm chứng dữ liệu (validate), ...
Thiết kế button đơn giản chỉ với CSS
Hôm nay mình sẽ giới thiệu cho các bạn thêm một mẫu button đẹp để các bạn có thể chèn vào trong trang web hay blog của các bạn. Ngoài ra, các bạn còn có thể tự sáng tạo thêm dựa vào đoạn code css định dạng mà mình chia sẻ trong bài viết này. Xem Demo | Download HTML Đầu tiên các bạn ...
Fading Slideshow với jQuery và CSS3
Nếu các bạn đang gặp rắc rối với những kiểu slideshow đã trở nên lỗi thời và nhàm chán của trang web hay blog của các bạn, thì hãy thử hiệu ứng fading slideshow mà mình giới thiệu trong bài viết này xem sao. Đây là một hiệu ứng trình diễn ảnh đơn giản và nhỏ gọn, rất thích hợp tích hợp vào những ...
Tạo menu đa cấp theo chiều ngang bằng CSS3 và jQuery
Việc sở hữu nhiễu mẫu menu khác nhau sẽ giúp ích cho các bạn trong việc thiết kế web/blog, nó giúp các bạn tăng thêm sự sáng tạo cũng như tạo sự khác biệt so với các trang web truyền thống khác. Mẫu menu mà mình chia sẻ trong bài viết này ,được lấy từ một trang web thiết kế nổi tiếng (blue print), ...
