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), ...
Không Tưởng Với Mẫu 3D CSS Ribbon
Tình cờ phát hiện một mẫu thiết kế đẹp trên internet, và mình nghĩ nó sẽ rất hữu ích cho các bạn trong quá trình xây dựng trang web hay blog của các bạn. Thường thì trước đây mình phải sử dụng Photoshop để tạo ra các file ảnh cần thiết, nhưng điều tuyệt vời trong bài viết này là các bạn không cần ...
4 mẫu thiết kế phân trang bằng CSS3
Với những trang web hay blog có nhiều bài viết thì việc phân trang sẽ giúp người dùng dễ dàng chuyển hướng để xem những bài viết cũ hoặc mới hơn. Hôm nay, mình sẽ chia sẻ cho các bạn 4 mẫu phân trang đơn giản bằng CSS3. Với những mẫu thiết kế này, các bạn có thể áp dụng vào trong web hay blog của ...
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 ...
