I've been really enjoying getting into Paul Irish's HTML5 Boilerplate which gives best practices for html5, javascript, css and even server side stuff with the likes of a boilerplate .htaccess file. However, the Javascript file that es is empty- for us developers to put in what we like.

I am wondering what Javascript plugins and scripts developers tend to use across all their sites? I want to create a boilerplate site that I start off with when I start building a new site. I tend to use JQuery, so scripts and plugins that use that would be useful.

Ideas that I have would be:

• swfobject
• jPlayer? (for sites that have video and audio) Not sure about this one
• The Fade Anything Technique
• A clear inputs script (clear any inputs when clicked)
• externalLink script (open in new tab/window when class=externalLink)
• Break out of frame script

The above aren't particularly good examples, but that's why I am asking the question!

I've been really enjoying getting into Paul Irish's HTML5 Boilerplate which gives best practices for html5, javascript, css and even server side stuff with the likes of a boilerplate .htaccess file. However, the Javascript file that es is empty- for us developers to put in what we like.

I am wondering what Javascript plugins and scripts developers tend to use across all their sites? I want to create a boilerplate site that I start off with when I start building a new site. I tend to use JQuery, so scripts and plugins that use that would be useful.

Ideas that I have would be:

• swfobject
• jPlayer? (for sites that have video and audio) Not sure about this one
• The Fade Anything Technique
• A clear inputs script (clear any inputs when clicked)
• externalLink script (open in new tab/window when class=externalLink)
• Break out of frame script

The above aren't particularly good examples, but that's why I am asking the question!

• javascript
• jquery
• boilerplate

Share Improve this question Follow edited Mar 18, 2011 at 11:11 iagdotme asked Mar 18, 2011 at 9:02 iagdotmeiagdotme 99344 gold badges2222 silver badges3838 bronze badges 5

• I made a html5 template generator with HTML5 Boilerplate in it and you just gave me some ideas to add :) thanks ! favorited – Shikiryu Commented Mar 18, 2011 at 10:11
• That sounds interesting- is this something for yourself or is it public? – iagdotme Commented Mar 18, 2011 at 11:12
• That list looks like a collection of the most irritating scripts out there, that one would want to use to be "kewl" instead of being boilerplate. Why would one want to clear inputs when clicking on them? And it's my (the users) choice when I want to open a new tab/window. – RoToRa Commented Mar 18, 2011 at 11:18
• Thanks RoToRa. This is why I am asking the question. I am sure my list of scripts is probably plete pants, and that is why I am interested in what other people use. The clear inputs script was remended for accessibility, but do know where you are ing from. What do others think? I really want to have a list of stock scripts/plugins that would be used across most sites. – iagdotme Commented Mar 18, 2011 at 11:35
• It's public but I thought posting links could be taken as spam. Anyway, admins or readers, if you think so, tell me or flag this ment as spam to be deleted. link – Shikiryu Commented Mar 18, 2011 at 13:21

Add a ment  | 

5 Answers 5

Sorted by: Reset to default 2

underscore.js. yepnope.js.

With the latter, it would be good if you used this to conditionally load plugins. Also it could be an idea to use module patterns for this boilerplate, possibly keep it namespaced.

Hmm I am not sure if these are applicable to "all" sites. We do remend using good JavaScript patterns, but overloading a page with plugins is something I personally do not subscribe to :)

jQuery Validate is one that I use on any site where I have forms. It has excellent capabilities out of the box and is very customizable and extensible.

This should be done in addition to validation on the server, of course; it's just to give nice, immediate user feedback.

Well It seem to be that you have confused with selecting suitable JavaScript plugins, And following a proper JavaScript pattern for coding. So what I can suggest you is to use BoilerplateJS

BoilerplateJS is a reference architecture which you can use as the base code to kick start your development. It is bundled with reliable plugins required for a plete product suite but the full flexibility to use your desired plugins is there.It follows industry remended JavaScript design patterns. And as you have highlighted all these scripts and plugins can be used with jQuery.

BoilerplateJS source code

Great boilerplate here: https://github./alan345/naperg Boilerplate for a Fullstack GraphQL App with React & Prisma