Check Your Internet Speed

Showing posts with label WEB DEVELOPMENT. Show all posts
Showing posts with label WEB DEVELOPMENT. Show all posts

Latest jQuery Rating Plugins

Find collection of 8 Free & Best jQuery Rating Plugins. These plugins are easy to use and can be implemented in your website for any kind of Poll, Vote or to include ratings. Enjoy!!!!


jQuery Raty



jQuery Bar Rating Plugin



jQuery quickie



jQuery SimpleRating plugin



jQuery Star Rating Plugin



RateIt



jRating



jQuery Rater



Source: jquerybyexample.blogspot.com

jQuery refered Use protocol less URL

Learnt something new today and thought of sharing. Most of us, include the reference of jQuery library (if Google CDN is used) like this,
1http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js
As you can see it is using HTTP protocol. The advantage of Google CDN files are cached up to one year which means that your users may not need to download jQuery at all. But when you move from HTTP to HTTPS pages, then you need to make sure that you are using https protocol for referencing jQuery as pages served via SSL should contain no references to content served through unencrypted connections. 
And take a note that content served via SSL are not cacheable. Browsers will simply ignore content served over SSL for caching. So you need to make sure that if you are moving from HTTP to HTTPS url, use correct protocol for referencing jQuery library as well.

The better approach would be to use "protocol-less" URL.
1//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js
It looks strange and initially I also felt the same but "protocol-less" URL is the best way to reference third party content that’s available via both HTTP and HTTPS. When a URL’s protocol is omitted, the browser uses the underlying document’s protocol instead.

Thus, using the protocol-less URL allows a single script reference to adapt itself to what’s most optimal: HTTP and it’s full caching support on HTTP pages, and HTTPS on secured pages so that your users aren't confronted with a mixed content warning.

Source: jquerybyexample.blogspot.com/

Best jQuery Plugins 2013

Today we bring a list of latest jQuery plugins released in June 2013. These plugins are fresh, interesting, simple and lightweight. You may find them useful for your next project!!!
SMINT 

Smint is a simple jQuery plugin that helps with the navigation on one page style websites. It has 2 main elements, a sticky navigation bar that stays at the top of the page while you scroll down and menu buttons that automatically scroll the page to the section you clicked on.


CollagePlus

This plugin for jQuery will arrange your images to fit exactly within a container. You can define the padding between images, give the images css borders and define a target row height.


jQuery TourBus

Yet another jQuery tour/walkthrough plugin!


Jumble 

Jumble is a jQuery plugin that jumbles up the colours of your text - and can animate them.


Progression.js

Progression.js is a jQuery plugin that gives users real time hints & progress updates as they complete forms.


Hide/show password plugin

Hide/Show Password plugin lets you easily hide and reveal the contents of a password input field. It's based on a mobile design pattern.


Draggable Background

A jQuery plugin to make background images draggable.



Source: jquerybyexample.blogspot.com

jQuery code to strip/remove HTML tags

In this short post, find jQuery code to strip/remove HTML tags. To remove HTML tags, use text() function which returns only the text content and ignores the HTML portion.
1console.log($('#dvTest').text());
You can also strip/remove HTML tags from any variable as well as text() is jQuery function, so the variable needs to be converted into a jQuery object so that text() can be used.
1: var str = '<div>Sample <u>HTML</u> <b>Text</b> with <i>tags</i></div>';
2: console.log($(str).text());

Source : jquerybyexample.blogspot.com

5 Best Superlative Practices for Efficient HTML5 coding

HTML 5 is definitely among the hits of year 2012 and this goes without a saying that HTML5 deserves to be a hit. The best thing about HTML 5 is that it has made lives of developers/designers a lot easier because it is exciting to use and is easily understandable. If we look at the history of HTML, by far this has been the best thing introduced.
As far as front-end coding is concerned, HTML has quickly paved his way into the world of web development. Since it is the most ‘IN’ things, being a developer, you should definitely learn coding of HTML 5 websites. But before you start with that, it is very important to understand the difference between CSS 3 and HTML 5 because there is a thin line when it comes to these two technological terms. Today, in this article we will discuss some of the best practices for proficient HTML5 coding and if you learn these practices well, I can assure that you will be able to produce some extra ordinary and quality websites.
Following practices will prove to be really beneficial and helpful for all developers/designers.

1.   HTML5 Generators

All developers and designers tend to start from the scratch before developing a new website. They create a base template as per the requirements and this activity obviously takes up a lot of time. By using HTML5 generators, you will be saving a lot of time because thanks to these HTML5 generators, you won’t have to write an entire new code. The best thing about HTML5 generator is that it is not at all complicated and easy to use. Precisely, all you need to do is fill in a small form by mentioning your requirements. These two steps will create a HTML5 template for you as per your requirements and you can use the template instead of coding an entire new website.
Obviously, you will find a lot of variety of HTML5 generators but you can select the one which is suitable for your requirements. You will also find some readymade templates. You can go for whatever you are convenient with.
Recommended Generators
Recommended Articles : 

2.   Proper Understanding of Doctype

In case you are not happy with the automatic coding and you place to code the website on your own, it is very important for you to understand the doctype of HTML5. Remember that changing tag of your doctype is not at all a solution for you. So before you make any decision or make changes, be sure that you understand the doctype well so that you don’t end up confused.

3.   Usage of a Cheat Sheet

We all know that technology world is constantly evolving so no need to panic if you are unable to remember the features due to frequent changes of HTML5. Yes, remembering all new features can be really difficult and in order to resolve this issue, you can always use cheat sheets and be thankful to InMotion hosting for creating these cheat sheets.
The best thing about these cheat sheets is that they are broken into three different images for tags, event handler content attributes and browser support. Feel free to visit the following link to find those cheat sheets and get rid of all the confusing and forgetting part.
Recommended Article:

4.   Backwards Compatibility Plans

All webkit browsers that are currently available support HTML5. If they don’t support all features, the good thing is that most of the features are supported. Another positive aspect about HTML5 is that it is designed with backwards compatibility plans which means you can easily go for degradation yourself in your browsers without having to consult professionals.

5.   Work Hard to avoid compatibility issues

You might have to face a few compatibility issues because even though HTML5 is a technology that has been recently introduced but always keep in mind that there will be a few features and specifications which have been introduced but are not functional. However, this should not be an issue because thanks to Can I Use.com you can easily find out which element is supported in the browser being used by you.  Not only this, you will be able to find compatibility charts for other important technological terms such as CSS3 and JavaScript on Can I Use.com so make sure you bookmark it as soon as possible especially if you are working on HTML5 coded websites.
Source : Smashinghub.com

Amazing CSS Exclusions and Shapes on the Road

In early April, I had the opportunity to speak at HTML5 Dev Conf in San Francisco about how web standards, including Exclusions & Shapes, are advancing faster than ever. The talk took a brief tour through the history of CSS, and examined more recent developments in the W3C process and the web in general. If you’re interested in taking a look, the slides are available on GitHub.
Last week, CSS Exclusions also made a MAX debut. We even got mentioned in Monday’s keynote (look for us around the 41:30 mark).
At MAX, I also presented Exclusions as part of a lab exploring new web layout features, many of which are still very experimental. The lab contained exercises utilizing parts of the FlexBoxGridRegionsExclusionsShapes, and Web Components specifications to create several different page layouts. The lab materials have since been posted online, along with the intro slides, so feel free to take a peek.

Thank you to everyone who attended these sessions. Now it’s time to get back to work with the Exclusions and Shapes team and make these features happen.

3 Amazing jQuery Style Tutorials for Programmer

Every programmer knows that there are times when their knowledge of programming interferes with creativity, which limit their design perspectives. Some are even postponing or setting aside ideas because they feel that the project might be impossible to finish.  There are also times when programmers feel that they are being held back by the lack of good design plug-ins available. To solve these challenges, many designed different plug-ins to help web programmers and developers. These things can help revamp and enhance any sites or pages. This list will aid people of 10 of the most kick ass jQuery plug-ins they can use for future projects.

Particle Animation

The Particle Animation plugin is a great animation app which allows users to add great movements in their sites. It is also really easy to use unlike most animation programs currently available in the market today. This can definitely add spice to any site.

Rotating Image Slider

This plugin arranges images in a unique way through cool transitions. It rotates the images, and gives any site a posh and glamorous feel. This slider will definitely attract attention to any web page. Famous photography, culture and society pages use this amazing plug-in.

Adaptive Thumbnail Pile Effect with Automatic Grouping

This is a great tool for web sites with many images. The Adaptive Thumbnail Pile Effect groups the images and enhances it by adding animation once the image was clicked by a cursor. Those who are designing pages for kids and teenagers will find this plugin really helpful.
SOURCE: Smashinghub.com

Best jQuery Pagination Plugins

Pagination refers to dividing a large content into various different pages – as present in a book. Thus pagination is an extremely important part of any website as it allows presenting content in a more organized and easy to access way. Visitors find pages more desirable as they can quickly head directly to the page of their choice easily. Pagination can be achieved in various different ways, both manually and automatically. The most popular, easiest and widely used method is that of jQuery plugins. These plugins are easy to use and apply on your website and you don’t even need much coding knowledge for these.
Below we have collected for you a list of some of the most amazing and efficient 21 best jQuery Pagination Plugins. Huge amounts of this type of plugins are available out there, but not all of them are glitch-free and efficient. So you should definitely check the list given below out and take advantage of it as all the plugins in this list were especially handpicked for you all!

jPages

Demo || Download ]
jPages is a free jQuery plugin that works on client-side. It allows lot of features such as auto page turn, key and scroll browse, showing items with delay and customizable navigation panal.

Easy pagination with jQuery and Ajax

Demo || Download ]
Pagination is the process of chunking up your data into fixed sizes so that you only view one fixed size chunk at a time and can navigate easily backwards and forwards through other chunks.

jQuery Simple Content Sorting Plus Plugin

Demo || Download ]
Another premium jQuery content plugin that allows you to control your content with pagination!

WordPress Smart Pagination Plugin

Demo || Download ]
This plugin allows add custom pagination to your wordpress sites in minutes.

Smart Paginator

A Comprehensive jQuery Pagination plugin that makes adding pagination very simple task, all the navigation logic is built in and it is also very customizable.

jPaginator

Demo || Download ]
A Beautiful jPaginator CSS3 plugin provides lots of page links to improve the user experience of long pagination lists.

Websites Resources | Blogging | Technology News | Softwares - i Developments