5 add-on bảo mật phải có cho trình duyệt của bạn

Với sự phát triển ngày càng phổ biến của các dịch vụ điện toán đám mây dựa trên nền web, các trình duyệt của bạn càng phải được bảo vệ tốt hơn. Để tiếp thêm sức mạnh cho một trình duyệt mà bạn yêu thích đạt mức độ an toàn nhất khi sử dụng, chúng ta phải cần đến các add-on hoặc Extension mở rộng, nhưng trong vô số các add-on được cung cấp trên mạng Internet làm sao bạn có thể lựa chọn được add-on nào phù hợp và hiệu quả?

Dưới đây là 5 add-on tương ứng sẽ giúp ích cho bạn.

NoScript Security Suite

Là add-on cần thiết cho Firefox giúp ngăn chặn các script không an toàn nếu để chúng chạy trên trình duyệt của bạn. Hiện có nhiều trang web được xây dựng nhằm mục đích chờ đợi người dùng ghé thăm để có thể chạy các loại mã độc gây ảnh hưởng tới máy tính. Sau khi được cài đặt và kích hoạt, add-on này cho phép bạn xác định những gì mà các website có thể chạy scripts của họ để bảo vệ bạn khỏi XSS và các cuộc tấn công Clickjacking. Với NoScript Security Suite, người dùng hoàn toàn có thể ngăn chặn Java, JavaScript và các nội dung thực thi khác chạy trên tất cả các trang web được xác định. Ngoài ra, nó còn sử dụng một danh sách trắng (whitelist) cho các trang web cần chỉ định, để thêm một website mới vào danh sách này, bạn chỉ cần nhấn vào biểu tượng NoScript trên thanh trạng thái hoặc sử dụng trình đơn ngữ cảnh sau đó chọn Options.

Webutation

Là một trong những cách nhanh nhất để tìm ra phương thức bảo mật cho trang web. Trang Webutation là một nguồn tài nguyên mở, nơi có thể giúp người dùng thu thập dữ liệu trên các trang web. Việc cài đặt add-on cho trình duyệt từ thẻ Firefox Add-on giúp bạn đánh giá mức độ an toàn của bất cứ trang web nào. Webutation không chỉ cập nhật những phản hồi từ người dùng mà còn thu thập thông tin từ Google Safebrowsing, Norton Antivirus, Web of Trust…

Secure Scanitizer

Nếu không muốn lưu trữ bộ nhớ đệm (cache) trên máy tính, bạn cần phải thêm Extension này vào trình duyệt của mình ngay lập tức. Secure Scanitizer thực hiện 3 phương pháp tiếp cận khác nhau để xóa bộ đệm trình duyệt web đó là: No wiping (xóa đơn thuần); Random data (xóa nhanh) và US DoD 5220 (bảo mật). Sau khi cài đặt, bạn có thể vệ sinh cache bằng cách sử dụng hộp thoại Clear Private Data chuẩn của trình duyệt hoặc nút Shortcut tương ứng trên thanh điều hướng. Tuy nhiên, tiện ích này không làm sạch được dữ liệu HTML5, do đó bạn nên sử dụng Foundstone HTML5 Local Storage Explorer để xóa dữ liệu HTML5 được lưu trữ trên máy tính. 

WOT

Một trong những Extension quan trọng cần thêm vào trình duyệt Chrome. Với Extension này, bạn sẽ thấy 3 biểu tượng khác nhau trong kết quả tìm kiếm mức độ nguy hiểm của một trang web bất kỳ, trong đó màu xanh là an toàn, màu cam là có vấn đề, màu đỏ là tuyệt đối không an toàn. Kết quả này sẽ hiển thị với một biểu tượng nằm bên phải thanh địa chỉ của trình duyệt khi bạn duyệt trang web. WOT không yêu cầu bạn đăng nhập tài khoản khi sử dụng và chúng ta còn có thể sử dụng trang WOT Safe Search để tìm kiếm các trang web một cách an toàn nhất. 

Disconnect

Cách tốt nhất để ngăn chặn việc theo dõi Cookies trên trình duyệt Chrome, nói chính xác là nó được thiết kế nhằm kiểm soát cách chia sẻ dữ liệu và ngăn chặn bên thứ ba theo dõi thông tin của bạn. Một khi đã cài đặt tiện ích này, bạn có thể xem và giám sát các yêu cầu tài nguyên được gửi bởi các trang web trong thời gian thực, trong đó có các yêu cầu đầu vào như các quảng cáo, mạng xã hội (Facebook, Google, Twitter, Yahoo), nội dung, từ đó bạn sẽ chọn để cho phép hay không cho phép bằng cách ngăn chặn việc xác định các cookie.

Viết một Responsive website sử dụng HTML5/CSS3

Những developer hiện nay không còn lạ lẫm gì với khái niệm responsive webdesign nữa. Nhưng ứng dụng nó như thế nào không phải là việc đơn giản vì bạn không biết bắt đầu từ đâu và bắt đầu như thế nào. Trong bài viết này, Seoweb24h sẽ cùng mọi người bắt tay thực hiện một phiên bản web sử dụng một phần kĩ thuật responsive.

Để thuận tiện cho tất cả mọi người, chúng ta sẽ responsive một giao diện HTML5 đơn giản mà không làm toàn trang. Phần toàn trang bạn hoàn toàn có thể ứng dụng lại một cách hoàn toàn đơn giản.

Phần viết giao diện bằng HTML mình sẽ không nói nhiều ở bài này, mọi người quan sát code và tự tìm hiểu nhé. Ở đây mình dùng HTML5:

Tìm hiểu tầm quan trọng của HTML5 và SEO Onpage

Từ lúc HTML5 ra đời tới bây giờ đã hơn 2 năm nhưng dù vậy tính đến thời điểm hiện tại mình viết bài này thì HTML5 vẫn chưa hoàn thiện hẳn mà mình có nghe ngóng được là nó sẽ được hoàn thiện vào năm 2014, tức là năm sau. Mặc dù vậy, hiện tại các trình duyệt mới lẫn các phiên bản nâng cấp của các trình duyệt cũ đã hỗ trợ khá tốt HTML5 và nó cũng được nhiều nhà phát triển web đưa vào sử dụng rộng rãi trong các dự án ở thời điểm này. Điều đó cho thấy rằng HTML5 đã thực sự phổ biến và được dự đoán trong tương lai sẽ là một chuẩn thiết kế web thay thế chuẩn HTML4 hiện tại.

Nếu như bạn để ý, thì Google cũng đã bắt đầu để ý đến các chuẩn HTML5 và bổ sung nhiều thuật toán để tận dụng được sức mạnh của HTML5 trong việc crawl và index nội dung. Mà điển hình nhất là họ đã bắt đầu hỗ trợ đọc hiểu thuộc tính rel với các giá trị như author, help, next, prefetch và prev. Nếu như thế, thì tại sao chúng ta lại không dựa vào chuẩn HTML5 đó để tối ưu SEO Onpage để Google dễ dàng hiểu nội dung trên web để crawl nội dung tốt hơn nhỉ? Mặc dù chưa có thông tin nào xác thực điều này, nhưng mình tin chắc chắn sẽ là có, ít nhất là trong tương lai rất gần. Vì vậy ở bài này, mình xin đưa ra một số phân tích của mình đối với một số thẻ quan trọng của HTML5 mà mình nghĩ rằng ngoài việc nó hỗ trợ người phát triển web làm việc dễ dàng hơn mà nó còn giúp máy tìm kiếm crawl và index nội dung tốt hơn.

ThunderSoft Video to HTML5 Converter: Chuyển đổi video sang chuẩn HTML5

ThunderSoft Video to HTML5 Converter là tiện ích nhỏ gọn hỗ trợ bạn chuyển đổi các định dạng video thông thường sang chuẩn HTML5, có thể nhúng xem trực tiếp trên trình duyệt web. Ngoài ra công cụ còn cho phép đóng dấu bản quyền lên file video.

Đầu tiên, bạn nhấn Add và chọn tập tin video muốn chuyển đổi rồi nhấn Open. Chúng sẽ được hiển thị chi tiết với các thông tin chính, gồm File name (tên tập tin), Size (độ phân giải), Duration (thời gian phát) và File path (đường dẫn trên máy tính). Bạn có thể chọn và xem trước các tập tin video này thông qua khung Preview bên phải.

Tìm hiểu về HTML5 Datalist

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 , Seoweb24h sẽ giúp các bạn áp dụng tính năng tương tự cho trang web của mình.

TÍNH NĂNG XEM YOUTUBE CỦA HTML5

Hiện nay Youtube là 1 mạng xã hội được xếp thứ 5 trên thế giới. Điểm đặc biệt của nó là một kênh giải trí chuyên chia sẻ Video clip. với lượng Video khổng lồ nhất hiện nay.

Với tốc độ load video của Youtube đã là nhanh nhất hiện nay tuy nhiên chúng tôi giới thiệu với các bạn 1 tính năng nữa của Youtube. Đó là thay vì phải xem video trên youtube bằng tiện ích Flash player thì chúng ta có thể xem bằng HTML5. Điều đặc biệt ở tính năng này đó là tốc độc load video nhanh hơn nhiều khi xem trên Flash player. Khi xem Video bằng HTML5 trên Youtube ở chất lượng thấp nhất nhưng ngược lại người dùng lại thấy nét mịn giống như đang xem HD vậy. Nó không mờ như khi xem trên flash player. Các thao tác trên màn hình video cũng được hiển thị đầy đủ nhất giúp người dùng thao tác nhanh gọn nhẹ.

40 Trang Web HTML5 Tuyệt Đẹp Khơi Gợi Cảm Hứng Thiết Kế Cho Bạn

Trong bài viết này, chúng tôi cố gắng biên soạn một danh sách tập hợp nhiều trang web sáng tạo, hấp dẫn và tuyệt đẹp được code bằng HTML5. Với danh sách này, chúng tôi hy vọng các bạn có thể lấy cảm hứng từ những thiết kế và hướng dẫn này để thuyết phục bản thân thử sức thiết kế trang web cho riêng bạn dựa trên nền tảng HTML5.

HTML4 sau khi tồn tại trong suốt hơn một thập kỉ cũng đã đến lúc phải nhường chỗ cho HTML5 với nhiều tích hợp đa phương tiện và hình ảnh động. Đây là sự tương thích ngược, nó chạy trên hầu hết các trình duyệt kể cả trên nền tảng mobile, cung cấp thời gian tải nhanh hơn và kết nối mượt mà hơn với các ứng dụng được xây dựng bởi bên thứ ba. Rất nhiều nhà phát triển đang đặt cược HTML5.

HTML5 Readiness