Tạo Flat Icons từ Font Awesome và CSS3
Hiện nay Flat Design đang là xu hướng mà các nhà thiết kế chọn lựa dựa theo tính đơn giản và hiệu nghiệm mà nó mang lại. Nếu các bạn cũng đang theo xu hướng này thì mình chia sẻ cho các bạn một loạt các icon thích hợp cho các bạn tích hợp vào trong các thiết kế của mình. Các icon này hoàn toàn ...
Windows Metro Style Boxes với CSS3
Tất cả chúng ta đều biết Windows Metro UI rất được các web developers sử dụng bởi giao diện đẹp và rất thân thiện với người dùng, với những màu sắc và hiệu ứng động bắt mắt. Hôm nay mình sẽ chia sẻ cho các bạn một đoạn CSS3 giúp các bạn có thể thiết kế cho chính trang web hay blog của mình theo ...
Cực cool digital clock với jQuery và CSS3
Chào các bạn, dạo này mình bận quá nên cũng không có thời gian post nhiều bài cho các bạn, với lại cũng do mình làm biếng (^^). Trước đây mình đã giới thiệu cho các bạn bài viết Tạo ứng dụng đồng hồ điện tử với jQuery và CSS3. Hôm nay mình xin chia sẻ cho các bạn một kiểu đồng hồ điện tử mới. Với ...
Tạo Tooltip Menu với CSS và jQuery
Hôm nay mình tiếp tục mang đến cho các bạn một hiệu ứng cực kỳ hữu ích và rất hay sử dụng trên các trang web , đó là hiệu ứng tool tip cho các submenu. Với hiệu ứng này, rất phù hợp cho các bạn áp dụng vào các menu có độ phân cấp cao trên trang web hay blog của các bạn. Xem Demo | Download ...
Tạo hiệu ứng động giống Ubuntu Phone unlock với CSS
Tiếp tục giới thiệu tới các bạn các hiệu ứng động được làm từ CSS3. Hôm nay, trong bài viết này, chúng ta sẽ tạo hiệu ứng động giống chữ “unlock” trong Ubuntu Phone. Và với những dòng lệnh CSS3 sau đây, các bạn có thể áp dụng vào những mẫu thiết kế web của mình, hay tự sáng tạo theo ...
Tạo cờ đỏ sao vàng đơn giản bằng CSS3
Trước đây mình đã giới thiệu với các bạn rất nhiều cách tạo hình hoặc icon bằng CSS3, tiếp theo đây mình xin chia sẻ cho các bạn một icon rất đặc biệt nữa, đó là icon cờ việt nam, với icon này, các bạn có thể áp dụng cho những trang đa ngôn ngữ. Xem Demo | Download HTML <div ...
Tạo loader bằng CSS cực chuẩn
Trước đây mình đã giới thiệu cho các bạn nhiều hiệu ứng tạo loader bằng CSS thuần như Hiệu ứng loading theo kiểu Windows phone với CSS3 và Tạo hiệu ứng loading theo phong cách Facebook bằng CSS3 . Hôm nay mình tiếp tục giới thiệu cho các bạn một hiệu ứng cũng đẹp không kém khác, với hiệu ứng ...
Underline Hover Effect với CSS3
Tiếp tục mang đến cho các bạn những hiệu ứng hover bằng CSS3. Trong bài viết ngày hôm nay, mình xin chia sẻ một đoạn css ngắn giúp các bạn tạo hiệu ứng underline đơn giản nhưng đẹp mắt, các bạn có thể áp dụng hiệu ứng này cho các menu trong trang web hay blog của các bạn. Xem Demo | Download ...
Tạo Photo Gallery với AngularJS và CSS3
Hôm nay mình sẽ giới thiệu cho các bạn cách làm hiệu ứng gallery cho ảnh với sự trợ giúp của AngularJS và CSS3. Bộ trình diễn này không hề phức tạp mà rất là dễ dàng áp dụng cho website hay các web app. Qua bài viết này, các bạn sẽ có kinh nghiệm trong việc tạo hiệu ứng 3D bằng CSS3, đồng thời cũng ...
Bộ sưu tập hiệu ứng hover cho button cực đẹp với CSS3
Trong quá trình thiết kế web, chắc hẳn là các bạn sẽ dùng tới button rất nhiều vào trong trang web hay blog của mình. Hôm nay, mình xin chia sẻ cho các bạn thêm một vài button với hiệu ứng hover cực đẹp, các bạn có thể ứng dụng vào trong các dự án của mình. Xem Demo | Download HTML ...
Tạo Side Menu theo phong cách iOS 7 với jQuery và CSS3
Fly Side Menu là một jQuery plugin cực cool được dùng để tạo menu với sự hỗ trợ của CSS3. Trong bài viết này, mình sẽ chia sẻ cho các bạn một menu có hiệu ứng 3D tượng tự như menu được dùng trong iOS7. Xem Demo | Download Đầu tiên , các bạn chèn khai báo đoạn code sau bên trong thẻ head ...
Tạo hình iPhone 6 với CSS3
Nhận thấy iPhone 6 đang gây sốt cho giới trẻ, đặc biệt là các bạn trẻ ở Việt Nam. Hôm nay , mình xin chia sẻ cho các bạn đoạn css đơn giản, giúp các bạn có thể tạo hình chiếc iPhone 6 ngay trên website hay blog của các bạn với vài bước đơn giản. Xem Demo | Download HTML Đầu tiên, ...
Confirm Button Cực Pro với sự kết hợp giữa CSS3 và jQuery
Sự kết hợp giữa CSS3 và jQuery luôn luôn mang lại những hiệu ứng đẹp và ấn tượng, việc hiểu và sử dụng tốt sự kết hợp này sẽ giúp các bạn làm chủ website cũng như đưa ra những giải pháp thiết kế web tốt nhất cho khách hàng của mình. Hôm nay, mình sẽ chia sẻ cho các bạn thêm một hiệu ứng button ...
Tạo App Icon Weather với CSS3
Hôm nay mình tiếp tục giới thiệu với các bạn cách thiết kế một icon với CSS3, trong bài viết này, chúng ta sẽ bắt chước theo kiểu icon Weather mà chúng ta thường bắt gặp trên iPhone hay iPad. Xem Demo | Download HTML Để thiết kế icon, chúng ta cần khung chuẩn html như sau : ...
Hiệu ứng chữ động (Text Animation) độc đáo với CSS3
Nếu bạn đang cần làm một trang Profile để quảng cáo bản thân mình, thì ắt hẳn là rất cần những giao diện bắt mắt với những hiệu ứng chuyên nghiệp. Trong bài viết này, mình sẽ chia sẻ cho các bạn một đoạn css đơn giản thôi, nhưng nó sẽ tạo ra một hiệu ứng động cho chữ rất đẹp , rất thích hợp cho ...
Tạo 3D Flipping Menu Với CSS3
Trong những ngày cuối năm chuẩn bị đón chào năm mới, chắc hẳn là các bạn bây giờ rất bận rộn dọn dẹp nhà cửa và gặp gỡ bạn bè của mình. Nhưng các bạn cũng đừng quên dành chút thời gian để học tập nhé. Hôm nay, mình sẽ giới thiệu cho các bạn một menu với hiệu ứng 3D được làm hoàn toàn từ CSS3. ...
Học CSS3 qua việc thiết kế logo Cloud9 IDE
Để trở thành một nhà phát triển web thì hoàn toàn không đơn giản chút nào, nhất là khi mà chúng ta phải học rất nhiều thứ. Từ HTML, CSS, jQuery cho đến những ngôn ngữ lập trình như PHP… Nhưng nếu chúng ta chịu khó tìm tòi và tích lũy kiến thức hàng ngày, thì mình tin rằng, một ngày nào đó, ...
Tạo trái tim động với CSS3
Mặc dù ngày lễ tình nhân đã qua cách đây vài ngày, nhưng dư âm của nó thì vẫn còn đọng lại rất nhiều nơi các bạn trẻ đang iu. Hôm nay, mình sẽ chia sẻ cho các bạn đang iu cách làm một trai tim động bằng CSS3, các bạn có thể gửi những tin nhắn iu thương cùng với trái tim trong bài viết này để gửi ...
Tạo hiệu ứng CSS3 dropdown menu cực pro
Tranh thủ mang đến cho các bạn một menu cực đẹp và ấn tượng được làm hoàn toàn bằng CSS3. Với hiệu ứng này, các bạn sẽ có thêm một lựa chọn cho website hay blog của mình. Xem Demo | Download HTML Đầu tiên luôn luôn là xây dựng một khung html chuẩn cho menu <div ...
Tạo hiệu ứng logo động cực hấp dẫn với CSS3
Hôm nay mình tiếp tục mang đến cho các bạn một hiệu ứng động được làm từ CSS3, hiệu ứng này đơn giản thôi, nhưng chắc chắn một điều là các bạn sẽ có thể học và hiểu rất nhiều từ việc tạo những hiệu ứng động từ CSS3. Xem Demo | Download HTML Trước hết, chúng ta sẽ cần khung chuẩn ...
