CSS

Responsive team profile với Bootstrap 3

Hôm nay mình sẽ chia sẻ cho các bạn một mẫu tạo trang proflie ấn tượng với khả năng hiển thị tốt trên nhiều kích thước màn hình khác nhau (responsive). Với mẫu này, các bạn còn có thể tận dụng để hiển thị bài viết , sản phẩm trong các trang bán hàng, rất hữu ích lưu trữ để dùng về sau. Xem ...

Hoàng Hải Đăng viết 2 tuần trước

Full Screen Navigation với CSS3 và jQuery

Tranh thủ một chút ít thời gian trống trải, mình xin chia sẻ cho các bạn một mẫu menu mang phong cách hiện đại và phù hợp với xu hướng thiết kế web hiện nay. Đây là một mẫu menu bao phủ màn hình mà mình đã từng giới thiệu cho các bạn trước đây, nhưng lần này với kiểu thiết kế hoàn toàn mới và đảm ...

Hoàng Hải Đăng viết 2 tuần trước

Ẩn hiện menu với CSS3 và jQuery

Một menu với khả năng linh động sẽ giúp ích rất nhiều cho những trang web không có quá nhiều diện tích trong việc hiển thị nội dung. Với sự kết hợp giữa CSS3 và jQuery, chúng ta sẽ hoàn toàn có thể tạo được những menu với khả năng ẩn hiện hết sức linh hoạt. Mẫu menu mà mình giới thiệu cho các bạn ...

Tạ Quốc Bảo viết 2 tuần trước

Học CSS từ mẫu Vertical timeline đơn giản

Không cần phải đọc quá nhiều sách, cũng không cần phải bỏ tiền để theo học bất kì một khóa học nào bên ngoài hay trên internet, các bạn có thể hoàn toàn làm chủ được khả năng sử dụng CSS bằng những bài thực hành đơn giản mà mình giới thiệu cho các bạn trong bài viết này. Đây là một ví dụ mà các ...

Tạ Quốc Bảo viết 2 tuần trước

Tạo bảng hiệu “Last Vegas” bằng CSS3

Có bạn nào đã từng đến “Last Vegas” chưa ? nếu đã từng, thì các bạn sẽ thấy nơi đây đúng là thiên đường trên hạ giới. Hôm nay chúng ta sẽ không phải là học cách tạo biển hiệu, mà chúng ta sẽ học cách mà các thuộc tính trong CSS giúp chúng ta sắp xếp cũng như nó có những khả năng nào. ...

Hoàng Hải Đăng viết 2 tuần trước

Thiết kế bảng giá đơn giản bằng CSS3

Không có cách học nào nhanh và dễ hiểu hơn bằng việc bắt tay vào làm thực hành từng đoạn html hay css, trong bài viết này, mình sẽ cùng các bạn từng bước tạo một mẫu bảng giá (pricing table). Mình đảm bảo là sau bài viết này , các bạn sẽ học hỏi rất nhiều về cách sử dụng những thuộc tính có trong ...

Trần Trung Dũng viết 2 tuần trước

Hiệu ứng đẹp cho “Bài viết cùng chủ đề” với CSS3 và jQuery

Bạn sẽ làm gì để tăng thêm lượt truy cập cũng như gia hạn thời gian mà người dùng tìm kiếm những thông tin hay đọc những bài viết hay trên blog của các bạn. Hãy bỏ những mẫu thiết kế nhàm chán quen thuộc và bắt đầu thử nghiệm một kiểu trang trí mới ,vừa thu hút người dùng, vừa có thể tạo cảm giác ...

Hoàng Hải Đăng viết 2 tuần trước

Hiển thị ghi chú (note) trên trang web bằng CSS3 và HTML5

Thi thoảng mình có vô một số blog nước ngoài hoặc trong nước, có thấy một số trang trích xuất những câu nói hay từ các danh nhân nổi tiếng, rồi gói gọn nó vào một tờ giấy và dán nó trên trang web. Mình thật sự ấn tượng với cách làm này, và chính vì thế mà mình sẽ chia sẻ cho các bạn một đoạn css3 ...

Vũ Văn Thanh viết 2 tuần trước

Sign In/Up Form Transitions cực cool với CSS3

Xin chào các bạn, rất vui khi mà mình lại có thể post một bài viết mới. Hôm nay, mình sẽ chia sẻ cho các bạn một đoạn css3 có thể giúp các bạn tạo hiệu ứng transition cho form đăng nhập/xuất mà các bạn thường dùng trên trang web, blog. Xem Demo | Download HTML Như thường lệ, ...

Hoàng Hải Đăng viết 2 tuần trước

Ngất ngây mẫu menu trượt icon theo phong cách Apple

Mẫu menu mà mình giới thiệu cho các bạn trong bài viết này được thiết kế theo phong cách mà chúng ta thường thấy trên các ứng dụng của Apple, tuy nhiên nó được cách tân với hiệu ứng trượt icon tương ứng khi người dùng trỏ chuột vào. Xem Demo | Download HTML Menu được thiết kế theo ...

Tạ Quốc Bảo viết 2 tuần trước

Confirm Pop Up đơn giản với CSS3 và jQuery

Bạn sẽ thiết kế mẫu hộp thoại xác nhận thông tin của người dùng như thế nào cho đơn giản và hữu hiệu nhất ? Nếu các bạn còn đang băn khoăn thì mình sẽ chia sẻ cho các bạn một mẫu pop up rất dễ thực hiện. Với pop up này, các bạn có thể dùng để giúp người dùng xác nhận xóa thông tin một mục nào đó, ...

Vũ Văn Thanh viết 2 tuần trước

Tạo Folder tabs với CSS3 và jQuery

Hôm nay mình sẽ cùng với các bạn tạo các thẻ tab để phân chia nội dung, đây là một trong những phần mà các trang web hay dùng tới. Để tạo thẻ tab thì cũng không có gì là quá phức tạp , chỉ cần sử dụng vài dòng jQuery cơ bản và định dạng cho đẹp với CSS3 là xong. Xem Demo | Download ...

Tạ Quốc Bảo viết 2 tuần trước

Tạo slideshow cho trang thiết kế nội thất bằng jQuery và CSS3

Slideshow mà mình giới thiệu cho các bạn trong bài viết này không chỉ dành riêng cho những trang thiết kế nội thất mà còn dùng chung cho những trang muốn trình diễn sản phẩm trên trang chủ. Xem Demo | Download HTML Để thực hiện được slideshow này, trước tiên các bạn chèn các file ...

Vũ Văn Thanh viết 2 tuần trước

Tạo đường viền Zig Zag với CSS

Nếu các bạn cảm thấy nhàm chán với các kiểu đường viền (border) thẳng, thì hãy thử xem mẫu đường viền zig zag mà mình chia sẻ trong bài viết này xem thế nào. Đảm bảo là các bạn sẽ có ngay những ý tưởng thiết kế web cho những dự án sắp tới của mình. HTML Để tạo đường viền các bạn chỉ cần ...

Tạ Quốc Bảo viết 2 tuần trước

Form tìm kiếm nâng cao cực pro từ codyhouse

Trước đây mình có làm một project sử dụng một form tìm kiếm rất hay mà mình học được từ trang web codyhouse. Với form tìm kiếm này, các bạn có thể vừa hiển thị nội dung , vừa chèn được các link đến những trang cần thiết, đặc biệt là cho phép tìm kiếm từ khóa dựa theo danh mục. Để hiểu rõ hơn về ...

Hoàng Hải Đăng viết 2 tuần trước

Thiết kế mẫu Dark Login Form cho Website

Tranh thủ thêm chút ít thời gian, mình sẽ chia sẻ cho các bạn một mẫu form login được lấy ý tưởng từ trang CSSFlow. Mẫu form này rất thích hợp cho những trang web có màu tối, tuy nhiên các bạn cũng có thể sáng tạo thêm về màu sắc khác nhau để phù hợp cho website hay blog của các bạn. Xem ...

Tạ Quốc Bảo viết 2 tuần trước

Tùy chỉnh thứ tự mẫu danh sách ấn tượng hơn với CSS3

Việc sắp xếp nội dung theo thứ tự thì hầu như trang web nào cũng sử dụng, tuy nhiên những mẫu định dạng mặc định của nó khá thô sơ và không mấy ấn tượng. Trong bài viết này, chúng ta sẽ thử sử dụng một vài thuộc tính có trong CSS3 để ” hack ” cho nó đẹp hơn xem sao. Xem Demo | ...

Tạ Quốc Bảo viết 2 tuần trước

Thiết kế Form theo phong cách thời học sinh với CSS

Có thể vào thời điểm này, chắc đã không còn ai viết thư tay mà gửi thông điệp cho nhau bằng Facebook hoặc email. Vì thế mà những mẫu form với kiểu viết tay và đính kèm như một bao thư thì ắt hẳn sẽ thu hút không ít người dùng. Hôm nay mình sẽ chia sẻ cho các bạn một mẫu thiết kế form theo phong ...

Hoàng Hải Đăng viết 2 tuần trước

Tạo mẫu logo stackoverflow với CSS3

Tranh thủ một chút ít thời gian, mình sẽ chia sẻ cho các bạn thêm một đoạn css3 giúp các bạn tạo một mẫu logo rất nổi tiếng mà bất kì ai học lập trình cũng đều biết, đó là logo của trang stackoverflow. Qua mẫu logo này, mình tin chắc các bạn sẽ học cách sử dụng css3 để thiết kế những hình vẽ theo ý ...

Trần Trung Dũng viết 2 tuần trước

Toggle Tabs với CSS3 và jQuery

Tabs được sử dụng rộng rãi trong các mẫu thiết kế web bởi tính tiện dụng trong việc sắp xếp nội dung mà nó mang lại. Hòng mang đến cho các bạn có thêm sự lựa chọn, mình xin chia sẻ một mẫu tab rất đơn giản và hoàn toàn có thể sử dụng ở bất kì trang blog/web nào mà các bạn đang sở hữu. Xem ...

Bùi Văn Nam viết 2 tuần trước
< 1 2 3 4 5 .. > >>