Nhỏ gọn với mẫu giỏ hàng có hiệu ứng tooltip bằng CSS3
Có lẽ bây giờ mọi người quen với việc bán hàng trên Facebook mà dần quên đi những trang web bán hàng truyền thống. Tuy nhiên, cái gì nó đã tồn tại và phát triển thì ắt phải có lý do của nó, và những trang bán hàng sẽ không bao giờ lỗi thời, chỉ là chúng cần phải được nâng cấp để theo kịp với xu ...
Tạo Pop Up với hiệu ứng blur background bằng CSS3 và jQuery
Thỉnh thoảng các bạn sẽ cần thông báo cho người dùng những thông điệp mà các bạn muốn gửi đến, và pop up sẽ là giải pháp hữu hiệu nhất giúp các bạn làm điều này. Nếu các bạn vẫn chưa có mẫu pop up nào, thì mình xin chia sẻ cho các bạn cách tạo một pop up đơn giản nhất. Pop up này được làm bằng ...
Thiết kế sliding tags cho web với CSS3
Hôm nay mình sẽ chia sẻ cho các bạn thêm một mẫu tabs với hiệu ứng slide, mẫu tabs này được thiết kế đơn giản và hoàn toàn phù hợp với phong cách thiết kế hiện nay. Thông qua mẫu tab này, các bạn có thể thêm sức sáng tạo cũng như học thêm được nhiều thuộc tính có trong CSS3. Xem Demo | ...
Trình diễn sản phẩm ấn tượng với CSS3 và Impress.js
Bạn đang cần một hiệu ứng giới thiệu sản phẩm ấn tượng với khách hàng ? Hay đơn giản là bạn cần chỉnh sửa lại giao diện web nhằm thu hút người dùng và tăng doanh số bán hàng của mình. Nếu các bạn vẫn chưa tìm ra giải pháp cho riêng mình, thì thử dùng hiệu ứng trình diễn sản phẩm mà mình giới thiệu ...
Học jQuery CSS3 qua hiệu ứng Lighbox Gallery
Theo mình thì cách học CSS3 và jQuery tốt nhất là cứ thực hành và tự tay làm thật nhiều , từ những hiệu ứng đơn giản nhất. Nhằm minh chứng cho câu nói của mình, các bạn thử tự tay làm theo các bước trong hiệu ứng Lightbox Gallery mà mình giới thiệu cho các bạn sau đây. Trong bài viết này, các bạn ...
Hiệu ứng chuyển trang (Page Transitions) cực sexy với CSS3
Vài năm gần đây, chúng ta thấy có rất nhiều mẫu thiết kế web với phong cách single page, tức là các trang sẽ được hiển thị trên cùng một trang, không hề chuyển sang trang mới cùng với hiệu ứng chuyển trang rất ấn tượng. Và hầu như là tất cả những trang này đều dùng JavaScript để tạo hiệu ứng. Hôm ...
Mega Site Navigation với CSS3 và jQuery
Nếu các bạn đang nhận một dự án web với số lượng menu khủng thì các bạn sẽ giải quyết như thế nào ? Mọi chuyện sẽ trở nên đơn giản và dễ dàng hơn nếu các bạn sử dụng đoạn code mà mình chia sẻ cho các bạn ngày hôm nay. Xem Demo | Download HTML Chúng ta tạo khung chuẩn html với 4 phần ...
Tạo Registration Form đơn giản với jQuery và CSS3
Nếu các bạn cần làm trang đăng ký thành viên cho website hay blog của mình, thì hôm nay mình xin chia sẻ cho các bạn một mẫu form đơn giản nhưng có đầy đủ chức năng cần thiết cho việc tạo thành viên. Mẫu form này sử dụng plugin progression.js , các bạn có thể donwload plugin này ở phần demo hoặc ...
Hiệu ứng menu xoay vòng kiểu 3D với CSS3 và jQuery
Để tạo ấn tượng cho khách hàng cũng như gây thu hút người dùng, thì ngoài việc viết tốt nội dung trên trang web hoặc blog, thì các bạn cũng nên có những hiệu ứng ” độc và lạ “. Hôm nay, trong bài viết này, mính sẽ chia sẻ cho các bạn một mẫu menu với hiệu ứng 3D cực đẹp và chuyên ...
Hiệu ứng Accordian Slider hình ảnh với CSS3
Nếu các bạn muốn trở thành font-end developer, thì các bạn cần phải nắm rõ css3 cũng như sử dụng tốt những hiệu ứng mà nó mang lại. Hôm nay mình tiếp tục mang đến cho các bạn một hiệu ứng slide hình ảnh mà có lẽ các bạn đã quá quen thuộc khi tạo nó bằng javascript. Nhưng trong bài viết này, chúng ...
Off Canvas Menu với hiệu ứng Flip Out bằng CSS3
Hôm nay mình tiếp tục giới thiệu cho các bạn thêm một mẫu menu web thường hay được sử dụng trong các thiết kế giao diện dành riêng cho mobile hay các giao diện web có khả năng responsive. Với hiệu ứng Flip Out có trong menu này, các bạn sẽ có thêm một kinh nghiệm trong việc xây dựng các hiệu ứng ...
Tạo hiệu ứng Fixed Background bằng CSS3
Hôm nay mình sẽ giới thiệu cho các bạn một mẫu background dùng khi thiết kế web bằng cách tận dụng thuộc tính background-attachment để tạo hiệu ứng fixed background. Còn hiệu ứng fixed background là gì ? Thì các bạn xem demo ở phía dưới là sẽ hiểu. Xem Demo | Download HTML Cấu ...
Tạo slider ảnh sản phẩm với jQuery và CSS3
Khi tìm mua sản phẩm trên mạng, hầu như bất kì ai cũng đều muốn xem nhiều hình ảnh liên quan về sản phẩm mà họ muốn mua. Đó cũng là cách mà nhiều trang bán hàng hiện nay đang áp dụng cho trang web của họ nhằm tăng thêm doanh số bán hàng. Nếu bạn đang nhận một dự án thiết kế cho một trang web bán ...
Mẫu bao thư liên hệ với HTML5 và CSS3
Để thu hút khách viếng thăm blog hay web, các bạn cần có một mẫu form liện hệ cực cool để giữ liên lạc với người dùng. Trong bài viết này, mình sẽ chia sẻ cho các bạn một mẫu form liên hệ được thiết kế như một bao thư, có thể các bạn sẽ không dùng mẫu này cho trang web của mình, tuy nhiên các bạn ...
Tạo button với hiệu ứng hover đơn giản bằng CSS3
Tranh thủ một chút ít thời gian, mình sẽ chia sẻ cho các bạn một mẫu button rất đáng để các bạn sử dụng trên các trang blog hay web của mình. Nếu không thích thì các bạn cũng có thể học thêm được nhiều về CSS3 với những thuộc tính mà nó tạo hiệu ứng cho button này. Xem Demo | Download ...
Mẫu contact form tiện lợi với jQuery và CSS3
Hôm nay mình sẽ chia sẻ cho các bạn một mẫu form rất phù hợp cho trang liên hệ (contact), mẫu form này có đầy đủ các thành phần như thẻ input , select box, radio button và một text area đơn giản cho người dùng nhập liệu. Với mẫu form này, các bạn hoàn toàn có thể thu thập ý kiến cũng như thông tin ...
Tạo trang giới thiệu ấn tượng với CSS3 và jQuery
Nếu các bạn đang cần tìm một mẫu thiết kế web dùng để giới thiệu công ty hoặc sản phẩm nổi bật nào đó thì thử dùng mẫu 3D Curtain Template mà mình chia sẻ trong bài viết này xem sao. Mẫu này được xây dựng từ những hiệu ứng động của CSS3 và được điều khiển bởi jQuery. Xem Demo | Download ...
Hiệu ứng hover động cho thanh tìm kiếm với CSS
Hầu như mọi website hay blog cá nhân đều có một thanh tìm kiếm (search) giúp người dùng tìm kiếm những nội dung mà họ muốn xem nhanh nhất. Việc thiết kế những thanh tìm kiếm này không khó, nhưng nếu muốn tạo ấn tượng cho người dùng thì các bạn cần phải có một chút thủ thuật. Hôm nay, mình sẽ chia ...
Amimated Skill Bar với jQuery và CSS3
Hôm nay mình sẽ chia sẻ cho các bạn một cách tạo hiệu ứng động Skill Bar/ Progress Bar đơn giản với chỉ 2 dòng code jQuery và CSS3. Skill Bar thường được dùng để đo lường mức độ của một đánh giá nào đó. Thường thì các chủ trang web dùng chúng để thu thập mức độ yêu thích của khách viếng thăm trang ...
Top 12 kiểu đóng khung chữ với CSS3
Hôm nay mình sẽ chia sẻ cho các bạn 12 mẫu thiết kế kiểu đóng khung đơn giản được thiết kế hoàn toàn bằng CSS3. Với những kiểu thiết kế này, các bạn sẽ dễ dàng cài đặt và sử dụng cho những mục đích khác nhau trong những dự án thiết kế web của mình. Xem Demo | Download HTML Khung ...
