HTML

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

Trịnh Tiến Mạnh viết 2 tuần trước

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

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

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

Bùi Văn Nam viết 2 tuần trước

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

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

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

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

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 đồ, ...

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

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

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

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

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

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

Bùi Văn Nam viết 2 tuần trước

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

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

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ạ Quốc Bảo viết 2 tuần trước

Bài 05: Thẻ Table trong HTML

Chắc các bạn đã từng sử dụng Excel thì bạn thấy rằng dữ liệu trong Excel được bố trí trong các ô của một bảng. Các ô được tạo ra bởi các hàng và các cột. Và dữ liệu được chúa trong các ô(cell) được tạo bởi các hàng và các cột. Cũng tương tự như Excel. HTML cũng cho phép chúng ta trình bày dữ ...

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

Bài 08: Thẻ FORM trong HTML

1. Thẻ Form là gì? Thẻ form trong HTML được sử dụng để lấy các thông tin do người dùng nhập vào. 2. Các thành phần trong FORM gồm những cái gì? Trong một form có một hoặc nhiều các điều khiển cho phép người dùng nhập dữ liệu vào các thẻ input trong HTML, thẻ select, thẻ textarea...vv ...

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

Bài 04: Thẻ Liên Kết Trong HTML

Một trang web có thể chứa các liên kết khác nhau để liên kết trực tiếp với các trang khác hay trong một phần của một trang. Những liên kết này được gọi là Hyperlinks (siêu liên kết). Hyperlinks cho phép người truy cập vào các trang web khác nhau bằng cách nhấn chuột vào từ, cụm từ, và hình ảnh. ...

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

Hiệu ứng pre-loader animation facebook

Có một bạn hỏi mình làm hiểu ứng này như thế nào? Thì nhân tiện hôm nay cũng khá nhàn rỗi nên mình hướng dấn bạn làm. Thực ra cái này cũng không khó như bạn ý nghĩ và nó cũng có trên mạng rồi và trước mình cũng tham khảo ở trang nào đó. Mình nhớ đó là một trang của một bạn bên Thái Lan. Giờ làm mãi ...

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

Bài 07: Các thẻ Input trong HTML

Danh sách những thẻ Input trong HTML Thẻ input text: Cho phép người dùng nhập văn bản trên một dòng. Thẻ input file: Cho phép người dùng chọn một hoặc nhiều file để tải nên server-side. Thẻ input radio: Cho phép người dùng lựa chọn một trong nhiều lựa chọn được cung cấp. Thẻ input ...

Trịnh Tiến Mạnh viết 3 tuần trước

9 thư viện JS/CSS hữu ích với các lập trình viên

1.Propeller Propeller là một thư viện CSS cung cấp các component được xây dựng dựa trên Bootstrap và Material design. Bao gồm 25 component, hỗ trợ responsive và hiệu ứng quen thuộc của Material Design . Bạn có thể download Propeller dưới dạng theme cho bootstrap, hoặc một framework đầy đủ ...

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

Bài 09: Tổng quan về CSS

1. Tổng quan về css CSS là viết tắt của cụm từ “Cascading Style Sheet” , nó là một ngôn ngữ quyết định cách trình bày của thẻ HTML trên trang web CSS quy định cách hiển thị nội dung của các thẻ HTML trên các trình duyệt gần như giống nhau, bằng cách quy định các thuộc tính cho ...

Bùi Văn Nam viết 3 tuần trước

Share tool HTML buider v2.28

Hôm nay mình share cho các bạn một tool HTML Buider cho các bạn nào cần. Bản thân mình thấy nó cũng khá là hay hay. Bạn có thể tích hợp nó vào công cụ quản trị cho phép khách hàng tự xây dựng các trang landing page. Hay ứng dụng trong việc xây dựng các theme HTML.

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

Bài 02: Các phần tử trong HTML

Trong bài trước mình đã viết một thẻ hay phần tử HTML là tất cả nội dung phía trong thẻ mở và thẻ đóng bao gồm cả tên thẻ. Thẻ bắt đầu * Nội dung của phần tử Thẻ kết thúc * <p> Đây là một đoạn </p> <a href="/default.htm"> Đây là một liên kết ...

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