12 Tính năng về HTML5 mà bạn cần phải biết
Công nghệ ngày càng phát triển với tốc độ chóng mặt, việc nắm bắt những kỹ thuật mới cho phù hợp với thực tế là điều mà tất cả những người làm web cần phải theo kịp. HTML5 từ khi ra đời cùng với sự hứa hẹn mà nó mang lại đang dần thay đổi mọi thứ, hôm nay mình xin chia sẻ với các bạn 28 tính năng ...
Thủ thuật javacript: Cú pháp JS
Javascript thường được chèn vào một trang web, nếu không muốn nói là sinh ra chỉ để chèn vào trang web. Ta có thể chèn Javascript vào html rất đơn giản với cái thẻ script, sau đó chèn code javascript vào bên trong nội dung thẻ script. ví dụ sau giúp bạn hiểu rõ hơn về cấu trúc của javacript, đơn ...
40 Web Games HTML5 dễ gây nghiện cho bạn
Trước đây , Flash thống trị thế giới đa truyền thông trên web, nhưng với sự xuất hiện của HTML5 và những tính năng mà nó mang lại đã làm thay đổi mọi thứ. Sau đây là danh sách các Games được xây dựng trên nền tảng HTML5 sẽ giúp bạn có cái nhìn đầy đủ hơn về những tính năng to lớn mà công nghệ này ...
Thủ thuật javacript : Thiết lập thời gian chạy
JavaScript có thể thực hiện một chức năng nào đó sau một thời gian được định trước. setTimeout() – Thực hiện một số lệnh với thời gian được định trước trong tương lai. clearTimeout() – Hủy hàm setTimeout() Cú pháp: setTimeout(“javascript statement”,milliseconds); ...
Sơ lược về thuộc tính HTML5 Download
Tạo một link download thì là một công việc rất dễ dàng và đơn giản, chỉ cần việc dùng thẻ <a> , rồi sau đó là chèn đường dẫn cần download vào là xong. Nhưng có một số kiểu file gây khó khăn cho chúng ta trong việc tạo các link download, cụ thể như các file PDF, hình ảnh hoặc các file chữ, ...
47 demo về HTML5 cho người bắt đầu
Chắc các bạn đã nghe nhiều tin đồn về HTML5 sẽ thay thế Flash trong tương lai, và bạn muốn tìm hiểu về nó cũng như áp dụng nó vào chính trang blog hay web của bạn. Tuy nhiên nếu bạn là người mới bắt đầu thì mình xin chia sẻ với các bạn những điều mà HTML5 có thể mang đến cho bạn bằng những demo về ...
18 ứng dụng web xây dựng từ nền tảng HTML5
HTML5 được đồn là kẻ thay thế cho Flash, một cuộc cách mạng lớn trong ứng dụng phát triển web. Nó chứa những thẻ như canvas cho vẽ hình ảnh, những hiệu ứng chuyển động, video, audio và thậm chí bao gồm cả lưu trữ cơ sở dữ liệu cho web offline. Điều quan trọng nhất về HTML5 là bạn không cần phải cài ...
Tạo ứng dụng Color Picker đơn giản với HTML5 Canvas
Canvas là phần tử mới xuất hiện trong HTML5, việc hiểu rõ và sử dụng canvas sẽ giúp các bạn có thể viết được nhiều ứng dụng như games. Trong bài viết này, chúng ta sẽ tạo một ứng dụng nhỏ đơn giản về HTML5 Canvas. Với ứng dụng này, các bạn có thể lấy mã màu theo HEX và RGB mà chúng ta thường gọi ...
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 ...
