Web Design, HTML And CSS Tutorials

Resources, articles, tutorials for everything in Web Design, HTML and CSS.
  Title Reverse Sort Order / Author Replies
After AWeber, GetResponse and Feedburner SlideUp there has been so many requests for Slideup especially for Blogger and other Autoresponders and so here I come up with a general SlideUp HTML code that you can use for any any autoresponder with any CMS of your choice including static pages. As this...
In HTML, formatting the elements were useful in showing text with special meaning. Special elements of HTML are useful for defining text with particular meaning. Learn about different formatting with appropriate examples. Bold formatting Using the bold formatting the text is displayed in bold...
The following grammar tips apply whether you are writing copy for marketing, a a press release, content for your site, or even if you are a programmer and you place error messages in your code. Do not underestimate the difference that using correct grammar will make. Although some people do...
Before starting this article I want readers to know what a pixel is. Pixel is short for Picture Element. A pixel is a single point in a graphic image. Graphics monitors display pictures by dividing the display screen into thousands (or millions) of pixels, arranged in rows and columns. The pixels...
If you have never tried this before, it is an excellent implementation for buttons and images. What I am teaching here? We are going to learn how to fade an image to its greyscale equivalent by using CSS sprites and JQuery. Before we begin check out the working example. Now, lets see the HTML...
Sticky Social Icons (or even Feedback buttons) in the side whitespace is one of the cool things among bloggers these days and there are lot of great plug-ins available that can get you done this in few clicks. The only thing I did not like about those plug-ins is they did it using jQuery and for...
A website is an important part of any business enterprise today. The size and kind of business is immaterial. The Internet is so very popular and everybody expects a company to have its very own web site and the one's that don't have are looked down upon. Is it good enough to just have a website?...
Working for one of my client where he had design for dual color border and the easiest way to get it done was to use 2 elements having border of different color.. <div style="border:2px solid blue;"> <div style="border:2px solid Orange;"> Some Content You want Goes Here </div> </div>...
Many developers in search engine arena thinks that as meta's are not that important to use in search engines but thats not all the meta's can do. If you would like to refresh a page after certain interval of time you can do that in just a single line using Meta's and you dont need any server side...
The well-appreciated and possibly most-remembered “secret” code of all time, The Konami Code, a cheat code that originated on the original NES and has since made its way into many other games. up, up, down, down, left, right, left, right, B, A But it is not only limited to games anymore! You...
The attribute in HTML provides user with more information about the element. It is always added inside the opening tag of the element. Every attribute contains of two parts as name and value. The name defines the property to be assigned to the attribute. The value describes the value to be assigned...
Question Number 1 1.<FORM action=http://www.x.com/p/sv method=post> 2. Name: <INPUT type="text" name="name"> 3. Address: <INPUT type="text" name="addr"> 4. Email: <INPUT type="text" name="email"> 5. Sex: <INPUT type=radio name=sex value=M>Male 6. <INPUT type=radio name=sex1...
Different HTML editors The editor is a program useful for editing the HTML coding which is added as the markup. The text editors are used for adding the HTML markup. There are different advanced editors which are useful for adding the functionality to them. These editors are useful for...
HTML4 has been a standard web development for more than 10 years. HTML4 is approved and ratified as a standard language for browsers by the World Wide Web Consortium (W3C), an organization which specifies and approves standards for web technologies. However, with the advent of smart-phones era,...
Yup another post on the same day, again something old but haven't answered properly on the internet. The issue is what every web designer keep searching for years after properly coding the theme : "the damn footer doesn't stay at the bottom" ...
In this tutorial I'll be covering on how to make a simple yet attractive and useful exercise using Khan API (see more), Khan Accademy is a non profit organisation with a goal of changing education for the better by providing a free world-class education to anyone anywhere. Its a great initiative...
Overview about HTML HTML defines Hypertext Markup Language. It is used for writing content in the web pages. The web pages are linked together using hypertext. All the webpage links are known as hypertext. HTML is used for adding the markup to a document using tags which tells the browser to...
Taken from Wikipedia. Common errors Some of the most common errors in the usage of XHTML are: Failing to realize that documents won’t be treated as XHTML unless they are served with an appropriate XML MIME type Not closing empty elements (elements without closing tags in HTML4) ...
Heading tag Every html document contains a heading. All the heading have a particular size. Depending on the levels, the tags are ranging from <h1> to <h6>. Example: <!DOCTYPE html> <html> <head> <title>Example to demonstrate heading</title>
Transitions in CSS3 are useful when user wants to add the effect and the amount of time in which the effect should last. There are several properties used by CSS3 for styling that are explained in the article. 1. hover The user wants to modify the element size when the mouse cursor moves is...