Tag Archives: jquery

BlocksIt.js – jQuery Plugin for Dynamic Grid Layout like Pinterest

Let me introduce you the jQuery plugin that you'll might use on the next project when the client will ask for a Dynamic Grid Layout similar to Pinterest.I give you the BlockIt.js. It's an easy-to-implement and light-weight jQuery Plugin for dynamic and responsive pinterest-like layout. First, include the jquery min library then the blocksit java script in the head tag of the html: <script type="text/javascipt" src="jquery.min.js">script> <script type="text/javascipt" src="blocksit.min.js">script> Then…

jQuery Converter Hex to RGB

I wrote this blog post for everyone that have searched for Hexadecimal to RGB converter and not found something according to their needs. This Hex-RGB converter is not only easy for installation, also it is written in jQuery and that makes it more easier for modification and customisation. Hex - RGB jQuery Converter hexToRgb: function(hex) { var result = /^#?([a-fd]{2})([a-fd]{2})([a-fd]{2})$/i.exec(hex); return result ? { r: parseInt(result[1], 16), g: parseInt(result[2], 16),…

jQuery Slider Plugin – Flex Slider – Responsive jQuery Content Slider

jQuery Slider Plugin - Flex Slider - Responsive jQuery Content Slider First of all, let me describe what is the definition and meaning of responsive content slider and responsive design in general. The websites can be browsed from many different browsers and also from many different devices like Smart Phones, Portable Computers, Laptops and desktops with different screen resolutions. If your site have prescribed design probably you're going to have…

jQuery Chart Plugin – jqPlot – jQuery Plot

jQuery Chart Plugin - jqPlot - jQuery Plot I'm pretty sure that if you have worked on a project where some results have to be displayed in charts you'll probably have the same problem as me and that is finding nice, easy implementing and custom able solution. Maybe you'll find some flash solution but in most of the cases it will be very complicated to connect it with database and…

jQuery Static Google Map Hover Zoom

If you are asking yourself "is this something new that I didn't know about Google maps?" than the answer is no, but this is something that is very useful and can be used in pages where you want to add Google maps to locate the business. It’s a Google static map that zooms in when you move with the cursor towards the marker of the map. What is really happening…

jQuery Color Picker – jQuery Colour Picker – Farbtastic

jQuery Color Picker - jQuery Colour Picker - Farbtastic If you have experience in developing sites with a little bit complex user interaction there is a great possibility that you'll use some color picker, especially if the site has some colour-choosing functionality. And that point you know how long can be inventing and creating a new color picker especially if you don't know too much about colours and PHP or…

The IMGr jQuery Plugin used for Landing page with Rounded Images

The IMGr jQuery Plugin used for Landing page with Rounded Images Click here » The IMGr jQuery Plugin used for Landing page with Rounded Images « to view the EXAMPLE. Click here » The IMGr jQuery Plugin used for Landing page with Rounded Images « to download the full DEMO. IMGr stands for Image Rounder and it's a jQuery plugin and in this tutorial I used it to create a…

Using jQuery Plug-ins for better web forms (In-Field Labels)

Using jQuery Plug-ins for better web forms (In-Field Labels) In the process of creating a user friendly web form, the first thing that comes to the developer's mind is to describe the kind of data that the user needs to input properly. Sometimes a simple label can do the trick, you put “Username” label in front of a text input field named username and all is done. Problem occurs when,…

Creating Switch view option using jQuery and CSS

Creating Switch view option using jQuery and CSS The web user today wants the sites to be more interactive and that interaction to be done on faster and more user-friendly level. Now I'm going to show you a few-step tutorial that will help you to increase the interaction on your site.   You can download » Creating switch view option using jquery and css « full demo files packed in…

Text With Neon Light Effect using jQuery & CSS

The previous blog post was creating glossy text using only CSS. In this post I'm going to show how to create Neon Glow Text, but this time I'm going to use some jQuery (a JavaScript library); besides, I'm going to use some CSS. Let's start with the first step. Creating a Background Image First of all we should create an image with the two different color versions of the text,…