Blog

HTML Trick With Meta Tag

Oct 22nd, 2009 - 0 comments

Meta is a Latin word that means ‘with’. However, they are used to provide information about the Document itself. This type of information is relevant mostly to the Browser and not much to the user of that web-page.

Meta tag contains information and data that is of use to the Browser and/or the Search Engines. It basically contains information about the contents of the Document.

Here, I will demonstrate a HTML Trick with Meta tags in which the web-page will automatically load up another web-page and take the user to that web-page without any input from the user’s side, like a click or prompt.
Read More


HTML Trick With Forms

Oct 22nd, 2009 - 0 comments

HTML Forms are used when we need the user’s input, like Name, Email Address, Age etc.

Through the usage of forms we can also take in the user’s choice in some particular scenario. A common use of Forms is in taking Feedback and Suggestions in any website.

Here we illustrate the code required to set up a Form to take Suggestions.

<FORM action="mailto:your@email.com" method="post"> <TABLE BORDER="0" CELLSPACING="1" CELLPADDING="4" WIDTH="75%"> <TR> <TD width="20%"><DIV align="right"> <B>Name:</B> </DIV> </TD> <TD width="80%"> <INPUT type="text" name="name" size="15"> </TD> </TR> <TR> <TD><DIV align="right"><B>Email:</B></DIV> </TD> <TD> <INPUT type="text" name="email" size="30"> </TD> </TR> <TR> <TD><DIV align="right"> <B>Suggestions:</B> </DIV> </TD> <TD><TEXTAREA name="suggestion" cols="30" wrap="virtual" rows="4"> </TEXTAREA> </TD></TR> <TR> <TD> </TD> <TD> <INPUT type="submit" name="submit" value="Submit"> <INPUT type="reset" name="reset" value="Reset"> </TD></TR> </TABLE> </FORM>

Here is how the above code will display a Suggestion Form.

Your browser may not support display of this image. Here Name/Email/Suggestions are Input Fields for the user. We have made the input type as text (see the code) so the user will need to enter in, text in these Input Fields.

Basically, we have drawn a table in which we have placed the input fields and their markers. This ensures that all the fields are in line and look neat as well.

The 2 buttons at the bottom of the Form ‘Submit’ and ‘Reset’ are very essential. The Submit Button will take all the data entered by the user and save it accordingly as per the code.

Whereas, the Reset Button will clear out all the fields and the user would need to fill in the form again.
Read More


CSS Cheats

Aug 22nd, 2009 - 0 comments

For any web developer style sheets are an important tool. However, learning and using CSS can be difficult at the beginning. These are few cheats and tricks that can be done by the use of Cascading Style Sheets.

Box Model Hack Alternative – This is usually used to solve problems of rendering in pre-Internet Explorer 6 browsers in PC. The border and padding are added along with the width of the element.

For example-
padding: 2em;
border: 1em solid green;
width: 20em;
width/**/:/**/ 14em;


All browsers can read the first command of width except for IE 5.x.
Read More


All About HTML Frames

Aug 13th, 2009 - 0 comments

Frames in HTML permits a number of html documents which can be displayed inside one browser window at one time. The significance of this is that there is one webpage that contains no content. However, this page specifies the browser which web pages the user requires to open. Frames usually have a menu in each frame and the content is contained in another frame. When the user selects a particular link from the menu, the related web page opens on the content page.
Read More


Welcome to our Blog

Aug 13th, 2009 - 0 comments

Welcome to the SnobbySlice Blog!

We hope to develop an active site geared towards the design and development community. From Photoshop and HTML tutorials, to timely links and freelancing tips, we’re gearing up to deliver content that’s relevant to your work cycle. Stay tuned for giveaways, freebies, and more!
Read More


About

Welcome to the SnobbySlice blog! Here we post design and developer-centric tutorials, articles, and giveaways. Read up and comment on some of our great content!