Tìm hiểu các kiểu HTML5 Form Input : Date, Color và Range
Hầu hết các trang web hay blog hiện nay đều sử dụng Form cho mục đích tương tác với người dùng. Các trang web nổi tiếng như Facebook, Twitter, Google.. dùng nó để tạo cho người dùng có thể đăng nhập vào hệ thống, hay chỉ đơn giản là gửi thông tin liên hệ đến người quản trị website. Thật sự Form ...
Responsive flat dropdown menu với CSS3 & jQuery
Thiết kế giao diện web sao cho hiển thị chuẩn trên mọi màn hình đang là xu thế thiết kế web hiện nay, và nó vẫn là một trong những xu hướng cho tương lai. Việc nắm bắt kỹ thuật này sẽ giúp bạn không bị bỏ rơi và còn có thể tự tin thiết kế những mẫu web đẹp cho khách hàng của mình. Trong bài viết ...
Audio và Video với HTML5
HTML5 đã xâm nhập vào cuộc sống của chúng ta với những tính năng tuyệt vời mà nó mang lại. 2 trong những tính năng tuyệt vời này là các thẻ <audio> và <video> , cho phép bạn chia sẻ những đoạn video và âm thanh trên mạng. Chúng ta cùng tìm hiểu xem 2 thẻ này làm được những gì : ...
Tạo hiệu ứng bắn pháo hoa bằng HTML5 và Javascript
Nhằm mang đến cho các bạn có thêm nhiều kinh nghiệm trong việc sử dụng HTML5 và Javascript . Hôm nay mình xin chia sẻ cho các bạn từng bước làm hiệu ứng bắn pháo hoa đẹp mắt ngay trong trang web của chính các bạn. Qua bài viết này , các bạn có thể hiểu rõ cơ bản cũng như nắm rõ hơn về HTML5 ...
Tìm hiểu sơ lược về HTML5 Datalist
Mỗi khi bạn nhấp vào ô tìm kiếm trong trang google, thường xuất hiện những lựa chọn gợi ý có sẵn cho bạn lựa chọn bên dưới. Đây là một tính năng mới và rất hay của HTML5 , mình sẽ giúp các bạn áp dụng tính năng tương tự cho trang web của mình. Xem Demo Trước đây, để tạo tính năng ...
Hiểu và sử dụng các kí tự ‘+’, ‘>’ và ‘~’ trong CSS Selector
Có rất nhiều câu hỏi mà mình thật sự muốn giúp các bạn, nhưng không thể chỉ nói vài câu là có thể giải thích được, vậy nên mình sẽ đưa hẳn một bài viết để các bạn tiện tham khảo và phần nào giải đáp được những thắc mắc của mình. Khi đọc những đoạn css chúng ta thường thấy các kí tự như + ...
Tạo biểu đồ Gauge bằng HTML5 Canvas và Javascript
Trong bài viết ngày hôm nay, mình sẽ chỉ cho các bạn cách tạo biểu đồ Gauge bằng cách sử dụng HTML5 Canvas kết hợp với Javascript. Biểu đồ Gauge sẽ tự động refresh lại sau mỗi 2 giây và số lượng tăng / giảm sẽ được minh họa trong biểu đồ. Xem Demo | Download HTML Để tạo biểu đồ, ...
Hiệu ứng chuyển ảnh đen trắng sang màu bằng jQuery và HTML5
Trước đây để tạo hiệu ứng chuyển màu như thế này , chúng ta cần phải chuẩn bị 2 tấm hình, một có màu đen trắng và một có màu nguyên thủy. Nhưng giờ đây, với sự xuất hiện của HTML5 canvas, bạn có thể nhân bản ảnh gốc và tạo ra một ảnh đen trắng trực tiếp một cách đơn giản và nhanh chóng. Mình hy ...
Kiểm tra File upload trước khi submit với HTML5 và Javascript
Việc kiểm tra file trước khi upload luôn luôn là việc làm cần thiết cho bất kì website hay blog nào. Trước đây, để kiểm tra file có dung lượng quá lớn, hay file đó không được hỗ trợ để upload… Chúng ta thường phải gửi file đó lên server , rồi mới dùng ngôn ngữ lập trình như PHP để kiểm tra ...
Tổng hợp các icons phổ biến làm bằng CSS3
Trong bài viết này, mình sẽ cố gắng tổng hợp những icon có thể làm được bằng CSS3. Với những icon này, các bạn có thể áp dụng nó vào trong trang web hoặc blog của các bạn, vì nó rất nhẹ, và không sử dụng bất kì đoạn script hay hình ảnh nào. Xem Demo | Download HTML Mỗi đoạn html ...
Mẫu bình chọn 5 ngôi sao đơn giản bằng HTML radio & CSS3
Chỉ đơn giản với HTML radio và thuộc tính CSS3 transitions/transforms, chúng ta sẽ tạo một mẫu rating mà hầu hết được bắt gặp ở các website trong và ngoài nước sử dụng chúng. Xem Demo | Download HTML Như đã nói, cấu trúc html cho mẫu rating này chỉ đơn giản như sau : ...
Cách lấy Video làm Background với HTML5 & CSS
Thông thường, để tạo nền cho web, chúng ta thường dùng hình ảnh hoặc màu sắc. Nhưng có rất ít người biết rằng, chúng ta cũng hoàn toàn có thể lấy video làm nền cho web. Chỉ với một đoạn css cơ bản cùng với sự hỗ trợ của HTML5 là chúng ta có thể làm được điều này. Xem Demo | Download ...
Tạo hiệu ứng đốm lửa bằng HTML5 Canvas và Javascript
Tuần trước mình đã giới thiệu tới các bạn bài viết Tạo biểu đồ Gauge bằng HTML5 Canvas và Javascript để làm quen với cách sử dụng HTML5 Canvas. Và trong tuần này, mình sẽ tiếp tục mang đến cho các bạn thêm hiệu ứng đốm lửa cực cool. Qua bài viết này, các bạn sẽ có thêm kinh nghiệm trong việc sử ...
Ấn tượng mẫu login form với dây kéo cực cool
Chào tất cả các bạn, hôm nay mình sẽ tiếp tục mang đến cho các bạn một mẫu form login cực cool, đảm bảo các bạn sẽ có thể sử dụng ngay cho chính trang web hoặc blog của các bạn. Xem Demo | Download HTML Các bạn copy theo cấu trúc html bên dưới. <div id="login_el" ...
Tạo form đăng nhập phong cách Google với Bootstrap
Cách đây vài hôm, mình có đăng một bài viết là Tạo form đăng nhập – đăng ký thành viên giống trang Facebook . Hôm nay mình sẽ tiếp tục mang đến cho các bạn thêm một mẫu form đăng nhập được bắt chước từ gã khổng lồ Google. Bài viết này sử dụng Bootstrap framewokd để tạo hiệu ứng và sắp xếp ...
5 điều bạn có thể làm với thẻ HTML Meta
Thẻ Meta thường được dùng để lưu trữ những mẩu thông tin trên một trang web. Mục đích của nó thường hướng đến trình duyệt hoặc bộ máy tìm kiếm hiểu và biết trang tốt hơn. Là một web developer, chắc hẳn các bạn đã quá quen thuộc với việc sử dụng thẻ meta cho các cấu hình mô tả trang ...
Tạo menu với hiệu ứng vòng tròn chỉ với CSS3
Trong bài viết này, chúng ta sẽ cùng nhau tạo một menu với hiệu ứng mở rộng vòng tròn xung quanh menu chính. Qua bài viết này, các bạn sẽ nắm rõ về cách tạo hiệu ứng động bằng thuộc tính transition và transform có trong CSS3. Xem Demo | Download HTML Như thường lệ, chúng ta sẽ ...
Responsive shopping cart với CSS3 và jQuery
Có lẽ bây giờ mọi người quen với việc live streem trên Facebook hoặc Youtube để bán hàng online, mà dần quên đi các kiểu web bán hàng truyền thống. Tuy nhiên, những trang web bán hàng sẽ luôn luôn đem lại hiệu quả kinh doanh cao cho khách hàng của các bạn, nếu các trang web bán hàng này thật sự ...
Tạo mẫu ribbon đỏ bằng CSS3
Trước đây khi thiết kế web, mình cũng sử dụng rất nhiều kiểu ribbon như trong bài viết này để đánh dấu những mục quan trọng trong trang web nhằm tạo sự thu hút người dùng với sản phẩm từ bên khách hàng. Hôm nay, mình cũng muốn chia sẻ cho các bạn mẫu này, vì biết đâu, sẽ có một ngày, các bạn cũng ...
Tạo form đăng nhập – đăng ký thành viên giống trang Facebook
Hôm bữa có một bạn trên Facebook đã hỏi mình về cách tạo form đăng nhập và đăng ký thành viên giống như trên Facebook. Hôm nay mình sẽ bê nguyên xi trang chủ của facebook về và cũng là một bài học hữu ích cho các bạn, có thể học cách sắp xếp cũng như trang trí các field sao cho đẹp mắt và gọn gàng ...
