html 5

Sử dụng HTML5 canvas để tạo animation RequestAnimationFrame là hàm sẽ được sử dụng thay cho những hàm trước đây ta thường dùng là setTimeout hay setInterval, trước tiên ta sẽ sơ lược qua về các cách thức tạo animation trong javaScript. setInterval sẽ thực hiện lặp đi lặp lại mãi mãi với mỗi...

Cách responsive hình ảnh tối ưu khi làm web Cách thông thường chúng ta vẫn sử dụng hình ảnh lớn phù hợp với màn hình lớn và sẽ được co lại khi xem trên màn hình nhỏ, đây là giải pháp đơn giản nhưng có 2 vấn đề lớn, thứ nhất là chúng ta xem hình kích thước nhỏ nhưng kích thước thật lại là một...

Cách dùng HTML5 để kiểm tra form hợp lệ Form là một chức năng quan trọng để người dùng tương tác với website, trước đây việc kiểm tra form hợp lệ bên phía client hoàn toàn phụ thuộc vào javaScript, HTML5 đã cải tiến form đem đến những thuộc tính mới cho form vì vậy việc set up form trở nên trực...

Giới thiệu một số thẻ mới trong HTML5 Trong bài này mình xin giới thiệu về một số thẻ mới trong HTML5 để bạn có một cái nhìn sơ qua về những gì mà HTML5 sẽ đem lại. Những thẻ cấu trúc mới bao gồm aside, figure, và session. Nhứng thẻ inline mới bao gồm time, meter, và progress. Những thẻ đa...

Cách làm HTML5 làm việc trên các phiên bản IE cũ HTML5 có lẽ là công nghệ đến muộn và mạnh mẽ nhất, nhưng một số trình duyệt vẫn chưa hỗ trợ những thẻ mới trong HTML5, sau đây chúng ta sẽ cùng tìm hiểu những giải pháp để giải quyết vấn đề này. Từ phiên bản IE8 trở xuống không hỗ trợ các phần...

Tìm hiểu kiến thức cơ bản SVG trong HTML5 SVG (Scalable Vector Graphics) chuẩn đồ hoạ vector có khả năng mở rộng. Đối với đồ hoạ vector thì chúng ta thường biết đến đó là Adobe Illustrator … ,hình ảnh được vẽ bằng vector thì có thể tha hồ phóng to mà không sợ hiện tượng vỡ hạt như các định dạng...

Tìm hiểu cơ bản về phần tử Canvas trong HTML5 Ở bài trước thì chúng ta đã tìm hiểu Các thẻ mới trong HTML5, còn tiếp bài này chúng ta sẽ tìm hiểu sang Canvas trong HTML5. Canvas là gì? <canvas> là một phần tử mới xuất hiện trong HTML5 và rất hữu ích trong việc vẽ đồ họa trên nền web. Nó lần...

Tìm hiểu một số thẻ mới trong HTML5 Bài này chúng ta sẽ tìm hiểu sang các Tag mới trong HTML5. HTML5, phiên bản mới nhất của Ngôn ngữ đánh dấu siêu văn bản (HTML), là bản hiệu chỉnh triệt để nhất về ngôn ngữ này cho đến nay. Nó giới thiệu nhiều tính năng mới trong nhiều lĩnh vực. Ngày nay, có...

Tìm hiểu các thuộc tính cơ bản trong HTML5 Như chúng ta đã biết thì những thế hệ đi sau luôn kế thừa những điều tốt đẹp của thế hệ đi trước. Bản thân internet và người dùng internet đã thay đổi rất nhiều kể từ sự ra đời của HTML 4.01 vào năm 1999. Tất nhiên, các phần tử HTML có thể chứa các...

Tìm hiểu cấu trúc cơ bản của HTML 5 Bài viết này mình sẽ giới thiệu đến các bạn các quy tắc cơ bản của HTML5 xem nó có khác gì so với các phiên bản HTML cũ không nhé. Các Từ Viết Tắt Thông Dụng API: Application programming interface – Giao diện lập trình ứng dụng CSS3: Cascading style sheet...

Tìm hiểu và cách sử dụng media element trong HTML 5 Lúc trước nếu muốn play một video clip hoặc một bài nhạc các bạn cần phải có một file Flash làm player. Code thì dài dòng rắc rối. Nhưng với sự ra đời của HTML 5 thì chuyện đó không còn khó nữa. Và mình xin được giới thiệu với các bạn một...

Tìm hiểu APIs Media element (Video & Audio) của HTML 5 Trước khi HTML 5 ra đời, để có thể chèn video hoặc audio vào website thì trình duyệt cần phải có sự hỗ trợ của bên thứ ba như flash, java hoặc media player… kèm theo đó việc tích hợp vào website khá khó khăn và khả năng tùy biến rất thấp...

Giới thiệu tổng quan về HTML 5 HTML (HyperText Markup Language) là một ngôn ngữ đánh dấu được thiết kế ra để tạo nên các trang web với các mẩu thông tin được trình bày trên World Wide Web. HTML là một phần không thể thiếu của mạng Internet. Nó có một lịch sử trải qua hơn 25 năm, với những dấu...

Tìm hiểu Selector API của HTML 5 Trước khi vào các API khá chất như: Geo, DnD, Media,… Thì các bạn cần phải nắm vững 1 API rất đơn giản nhưng lại cực kỳ quan trọng trong HTML 5. Vâng, đó là Selector API một API nên biết, cần biết và phải nắm vững. #Giới thiệu chung về CSS và Jquery Selector...

Tìm hiểu APIs Fullscreen của HTML 5 Thuật ngữ này chắc không còn xa lạ gì với bạn nữa phải không nhỉ? Với API này, sẽ giúp cho bạn phóng to toàn màng hình một đối tượng hoặc cả website. Thông thường, các media player thường có chức năng này để người xem có thể thưởng thức trọn vẹn hình ảnh...

Tìm hiểu APIs Media (Video & Audio) của HTML 5 Chúng ta đã quen với việc sử dụng thẻ video và audio để phát các tập tin phim và nhạc trên web. Tuy nhiên, đó là player với UI mặc định của trình duyệt. Vậy, chúng ta có thể tự tạo cho mình một html 5 media player không? Vâng, việc đó hoàn toàn có...

Tìm hiểu và cách làm Context Menu API của HTML 5 Đây thực sự là một API thú vị. Nó làm gia tăng thêm trải nghiệm của người dùng khi sử dụng website của bạn. Thông thường, khi bạn nhấp phải chuột và một đối tượng nào đó trên website, chuyện gì sẽ xảy ra nhỉ? Ồ, tất nhiên thì nó sẽ hiện ra các...

Tìm hiểu APIs Geolocation của HTML5 Đây là một API thú vị nhất trong tất cả các API của HTML 5. Với Geolocation bạn có thể xác định được vị trí hiện tại của mình hoặc của người dùng. Nghe có vẻ đáng sợ, nhưng thực chất để thực hiện được điều đó thì trình duyệt cần phải có sự cho phép của bạn...