Checkboxes & Radio Buttons

Radio Buttons and Check boxes are one of the most common type given to Input tags. These are mostly used in forms and other form related areas. Actually Radio buttons are graphical icons representing one of the set of items. Out of this set of items only one item can be selected at once.

Checkbox_1

Checkbox 1

On the other hand, Checkbox as shown in figure above are defined as a graphical control element, which allows users to make binary selections. This exactly means a choice between one of two possible mutually exclusive options. Checkboxes are often shown on the screen as a square box as shown in above image. These checkboxes are used to make multiple selections.

     

Basic Bubble Slider

Something that is now days most widely used in forms, in eCommerce websites and in many more sections of a web page. This is a basic Slider. If you surf the web, you’ll probably see that more and more websites have a slider that rotates images and text and usually at the top of the home page, while in E-Commerce it is used to set a particular range that we want. In technical term, a slider is defined as a Track Point. It is a graphical control element with which a user may set a value by moving an indicator, usually in a horizontal or sometimes in vertical fashion.

     

Basic Preloaders

Hello Folks! I am back with another post. I hope you guys are following my blog post. Today I will be sharing something about Pre-loaders. You might have seen a lot pre-loaders while using lot of mobile apps and websites. Now days many websites has been powered up with preloaders in the beginning. It adds an interactivity to a webpage with some sort of animations. Today I am going to tell how to create a simple jQuery Preloader with very few lines of jQuery & CSS code.

Preloader

Preloader

     

Different Dropdowns

DropDown1 Hello Folks! Today I will be sharing another important topic with you. This topic is regarding different kinds of dropdown. I believe you all have noticed importance of Dropdown in different websites these days especially in contact forms and other kind of forms. Basically Dropdown is simply a list which allows the user to choose one or multiple values from a list. When activated, it displays (drops down) a list of values, from which the user can select one or multiple values. To create a very simple Dropdown or Select list, we basically us HTML. Using Select and Option Tag, we can easily create a simplest Dropdown. Now we can style this Dropdown using CSS Styling. This Styling wont affect its working. Because Styling can be changed using some kind of scripting.

     

Downloading a File with different Name !!

Hello Folks! Today I am here to share a simple trick with you. Have you ever noticed that the file you are downloading is having a different file name which is different from the one mentioned in the code. If you haven’t done yet, you can do so by checking the HTML Code in your specific browser. These days it is common for the designer and developers to use a different name for the file to be downloaded. This is done basically to provide ease of access to the user. So that user can save the file to there local memory with a proper name.

     

Colorful Scrollbar Within Window

A scrollbar is used to scroll down or scroll up any page. Using some easy HTML and CSS we can create our own styled scrollbar. These scrollbar can have curved edges, it can also be colorful. Depending on the conditions and requirement we can make different types of scrollbar. These will work perfectly for both x-axis and y-axis. The sample demo file is attached below.

Custom Scroll

Custom Scroll