Sarwara's Blog

Now a day responsive design is the main backbone of the web-design. You can see it as we don't need to create a website for different platforms such as (mobiles, Tablet PC's, Desktops, Mobile Phones etc.), By using responsive web design we have to write our code just once and That code will work for all different devices. That means no need to be worried about the devices. HTML5, we can say it a revolutionary change in the web technology you can do as many thing with the HTML5 which can be done only with Jquery and CSS3. so HTML5 helps you to make your template lighter and with the help of HTML5 and CSS3 we can make our template platform independent or device independent. you can learn about responsive Web Design by the following infographic   Hope You like it....

Now I'll explain you how you can built your own uploader which can upload multiple image files concurrentyl. It works in modern web browsers like chrome,  firefox, safari etc. Simple php and jquery is used in this simple demo. Its vary user friendly and user can drop files in the specified area and he/she just have to click on upload button the work is over files uploaded on the server. It sounds cool lets see how it works. Here we had used ajx and include jquery and multipleupload.js The working demo will explain you better you can download it. Download Code Requirments: html5 jquery simple php code and javascript HTML Code:   It is the html Drag and Drop form area. <body lang="en"> <center><h1 class="title">Multiple Drag and Drop File Upload</h1></center> <div id="dragAndDropFiles" class="uploadArea"> <h1>Drop Images Here</h1> </div> <form name="demoFiler...

In this tutorial i am gonna teach you how to create a dropdown navigation menu using css3 and HTML5. Yes, with the help of the advanced selectors of HTML5 we can create a simple navigation menu and then we can throw in some of the amazing effects using CSS3. By using your own creativity in CSS3 you can design your navigation menu however you want. And these things are possible without any javascript and background images. Download source code. In my this example i am going to create a navigation menu as it can be seen in the Image. with two level of submenu. So we first write the simple HTML5 code so that we can create the basic structure of the navigation menu. <nav> <ul> <li><a href="#">Home</a></li> <li><a href="#">JavaScript</a></li> <li><a href="#">Tutorials</a> <ul> <li><a href="#">Web Designing<...