Introduction to Bootstrap
With the increasing popularity of mobile devices, web developers are required to think about their website design for mobile devices from the beginning of a development project. Developing web applications targeting multiple devices can be challenging. Web developers often resort to third-party frameworks for features such as theming, widgets and responsive design. One such handy, popular and open source framework is Bootstrap. Using Bootstrap you can develop responsive websites without bothering too much about CSS. It provides a rich CSS framework that you can customize if the need arises. Adding common web page elements such as navigation menus, buttons, form elements and typography is quite easy with Bootstrap. This article is intended to give you a basic understanding of Bootstrap so that you can start using it in your web applications.
Posted On : 01 Mar 2014
Introduction to CSS3 Media Queries
With the increasing popularity of mobile devices, web developers are required to ensure that their website renders well on different devices. One important aspect in such a rendering is applying different CSS rules to different requesting devices. To that end CSS3 media queries allow you to apply CSS rules depending on the media type and its capabilities. This article examines what CSS3 media queries are and how to use them in your web pages.
Posted On : 22 Feb 2014
5 CSS3 Features That Simplify Your Web Page Styling
If you are a professional web developer chances are you use CSS for styling your web pages. The latest version of CSS - version 3 - adds many features to the CSS2 feature set, making it appealing to any web developer. This article discusses five features of CSS3 that you will find interesting. The features discussed in this article include - New selectors, border images, gradient, setting opacity and multicolumn layouts.
Posted On : 10 Feb 2014
Creating a Slide Show Using the History API and jQuery
During Ajax communication, page content is often modified in some way or another. Since Ajax requests are sent through a client side script, the browser address bar remains unchanged even if the page content is being changed. Although this behavior doesn't create any problem for an application's functionality, it has pitfalls of its own. That's where History API comes to your rescue. History API allows you to programmatically change the URL being shown in the browser's address bar. This article demonstrates how History API can be used with an example of a slide show.
Posted On : 04 Feb 2014
7 Things You Need To Know About Web Workers
Web Workers allow you to run JavaScript code in the background without blocking the web page user interface. Web workers can improve the overall performance of a web page and also enhance the user experience. Web workers come in two flavors - dedicated web workers and shared web workers. This article discusses seven key aspects of web workers that you need to know if you decide to use them in your applications.
Posted On : 27 Jan 2014
7 Things You Should Know About the Geolocation API
Many websites don't need to know anything about the geographical location of their visitors. In certain cases, however, this knowledge can be useful and can be used to enhance the user experience. This knowledge can also be used to integrate special features into your application. Consider, for example, a company selling some electrical equipment. By knowing the user's geographical location you can suggest the nearest store where they can visit, and purchase the products. To provide such suggestions it is important to capture the user's location. To that end, the Geolocation API allows you to do just that. This article examines seven key things you should know about the Geolocation API in order to use it in your web applications.
Posted On : 17 Jan 2014
Understanding the Proper Way to Lay Out a Page with HTML5
A web page being rendered in the browser consists of many things - logo, informative text, pictures, hyperlinks, navigational structure and more. HTML5offers a set of markup elements that allow you to create a structured layout for web pages. These elements are often termed as Semantic Markup because they convey their meaning and purpose clearly to the developer and to the browser. This article discusses some of the important HTML5 elements that can contribute to the layout of a web page.
Posted On : 13 Jan 2014
5 HTML5 Features Every Developer Should Know How to Use
As HTML5 becomes more and more common, it is important for web developers to know the main features and how to use them. HTML5 not only includes new markup elements but also APIs that can be consumed from the JavaScript code. If you are not familiar with HTML5 yet, it's the right time to peek into some of the interesting features. To that end this article discusses some of the features of HTML5 that are worth knowing. Specifically you will learn about audio, video and canvas elements, new input types, miscellaneous form features and custom data attributes.
Posted On : 19 Dec 2013
Two Ways of Passing HTML5 Web Storage Data to ASP.NET
HTML5 web storage allows you to store data on the client side. However, unlike cookies this data is not passed automatically to the server with every request-response cycle. To pass the data stored in web storage to the server you need to make some programmatic arrangement. Two ways by which such a data transfer can be facilitated are hidden form field and Ajax call. This article explains both of these techniques with an example.
Posted On : 09 Aug 2013
Tricky issue with HTML5 drag and drop
HTML5 supports native drag and drop through draggable property and several events such as dragstart, drag, dragenter, dragleave, dragover and drop. Normally dragstart event handler is where you set the data that is to be transferred between the drag source and drop target. The drop event handler is where you handle the drop of a drag source, access the data transferred and process it further. Now, in this particular case only the dragstart and drop events were handled. And the drop event handler never used to get called. In other words dragging operation was successful but dropping operation was not.
Posted On : 21 May 2013