StudywithDemo

HTML5 new tags

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
<div class="MsoNormal" style="background-color: white; background-position: initial initial; background-repeat: initial initial; line-height: 14.4pt; margin-bottom: 0.0001pt; text-align: justify;">
<span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";">Hai everyone today i will
introduce some of the new tags or elements in html5 along with explanation. This HTML5 tags are also known as Semantic Elements. Html5 is a latest hyper text markup language and next level to html. Web
design is going forward by integrating various types of technologies such as HTML5,
CSS3 and Bootstrap. Some of the older tags have been eliminated and new tags
have been added. Lets have a look on importance of html5.<o:p></o:p></span></div>
<div class="MsoNormal" style="background-color: white; background-position: initial initial; background-repeat: initial initial; line-height: 14.4pt; margin-bottom: 0.0001pt; text-align: justify;">
<span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><br></span></div>
<div style="text-align: center;">
<b><span style="color: #e06666;">Screenshot</span></b></div>
<div style="text-align: center;">
<b><span style="color: #e06666;"><br></span></b></div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0a6mseB5toKGkMkT1QfLaBS5PR5YJRlYdipme2dTkyHI0wl-7JT_LetDAwY3-A5_33VfTEHYTRsWLPsgBoYtH3C5Zl6Q0XKwH_oetQYg0lFxnduDRd573nt3Gcuvjue8Z-M0hwz1KjfI/s1600/studywithdemo+html5+tags.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0a6mseB5toKGkMkT1QfLaBS5PR5YJRlYdipme2dTkyHI0wl-7JT_LetDAwY3-A5_33VfTEHYTRsWLPsgBoYtH3C5Zl6Q0XKwH_oetQYg0lFxnduDRd573nt3Gcuvjue8Z-M0hwz1KjfI/s320/studywithdemo+html5+tags.png" width="300"></a></div>
</div>

HTML5 new tags

Hai everyone today i will introduce some of the new tags or elements in html5 along with explanation. This HTML5 tags are also known as S...

Bootstrap Forms Tutorial

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
Hai everyone today i will show how to create forms using Bootstrap. Twitter Bootstrap is a best front-end framework for developing and designing web applications. Using bootstrap we can easily design the web pages without any designing knowledge, it makes developing css much faster, it is less weight and very helpfull to web designers. I used bootstrap for creating stylish forms, buttons, grids and everything according to your need. First of all download the twitter bootstrap form the official website :[ <span style="color: #0b5394;">http://getbootstrap.com/ </span>] and go to dist folder it will contains js, css, fonts folder.<br>
<br>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVdiCa96u17LYvmYxlrX4Z5t25tbc7e0fSjnE_On7rcpIGnxTAqsNbh8bVvNJQbHv36DF1IkL3WC7wDNPGIj3OWrb3MmPrBz7NuxEJ9EUxnWAU4-Ix3q047twzmg-ft4Ot47YP50KY07Q/s1600/studywithdemo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="208" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVdiCa96u17LYvmYxlrX4Z5t25tbc7e0fSjnE_On7rcpIGnxTAqsNbh8bVvNJQbHv36DF1IkL3WC7wDNPGIj3OWrb3MmPrBz7NuxEJ9EUxnWAU4-Ix3q047twzmg-ft4Ot47YP50KY07Q/s320/studywithdemo.png" width="320"></a></div>
<br>
</div></div>

Bootstrap Forms Tutorial

Hai everyone today i will show how to create forms using Bootstrap. Twitter Bootstrap is a best front-end framework for developing and des...

How to create facebook like edit box using jquery

<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
<span style="font-family: "Calibri","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-ansi-language: EN-US; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: "Times New Roman"; mso-bidi-language: AR-SA; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: EN-US; mso-fareast-theme-font: minor-fareast; mso-hansi-theme-font: minor-latin;">Hai
frnds, today im creating facebook like profile edit with jquery without using
any database. Here i used the simple .toggle() function means it toggle two functions
when a button is clicked, but the .toggle() function is available upto jquery 1.8
version if any one working with jquery 1.9 or above version it does not work so
please download the below 1.8 jquery version. All the versions are available in
jquery official site. Simply go to </span><a href="http://jquery.com/download/" rel="nofollow" target="_blank">http://jquery.com/download/</a><span style="font-family: "Calibri","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-ansi-language: EN-US; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: "Times New Roman"; mso-bidi-language: AR-SA; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: EN-US; mso-fareast-theme-font: minor-fareast; mso-hansi-theme-font: minor-latin;"> website scroll
down the page to Past Releases of jquery, Download and Enjoy it.</span><br>
<div style="text-align: center;">
<span style="font-family: "Calibri","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-ansi-language: EN-US; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: "Times New Roman"; mso-bidi-language: AR-SA; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: EN-US; mso-fareast-theme-font: minor-fareast; mso-hansi-theme-font: minor-latin;"><br></span>
<span style="color: #e06666; font-family: "Calibri","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-ansi-language: EN-US; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: "Times New Roman"; mso-bidi-language: AR-SA; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: EN-US; mso-fareast-theme-font: minor-fareast; mso-hansi-theme-font: minor-latin;"><b>Sample Screenshot  </b></span><br>
<span style="color: #e06666; font-family: "Calibri","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-ansi-language: EN-US; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: "Times New Roman"; mso-bidi-language: AR-SA; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: EN-US; mso-fareast-theme-font: minor-fareast; mso-hansi-theme-font: minor-latin;"><b><br></b></span>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-4-60QtgZaQ3gSWngV1YFrpedR4TUkXob_FtgtZt37kb-g9h0DG-VPS8iK6hXGtZb8xi0s1m3FPE4pKJL4t7DV8SL1Ssi6ENm2aMSxegPgFo2fZCqsARykuNQa_lOCcfz9glZp4LcgqI/s1600/editbox1.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="facebook like profile edit" border="0" height="176" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-4-60QtgZaQ3gSWngV1YFrpedR4TUkXob_FtgtZt37kb-g9h0DG-VPS8iK6hXGtZb8xi0s1m3FPE4pKJL4t7DV8SL1Ssi6ENm2aMSxegPgFo2fZCqsARykuNQa_lOCcfz9glZp4LcgqI/s320/editbox1.PNG" title="" width="320"></a><br>
</div></div></div></div>

How to create facebook like edit box using jquery

Hai frnds, today im creating facebook like profile edit with jquery without using any database. Here i used the simple .toggle() function...

Making of 8 passport size photos in single maxi

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
Hai frnds, today im showing how to make passport size photo or 8
passport size photos in single maxi easily in photoshop. By using this
procedure we can get 8 passport size photos just for 5 or 6 rupees by taking this
maxi to photo studio then take a print and cut it in 8 pieces. Here we can use any
version of photoshop like 7.0,cs,cs1,2,3,4,5,6. I'am sure that every one should
easily understand this tutorial. Get ready with your are photoshop and image.<br>
<br>
<h2 style="font-weight: bold;">
About Photoshop</h2>
<div>
<br></div>
<div class="MsoNormal">
<div class="MsoNormal">
Adobe Photoshop is a famous professional photo editing
software that can be used by experts and web designers for designing greeting
cards, wedding cards, banners, invitations, movie titles and we can also do
image manipulations like cropping the pictures, applying effects, changing
colours, making gif animations etc. It has so many things like blending
options, brushes, styles, shapes etc. Using this we can create our own desktop
and mobile screen backgrounds. In latest version photoshop having different inbuild
screen sizes and also providing various document sizes like A4, A3, legal etc. The
main advantage of photoshop is we can edit any image as you like and very easy
to do any modifications.<o:p></o:p></div>
<div class="MsoNormal">
<br></div>
<div class="MsoNormal">
Photoshop is more usefull for photographers. Photoshop
contains the wide range of tools, effects, filters and third party plugins by
using this photographers can easily edit there images. For example if you want
to change background of the image we can do it using photoshop with in small
amount of time very effectively. It has very easy user interface. We can
install photoshop on different platforms like mac, linux and windows.<o:p></o:p></div>
<div class="MsoNormal">
<br></div>
<div class="MsoNormal">
<b>Photoshop Requirements</b><o:p></o:p></div>
<div class="MsoNormal">
<br></div>
<div class="MsoNormal">
Before installing photoshop we have to keep one thing in
your mind. Photoshop is so powerful it requires good working environment to run
the photoshop application. I would recommended to have at least 128mb of Ram for Adobe Photoshop 7.  If
you are using latest version photoshop then the ram should be more.<o:p></o:p></div>
</div>
</div>
<div style="text-align: center;">
<span style="color: #e06666;"><b>Screenshot</b></span><br>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDIU7lZL8VLHkmkbeUXxuDw6fM9u3LeI-yIbaIv0vqkwbulhxEJ2A9Yj1LP1MFrXXCNOszBJItCFbiwI58JnOdBKhhP7BQkP5wK32Xc27l4C4W3iBu3OVDzNtYvMl8UuBC3ZcGViUpwD0/s1600/maxi.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="265" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDIU7lZL8VLHkmkbeUXxuDw6fM9u3LeI-yIbaIv0vqkwbulhxEJ2A9Yj1LP1MFrXXCNOszBJItCFbiwI58JnOdBKhhP7BQkP5wK32Xc27l4C4W3iBu3OVDzNtYvMl8UuBC3ZcGViUpwD0/s320/maxi.jpg" width="400"></a></div>
</div>

Making of 8 passport size photos in single maxi

Hai frnds, today im showing how to make passport size photo or 8 passport size photos in single maxi easily in photoshop. By using this pr...

Font Size Change with jQuery

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
Hai everyone today i will show how to change font size using jQuery.I am trying to do it very simple. Just u need little jQuery and html knowledge. By using this tutorial we can easily increase and decrease the font size dynamically with jQuery.</div>
<div style="text-align: justify;">
<br></div>
<div style="text-align: center;">
<span style="color: #e06666;"><b>Screenshot</b></span></div>
<div style="text-align: center;">
<br></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcU_74mw3qWCL-UjUHlUbLMQplchVioVO7Y_UQAr2lJKNVOvjb3Fem9wS6u762-GF4EJTqZ377bOT7v6MIq7Laq2hpOhCWyo7GN-hc7LFd3YWZyzJZBX2UHtm3IXXsAZCasXkdejqJneg/s1600/studywithdemo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="203" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcU_74mw3qWCL-UjUHlUbLMQplchVioVO7Y_UQAr2lJKNVOvjb3Fem9wS6u762-GF4EJTqZ377bOT7v6MIq7Laq2hpOhCWyo7GN-hc7LFd3YWZyzJZBX2UHtm3IXXsAZCasXkdejqJneg/s400/studywithdemo.png" width="400"></a></div>
</div>

Font Size Change with jQuery

Hai everyone today i will show how to change font size using jQuery.I am trying to do it very simple. Just u need little jQuery and html k...