Nếu như bạn đã từng sử dụng trang website WordPress hoặc khi bạn thiết kế website và kiểm tra và tối ưu tốc độ web với Google PageSpeed Insights thì bạn cần loại bỏ các tài nguyên chặn được hiển thị trên web. Thế nhưng làm thế nào để loại…
Mật độ từ khóa là gì? Các công cụ phân tích mật độ từ khóa
Từ khóa, mật độ từ khóa là những thuật ngữ cơ bản của SEO khi nói về bài viết chuẩn SEO. Khi viết bài bạn sẽ thấy ở mỗi đơn vị sẽ yêu cầu một mật độ từ khóa và phân tích chúng bằng các công cụ khác nhau. Vậy…
5W1H và Content – Sự kết hợp không thể không biết
Hỡi những bạn content! Bạn đã biết gì về 5W1H và cách sử dụng phương pháp này? Là người sáng tạo nội dung, luôn làm mới kỹ năng phát triển và xây dựng nội dung là điều cần thiết đối với content marketing. Vì vậy, nếu chưa biết về 5W1H,…
Top 10 mẫu menu điều hướng ấn tượng cho website
Thiết kế menu web điều hướng là sự ưu tiên hàng đầu cho bất cứ trang web nào. Điều hướng là công cụ duy nhất giúp người dùng có thể tìm thấy những thông tin quan trọng cần tìm và sẽ là nhân tố quyết định liệu người dùng sẽ…
6 Loại Thanh Menu Phổ Biến Trong Thiết Kế Website
Điều hướng là một trong những phần vô cùng quan trọng không thể nào thiếu trong mỗi trang website được. Bởi việc điều hướng sẽ hỗ trợ cho người dùng nhanh chóng đến nơi muốn đến. Với cách làm như vậy đã mang đến cho mọi người những trải nghiệm…
Step Navigation
HTML <ul id=”green_and_orange_step_menu”> <li class=”frist “>Step 1</li> <li>Step 2<span></span></li> <li>Step 3<span></span></li> <li class=”last”>Step 4<span></span></li> </ul> <div style=”clear:both;”></div> <ul id=”green_and_orange_step_menu”> <li class=”frist fdone”>Step 1</li> <li class=”inprogress”>Step 2<span></span></li> <li>Step 3<span></span></li> <li class=”last”>Step 4<span></span></li> </ul> <div style=”clear:both;”></div> <ul id=”green_and_orange_step_menu”> <li class=”frist fdone”>Step 1</li> <li class=”done”>Step 2<span></span></li> <li class=”inprogress”>Step 3<span></span></li> <li class=”last”>Step 4<span></span></li> </ul>…
Horizontal Purple 3D Round CSS Menu
HTML <div class=”onlycssmenu clearfix”> <ul class=”clearfix”> <li class=”first”><a href=”#” class=”active” title=”Only css menu”><span>Only css Menu</span></a></li> <li><a href=”#” title=”Css Menu”><span>Css Menu</span></a></li> <li><a href=”#” title=”Css Menu”><span>Css Menu</span></a></li> <li><a href=”#” title=”Only Css Menu”><span>Web 2.0 Menu</span></a></li> <li class=”nopipe”><a href=”#” title=”Css Menu”><span>Web 2.0 Menu</span></a></li> </ul> </div> CSS <style> .clearfix:after { content: “.”; display:block; height:0; font-size:0; clear:both; visibility:hidden; } .clearfix { display:inline-block; }…
Gray Vertical Menu
HTML <div class=”lefnav”> <a href=”#” class=”active” title=”Only For Css Menu”>Only For Css Menu</a> <a href=”#” title=”Only For Css Menu”>Only For Css Menu 2</a> <a href=”#” title=”Only For Css Menu”>Only For Css Menu 3</a> <a href=”#” title=”Only Css Menu”>Only Css Menu 4</a> <a href=”#” title=” Css based Menu”>Css based Menu</a> <a…
Black Horizontal Menu
HTML <div id=”tabMenu”> <ul class=”topnev”> <li><a href=”#” class=”active”>CSS MENU</a></li> <li><a href=”#”>CSS MENU 2</a></li> <li><a href=”#”>CSS MENU </a></li> <li><a href=”#”>CSS MENU</a></li> <li><a href=”#”>CSS MENU</a></li> <li><a href=”#”>CSS MENU</a></li> </ul> </div> CSS <style> #tabMenu { background:#000000; margin:10px 0 0 0; padding:5px 0 0 50px; } ul.topnev { margin:0; padding:0; list-style:none; border:#000; } ul.topnev…
Horizontal DropDown Orange Classic
HTML <ul id=”HDropdown-orange-classic”> <li><a href=”#” title=”Horizontal Css Menu”>Horizontal Css Menu</a> <ul> <li><a href=”#”>Sub Menu</a></li> <li><a href=”#”>Sub Menu</a></li> <li><a href=”#”>Sub Menu</a></li> <li><a href=”#”>Sub Menu</a></li> </ul> </li> <li><a href=”#” title=”Css Menu”>Css Menu</a> <ul> <li><a href=”#”>Sub Menu</a></li> <li><a href=”#”>Sub Menu</a></li> <li><a href=”#”>Sub Menu</a></li> <li><a href=”#”>Sub Menu</a></li> </ul> </li> <li><a href=”#” title=”Only Css Menu”>Only Css Menu</a> <ul>…