Blog posts

Display: None Best Practices

One of the commonest display values is ‘none’. Specialized elements like ‘script’ use this as the default. Without deleting or recreating any item, this particular property is used very commonly with JavaScript. Someone may be confused with the property ‘visibility’, but it is far different from that. Some people are militant about it, but it can sometimes be useful. Also, most people use “Display: None” as a short-cut to hide certain elements, but that is not safe. Anyone with a browser can use developer tools and uncover the elements hidden this way.

Creating a Stylish Dotted Border With CSS: Tutorial

CSS can be used for creating different types of borders. Borders can change the look of webpage dramatically. That is why creating borders with perfection are highly significant for any developer. However, here in this article we are going to discuss about the way of creating a dotted border in CSS. For creating borders with CSS, one needs to use the property ‘Border-style’. By using this particular property, you will be able to create various types of borders including the dotted one. However, let us look at the values of ‘Border-style’. ● border-style: dotted; ● border-style: dashed; ● border-style: solid; ● border-style: double; ● border-style: groove; ● border-style: ridge; ● border-style: inset; ● border-style: outset; Those are the values of border-style. Among all of that, you need to use the first one to create a dotted border. However, dotted border will create a border having dotted line. Here is the coding: <div style=”border-width: 2px; border-style: dotted; border-color: red; “> testing border style</div> Here is the result: testing border style In the coding, border-width stands for the width of the border. You should already find that the ‘border-style’ property value has been set to ‘dotted’. ‘Border-color’ property value has been set to red and that is why you are watching the red dots. By following the rules applied here, now you should be able to create dotted lines with CSS. If you want to create borders with different color, you just need to change the property of ‘Border-color’. After changing it, you will be able to find dots of different color. However, if you want to change the width of the border, you have to change the ‘border-width’ property. That particular property will help you to determine how wide the dots will be. By the way, that is all for creating dotted borders with CSS. Now you should be able to create a border very easily.

Using Heading tags to improve Your SEO

When search engines crawl your site they emphasize the content of the heading tags. They figure that if this is the heading content of your page, it’s likely what the page is about. These heading tags are H1 through H6 and work just like any other tag in HTML. By default H1 tags have the largest font size and it decreases all the way down to h6 with the smallest. Usually, H1 will be the heading of the page or website. Common H1 tags could be your website name, name of the page, or an article name. From there H2 tags could be subheading for articles or sidebar content. It’s commonly recommended to only have one H1 tag per page. From there you can have as many H2-H6 tags as you see fit. If you were making a webpage about building a computer, a good way to lay it out would be as follows. <h1>Building a computer</h1> <h2>Buying components</h2> <h2>Installing components</h2> <h2>Installing software</h2> <h3>Sidebar headings</h3> <h3>Additional sidebar</h3> In addition to properly laying out your heading tags, making them unique is another must do. Making your heading as targeted as possible is key. Describing exactly what is on your page is the best way to get visitors from search engines. You do not need to use all H1 through H6 tags on your page. If you use one H1, three H2, and six H3 tags that is completely fine. It is okay that there would not be any H4, H5, or H6 tags on your page. There really any advantage to continuing to use the heading tags for paragraphs or the main text on your page. For example having the body of a blog post in an H4 tag but styling it in CSS to look like normal text won’t help your SEO any more than normal text.