Found 10878 Articles for Web Development

The ability to create draggable elements within a web page is one of the new features and skills that HTML5 offers for web developers. It becomes a very popular and widely utilized feature. It simply means to move a picture to another location by dragging it there with the cursor. By employing mouse or touch motions, users will be able to drag an image or other content around the page. In this article, we'll look at how to build a draggable image in HTML5. It's simple to make any HTML5 element draggable, including photos. The 'draggable' feature is utilized. It accepts ... Read More

An important function of jQuery Mobile that makes it easier to create unordered list views is autodividers. Unordered list views are often used in web applications to display lists of items. Developers can automatically build group dividers based on the value of a particular property by using the Autodividers functionality. In this tutorial, we'll look at two distinct ways to use jQuery Mobile to build Autodividers for unordered list views. The "data-autodividers" attribute is used in the first strategy, but a custom function is used in the second strategy. These strategies accommodate to various developer tastes and needs by providing ... Read More

The datepicker interface element, which is frequently used during web development, helps individuals choose a date from a graphical calendar. A sophisticated and adjustable datepicker widget is one of the many UI widgets and effects offered by the well-known jQuery UI toolkit, that are employed to create websites. In this article, we'll cover all the steps needed to make a straightforward datepicker with jQuery UI. Datepicker in JQuery A very customizable plugin that gives your pages datepicker capabilities is the jQuery UI Datepicker. You may easily add buttons and other navigation options, limit the selectable date ranges, and change the date ... Read More

An efficient and well-organized way to show information is through the use of accordions. This pattern is particularly helpful for mobile devices when space is at a premium and users frequently seek out quick and simple access to the data they require. A popular framework called jQuery Mobile offers a selection of tools and widgets for developing web apps that are mobile-friendly. The Collapsible Set widget, one of the built-in widgets in jQuery Mobile, offers a simple way to build an accordion. This post will examine two methods—using the Collapsible Set widget and custom code—for building a simple accordion with ... Read More

Based on the jQuery library, jQuery Mobile is a well-known open-source mobile user interface framework. It enables developers to create mobile web apps with a native-like look and feel and offers a collection of user interface elements and widgets that are suited for mobile devices. The ability to build ordered listviews, which let users simply browse through a collection of objects that are sorted in a specific order, is one of jQuery Mobile's core capabilities. A feature of jQuery Mobile listviews called autodividers enables you to automatically group things according to some other property or the initial letter of each item. ... Read More

By automatically filling in common fields like name, email, and address, autofill forms have grown in popularity as a feature on websites and mobile applications. When developing autofill forms, developers have two options: either utilize locally stored fixed data or use dynamic data that is periodically updated based on user inputs. The Web Storage API is one of the most important resources available to developers for local data storage. It offers techniques for browsers to store key/value pairs in a more natural way than with cookies. SessionStorage and localStorage are the two Web Storage techniques; while sessionStorage only keeps data for ... Read More

SVG, or Scalable Vector Graphics, is a markup language built on XML which is employed to produce vector graphics. SVG pictures can be scaled to any size without losing quality because they are independent of resolution. They are the best option for designing visuals that must be viewed on many devices with various screen widths. We'll talk about making an SVG scale with its parent container in this article. The fundamentals of SVG, how to design one, and how to make it responsive will all be covered. What is SVG? Let's first define SVG before learning how to make an ... Read More

Bootstrap, is a CSS framework that can be used to style your web pages without even writing the CSS code in an external file. It is an open source framework that is available for free. You just need to include the CSS and the JavaScript CDN of this framework to use the dynamic and interactive components which are already built in this framework. There are some classes define in this framework that you can use to style the elements of your web page. In this article, we are going to learn about writing the bootstrap media queries for very large ... Read More

The Magnific popup is a jQuery plugin that can be used to show some HTML popups on the web page as its name suggests. It is a light-weight, responsive fast and modal dialog jQuery plugin. IT can be used to show any kind of content like images, videos, ajax responses, iframe and image galleries. There are many ways of using this plugin in your current project that are discussed in in details below − By downloading the latest version from https://plugins.jquery.com/magnific-popup/ in the form of zip file. You can also clone the git repository the magnific plugin from https://github.com/dimsemenov/Magnific-Popup.git ... Read More

The text-overflow property in CSS is used to handle the overflown text on the web page. This property helps us to show the overflown text in a specific way. The text-overflow property is used with two more other properties with fixed value to show overflowed text in a specific manner and those properties are white-space: nowrap; and overflow: hidden; with the given values. Once these properties are set on the element, we can use the text-overflow property with different values as written below − clip − It is the default value of this property in which the overflowed text ... Read More