Diễn đàn lập trình
Responsive là gì và Responsive hiển thị như thế nào? Bạn có thể chưa biết Responsivecó thể tự điều chỉnh chế độ sao cho phù hợp với kích thước của màn hình và có thể xem trên mọi thiết bị khác nhau. Vậy làm thế nào để Responsive trong CSS hiển thị ra, thì hãy tham khảo ngay…
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…
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…
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,…
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ẽ…
Đ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…
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>…
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; }…
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…
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…