HTML5 Desktop Notification Tutorial

Desktop notification là một tính năng thú vị của HTML5. Websites của bạn có thể gửi notification ra ngoài màn hình desktop. Tuy nhiên, hiện tại nó chỉ hổ trợ trình duyệt google chrome. Mời các bạn xem demo

DEMO

Các quy tắc cơ bản của HTML5, Phần 2: Thiết lập các đầu vào

Tóm tắt:  HTML5 phản ánh những thay đổi to lớn theo cách mà bây giờ bạn đang kinh doanh trên web và trong đám mây. Bài viết này là bài thứ hai trong một loạt bài bốn phần được thiết kế để làm sáng tỏ những thay đổi trong HTML5, bắt đầu bằng các thẻ mới và tổ chức trang và cung cấp thông tin cấp cao về thiết kế trang web, việc tạo các biểu mẫu, việc sử dụng và giá trị của các API; và cuối cùng, các khả năng sáng tạo mà Canvas (Khung nền ảnh) cung cấp. Phần thứ hai này giới thiệu các khái niệm về các nút điều khiển của biểu mẫu HTML5 và đề cập đến vai trò của JavaScript và CSS3.

Tất cả việc quản trị, phân tích dữ liệu, chiến lược tiếp thị, và các chức năng khác của các tổ chức mức doanh nghiệp đều quan trọng. Tuy nhiên, chẳng có một ô cửa kỹ thuật số thành công nào mà khách hàng tiềm năng của bạn có thể sử dụng — hoặc được thúc đẩy sử dụng — các quá trình ban đầu cần thiết cho sự phát triển của trang web mà thiếu đi sự trao đổi của khách truy cập. Một trải nghiệm tích cực, thân thiện với người sử dụng thúc đẩy sự tương tác cần thiết cho nỗ lực của bạn là một mục tiêu hàng đầu của tổ chức.

Các từ viết tắt thông dụng

• API: Giao diện lập trình ứng dụng
• CSS3: Bảng định kiểu xếp chồng phiên bản 3
• HTML5: Ngôn ngữ đánh dấu siêu văn bản phiên bản 5
• IT: Công nghệ thông tin (CNTT)
• UTC: Giờ phối hợp quốc tế

Các quy tắc cơ bản của HTML5, Phần 1: Bắt đầu

Tóm tắt:  HTML5 phản ánh những thay đổi to lớn theo cách mà bây giờ bạn kinh doanh trên web và trong đám mây. Bài viết này là bài đầu tiên trong một loạt bài bốn phần được thiết kế để tập trung vào những thay đổi trong HTML5, bắt đầu bằng các thẻ mới và tổ chức trang và cung cấp thông tin cấp cao về thiết kế trang web, tạo các biểu mẫu, sử dụng và giá trị của các API, và các khả năng sáng tạo mà Canvas (Khung nền ảnh) cung cấp.

HTML5 là một ngôn ngữ được thiết kế để thiết lập nội dung web. Nó nhằm làm cho việc thiết kế và phát triển web dễ dàng hơn bằng cách tạo một giao diện ngôn ngữ đánh dấu chuẩn hóa và trực quan. HTML5 cung cấp các phương tiện phân tích và phân định các trang của bạn, và nó cho phép bạn tạo các thành phần rời rạc không chỉ được thiết kế để cấu tạo trang web của bạn một cách hợp lý mà còn được tạo ra để cung cấp cho trang web của bạn các khả năng cung cấp thông tin. HTML5 có thể được gọi là "cách tiếp cận lập bản đồ thông tin để thiết kế trang web" do nó kết hợp yếu tố cơ bản về lập bản đồ thông tin, phân chia và ghi nhãn thông tin giúp dễ dàng sử dụng và hiểu thông tin. Đây là nền tảng của tiện ích ngữ nghĩa và thẩm mỹ gây ấn tượng sâu sắc của HTML5. HTML5 cung cấp khả năng xuất bản tất cả mọi thứ trên thế giới từ nội dung văn bản đơn giản đến đa phương tiện phong phú, tương tác cho các nhà thiết kế và các nhà phát triển ở mọi trình độ.

Tạo các trang Web hiện đại bằng cách sử dụng HTML5 và CSS3 - Phần II

Các tính năng mới trong CSS3

Phần này giới thiệu cho bạn các tính năng mới có thể tìm thấy trong các đặc tả CSS cấp 3 — bao gồm các bộ chọn CSS mới ví dụ như các lớp có cấu trúc, dựa vào trạng thái, và giả phủ định; cũng như các kiểu bộ chọn mới khác. Nó cũng cho thấy nhiều hiệu ứng mà CSS3 cung cấp trước đây đã đòi hỏi các hình ảnh được tạo ra bằng cách sử dụng một ứng dụng riêng biệt và được lưu trữ dưới dạng GIF, JPG, PNG. Các hiệu ứng này bao gồm các hình bóng rơi trên văn bản và các hộp, các góc được làm tròn trên các đường viền, và sử dụng tính mờ đục để tạo ra một sự xuất hiện mờ. Nhiều tính năng trong số đó (chẳng hạn như độ mờ đục và các góc được làm tròn) là tương đối phổ biến trong sử dụng do thực tế là chúng làm giảm nhiều khả năng tùy chỉnh trong các trình duyệt Web di sản. Tiếp theo, bạn sẽ tìm hiểu về các cách bố trí nhiều cột mới mà bạn có thể tạo ra chúng khi sử dụng CSS3. Các cách bố trí này là một sự tạo mẫu cho bố cục tờ báo ở nơi văn bản sẽ trải dài trên một số các cột đã đặt hoặc theo chiều rộng cột cụ thể khi cần. Một tính năng khác sẽ được thảo luận là vấn đề bao gồm các phông chữ Web phi tiêu chuẩn nhờ sử dụng thẻ @font-face. Cuối cùng, sẽ giới thiệu một số các tính năng CSS3 mới khác, chẳng hạn như sự hỗ trợ cho HSL (Hue, Saturation và Lightness - Màu sắc, độ bão hòa, cường độ ánh sáng) và các mô hình màu RGBA (Đỏ, Xanh lá cây, Xanh da trời, và Alpha).

Tạo các trang Web hiện đại bằng cách sử dụng HTML5 và CSS3 - Phần I

Tóm tắt:  Kể từ khi Mạng toàn cầu (World Wide Web) xuất hiện vào đầu những năm 1990, HTML đã phát triển để trở thành một ngôn ngữ đánh dấu tương đối mạnh mẽ, có thể được sử dụng để tạo các trang Web và các ứng dụng trực quan tuyệt đẹp và tương tác, trong khi vẫn nhận được tài trợ của các đối tác gần gũi của nó JavaScript và CSS. Hướng dẫn này là một giới thiệu năng động về HTML5 và CSS3. Nó cung cấp thông tin về chức năng và cú pháp cho nhiều phần tử mới và các API mà HTML5 phải cung cấp, cũng như các bộ chọn mới, các hiệu ứng, và các tính năng mà CSS3 mang đến cho bảng. Cuối cùng, nó sẽ cho bạn thấy cách phát triển một trang Web mẫu sử dụng nhiều các tính năng mới này. Khi hoàn thành hướng dẫn này, bạn sẽ sẵn sàng để xây dựng các trang Web hoặc các ứng dụng riêng của mình được được vẫn hành bằng HTML5 và CSS3.

Loại bỏ hết các thẻ HTML trong chuỗi

public static string StripAllTags(string input)
{
char[] array = new char[input.Length];
int arrayIndex = 0;
bool inside = false;

for (int i = 0; i < input.Length; i++)
{
char let = input[i];
if (let == '<')
{
inside = true;
continue;
}

if (let == '>')
{
inside = false;
continue;
}
if (!inside)
{
array[arrayIndex] = let;
arrayIndex++;
}
}

return new string(array, 0, arrayIndex);
}