SIDEBAR
»
S
I
D
E
B
A
R
«
List of Best CSS Tricks
by sheri

List of Best CSS Tricks

CSS, a very well known language that helps us in giving style to our web page, so that the viewer can feel happy, get all the information that he wants and would love to visit our web page again and again. So, there are many tips and tricks that can apply to different sections of a web page to make it look attractive. This is the reason why we are providing a list of best CSS tricks we are providing. This list comprises of the style and the things that we can perform using CSS, it may be at the basic level, intermediate level or at the advanced level. But most probably you will find it in the ascending order of their complexity or their level.

• Choose good typography style for your blog or website so that the person who visit on that blog or website feels comfortable in reading the desired content. The visitor must find easy to find the content on the page so that they return back again to your page to solve any query in the future. If the typography is not good then there are lots more options available to the user.

• You can define a class for heading (<h1> tag), so that you can replace the heading text with an image or a stylish font. Only <h1> heading tag is specified here, this is because of the fact that the title of the article you are writing is most important as any search engine consider your content by finding it out by its title text. So, this is the way you can make it attractive and yet makes it searchable for search engine to count upon.

• Fade Out the Bottom of the page – You can fade out the bottom of your page by using a fixed position image. It really looks great while watching this effect on the web page.

• One can hide their links in the text that is, you can have make hidden links using CSS. To do so you need to create a class and use color property, text-decoration property and cursor property. Now, to make any hidden link all you have to do is specify this class in that <a> tag.

• You can create logos by using only CSS too. Designing logos using only CSS have a number of advantages over other. Using only CSS in designing logos helps in loading faster, secondly it will perfectly work at places where images are disabled and it will make it scalable.

• All of you must add some YouTube videos to your websites or blog. You ever think of decorating those videos too using CSS? If not, it’s the time to do it. Check out the example(http://css-tricks.com/examples/YouTubeBackground/).

• Using CSS3, we can give different effects over our text on the web page. You can use text-shadow property and word-wrap property. First property makes the text look attractive and the second one makes it more readable than before. But the text-shadow property is not supported by Internet Explorer but yet it is supported by other commonly used browsers.

• Menus are the topics that demonstrate the content under that word. So, it should look attractive so that a person can easily find out the category he want to choose. An awesome menu can be created by using CSS3. (http://tympanus.net/codrops/2012/01/22/how-to-spice-up-your-menu-with-css3/)

• CSS3 allows us to do some sloppy things too with our images. Check it out the examples regarding that – Sloppy Elements with CSS3(http://tympanus.net/codrops/2011/12/21/slopy-elements-with-css3/).

• Produce multi-colored progress bar, as that in a graph showing some stats regarding a survey or something. This thing will make it more attractive. You can check it at Multi-colored progress Bars(http://www.webinterfacelab.com/snippets/multi-colored-progress-bars).


Comments are closed

SIDEBAR
»
S
I
D
E
B
A
R
«
© Copyright cssblaze.com