Category Archives: HTML Elements

CSS Checkbox Background Color

In CSS there are many ways to change style. Sometimes it is easy and it could be a little complicated. To change style of text input is easy but changing style of checkboxes and radio buttons are very difficult. In this article, I am going to show how to change checkbox background color css.



Continue reading

How to Change Checkbox Size Css

If you search something about changing checkbox size, you can find many silly information about it. Lots of website say that size of checkbox can change with width and height. This is completely wrong. Only height and weight are not enough. If you read my article carefully, you can change size of checkbox easily.



Continue reading

Social Media Icons without Image

Sometimes webmasters need to add Social Media icons. If they are added as a image, this situation increases the size of web site. Here you can find Social Media Icons without Image. This is pure CSS.

– Facebook Icon
– Twitter Icon
– LinkedIn Icon
– Delicious Icon
– Rss Icon



Continue reading

Css3 Animated Checkbox

You can insert Iphone style checkboxes into your forms. There is no need to use javascript for doing it. You can do it with CSS3. You can find pure CSS3 animated checkbox below.



Continue reading

Multiple File Upload JQuery Drag and Drop

This file upload is so useful for webmasters. It is not only multiple file uploader. It has many properties. You can check properties below.

File Upload widget Properties
– Multiple file selection
– Drag&drop support
– Progress bars
– Preview images for jQuery.
– Supports cross-domain, chunked and resumable file uploads and client-side image resizing.
– Works with any server-side platform (PHP, Python, Ruby on Rails, Java, Node.js, Go etc.) that supports standard HTML form file uploads.



Continue reading

Create QR Code for Website Url

Webmasters need to create barcodes (QR code) to connect to their website URLs. QR Code are used for smart phones such as Andriod and iPhone(iOS). To create QR Code is so easy.

<img src="https://chart.googleapis.com/chart?chs=230x230&amp;cht=qr&amp;chl=http://www.jotform.org">

If you want do this for your WordPress site, you need to add code which is below.

<img src="https://chart.googleapis.com/chart?chs=230x230&amp;cht=qr&amp;chl=<?php the_permalink(); ?>" >

Password Strength Control JQuery

Password strength is so important for secure. Webmasters need to show the strength of their password. You can find Password Strength Control JQuery below. There is a demo and download link.



Continue reading