Bài viết của Trịnh Tiến Mạnh

Tạo Mega Menu đơn giản với CSS thuần

Tranh thủ chút ít thời gian, mình sẽ post cho các bạn một mẫu menu đa cấp với chỉ bằng CSS3 mà không phải dùng bất kì đoạn script nào. Với kiểu menu này, các bạn tha hồ dùng cho những dự án thiết kế web của mình. Xem Demo | Download HTML Như thường lệ, chúng ta sẽ xây dựng khung ...

Tác giả: Trịnh Tiến Mạnh viết 20:08 ngày 04/10/2018 chỉnh sửa

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ác giả: Trịnh Tiến Mạnh viết 20:08 ngày 04/10/2018 chỉnh sửa

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ác giả: Trịnh Tiến Mạnh viết 20:08 ngày 04/10/2018 chỉnh sửa

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ác giả: Trịnh Tiến Mạnh viết 20:08 ngày 04/10/2018 chỉnh sửa

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ác giả: Trịnh Tiến Mạnh viết 20:08 ngày 04/10/2018 chỉnh sửa

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 ...

Tác giả: Trịnh Tiến Mạnh viết 20:07 ngày 04/10/2018 chỉnh sửa

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), ...

Tác giả: Trịnh Tiến Mạnh viết 20:07 ngày 04/10/2018 chỉnh sửa

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 ...

Tác giả: Trịnh Tiến Mạnh viết 20:07 ngày 04/10/2018 chỉnh sửa

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 ...

Tác giả: Trịnh Tiến Mạnh viết 20:07 ngày 04/10/2018 chỉnh sửa

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ác giả: Trịnh Tiến Mạnh viết 20:07 ngày 04/10/2018 chỉnh sửa