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...
Khái quát cơ bản và nâng cao về thẻ DIV
Thẻ div là một trong những thẻ khá là đặc biệt trong html, ngày càng được sử dụng nhiều hơn và được nhiều người đánh giá rất cao về mặt công dụng trình bày. Các lão làng trong thiết kế thường dùng các thẻ div rất nhiều thay vì các thẻ table. Thẻ div thật...
Tìm hiểu thẻ table trong HTML
Bài viết này chúng ta sẽ tìm hiểu qua thẻ Table trong HTML. Thẻ table trong html cũng giống như excel trong microsoft office vậy nó được dùng để trình bày các bảng biểu, các bài viết, nội dung… có nhiều dòng và nhiều cột trong một website.
Thẻ table được ký hiệu...
Khái niệm về Lorem Ipsum
Nếu bạn là người quen với việc thiết kế web, chắc chắn không dưới một lần bạn đã từng thấy những giao diện được thiết kế và có các dòng chữ không phải là ngôn ngữ quen thuộc nào trên thế giới. Đó chính là những dòng chữ quen thuộc của giới thiết kế layout “Lorem Ipsum...
Hướng dẫn cách áp dụng hướng đối tượng dựa vào cấp bậc XHTML
Trong bài trước bạn đã biết về cấp bậc của XHTML, trong bài này mình sẽ hướng dẫn bạn cách hướng đối tượng cụ thể nằm sâu hơn trong cấp bậc của HTML. Có 2 cách bạn có thể hướng đối tượng cụ thể là Contextual Selector và Child Selector...
Hạn chế sử dụng thẻ Div
Trong bài này mình sẽ cố gắng giải thích rõ ràng hơn về thẻ div và đưa ra một số ví dụ mà bạn có thể thay vì dùng thẻ div thì dùng những thành phần Block Elements khác để thay thế. Nhưng có một nguyên tắc mà bạn có thể sử dụng khi viết code là một khi bạn phải sử dụng...
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...