Interesting JavaScript, jQuery & Random Web Dev on the Net – April 2012

In April 2012′s edition of Interestingly Random JavaScript, jQuery and Web Development we bring you some very cool stuff such as a look at the new Windows 8 OS, Some JS to PHP function conversions, Free JavaScript Design Patterns Book, the best table plugin we’ve seen and some good ole random stuff. Enjoy. Related Posts: [...]

Read more

150 New Additions to the 2,500 jQuery Plugins Directory

Here are the new additions to the jQuery Plugins List Directory. Enjoy. 10 Helpful jQuery Plugins to Incorporate Twitter 100 jQuery Sliders for Images/Content 10 Most Exciting jQuery Plugins of Early 2012 10 jQuery/HTML/CSS Presentation Slides Plugins 10 Inspired jQuery Buttons Plugins 10 jQuery Social Network Plugins that Cost Money

Read more

200 New Additions to the 2,500 jQuery Plugins Directory

Here are the new additions to the jQuery Plugins List Directory. Enjoy. 10 Cool Effects jQuery Plugins 10 jQuery Selectbox/Drop-down Plugins 10 New and Exciting jQuery Plugins WordPress 10 Easy jQuery Drag and Drop Plugins 10 Cool Premium jQuery Countdown Plugins 10+ Cool jQuery Clock Tutorials and Plugins 100 jQuery WordPress Plugins 10 XML with [...]

Read more

Interesting JavaScript, jQuery & Random Web Dev on the Net – March 2012

In March 2012′s edition of Interestingly Random JavaScript, jQuery and Web Development we bring you some very cool stuff such as Rapid Mobile Prototyping, new JavaScript libraries, some useful online tools, the history of browsers and some good ole random stuff. Enjoy. Related Posts: February 2012 Edition Meet the web platform – Foundations Nice podcast [...]

Read more

Online jQuery Conference 2011

Hi jQuery fans! I want to bring to your attention the 3rd Annual Online jQuery Live Conference 2011 which is happening November 15-16, 2011 from 9AM to 5PM (CT). jQuery4u is bringing you a fantastic offer of 20% discount. Sign up today and improve your jQuery Skills and Knowledge in the comfort of your own desk!

Bring all the jQuery experts to your desktop LIVE! What an opportunity!

Get Your 20% Off Tickets

jQuery4u’s Review!

• Not having to travel to the conference is a big bonus for those with low budgets and limited spare time.
• It’s a 2 day conference so you can either attend Day1 and/or Day2.
• It seems Day 1 focuses more towards Web Designers and Day to more towards Web Developers.
• The ability to login and watch the sessions again online is also a big bonus.
• To interact and ask questions you’ll obviously have to hookup a mic/webcam.

Why attend the jQuery Summit?

• Attending a conference online means no travel hassle!
• Bring the experts live to your desktop!
• Time spent on the road is better spent instead in the office or with family, friends!
• Sessions are developed to dive deeper into the material!
• Ask questions directly to the speakers!
• Can’t make it the day of the conference? Watch the recordings whenever you want!

Key Sessions & Speakers

	Ben Alman Session: jQuery & QUnit Session: Building Your Own jQuery Plugins “Co wboy” Ben Alman currentlycurrently work at Bocoup as Director of Training and Pluginization, where I am responsible for the development of beginner and advanced JavaScript, jQuery and HTML5 training curricula. In addition to my training and client work at Bocoup, I write articles and give presentations advocating JavaScript and jQuery code organization techniques and best practices. When he’s not creating a new plugin (or writing articles on creating plugins), Ben can be found in the official jQuery IRC channel, helping newbies learn how to $(‘body’).append(‘hello world’). In addition to web development, Ben is an avid photographer and funk bass player, and can be seen taking photos and playing around the greater Boston, MA area.
	Sarah Chipps Session: jQuery & Browser Plugins In 2010 she started an organization called Girl Develop It, which teaches low cost web development classes geared towards women. Girl Develop It has had over 400 students in New York City, and now has several chapters around the US. She likes speaking to and meeting with diverse groups from the Girl Scouts to straight up code junkies. Her goal is to inspire more females to see that being a developer is fun and glamorous.
	Dan Heberden Session: Deferreds into jQuery I’m a web designer/developer/consultant based in Portland, Oregon. I spend most of my time working and contributing as a team member of the jQuery project, helping others come to a better understanding of programming (Javascript, specifically) and of course, working. I love teaching, contributing, and helping others in the development community. Other than that, I spend the rest of my time playing dodgeball, kickball, snowboarding, drinking, enjoying the outdoors, bowling, socializing ? you know, human stuff. I?m often in #jquery and #jquery-dev on irc.freenode.net and of course twitter @danheberden so feel free to find me, follow me, or contact me.
	Anton Kovalyov Session: jQuery Development Workflow Anton Kovalyov is a Front-End Engineer at Disqus, and has guided development on the Disqus commenting widget since the company?s earliest days. He maintains and contributes to a number of open-source JavaScript projects, including JSHint, and easyXDM, a cross-domain messaging library.
	Garann Means Session: Structuring Your DOM-based Application Garann has been doing front-end web development for three years, after spending many years as an end-to-end developer. She’s passionate about JavaScript, its buddies HTML and CSS, and building really big client-side applications. She lives in Austin, TX, where she organizes the Austin All-Girl Hack Nightand Girl Develop It Austin.
	Addy Osmani Session: jQuery & MVC
	Ben Vinegar Session: jQuery & iframe Programming Ben Vinegar is a web application developer with a penchant for JavaScript and Ruby. He’s currently employed as a Front-end Engineer at Disqus, where he focuses on building their embedded commenting widget.
	Rick Waldron Session: jQuery & HTML5 Video
	Estelle Weyl Session: jQuery & CSS Selectors Estelle Weyl started her professional life in architecture, then managed teen health programs. In 2000, she took the natural step of becoming a web standardista. She has consulted for Kodakgallery, Yahoo! and Apple, among others. Estelle shares esoteric tidbits learned while programming CSS, JavaScript and XHTML in her blog at http://evotech.net/blog and provides tutorials and detailed grids of CSS3 and HTML5 browser support in her blog atstandardista.com. She is the author of HTML5, CSS3, and JavaScript for Mobile and HTML5 and CSS3 for the Real World. While not coding, she works in construction, de-hippifying her 1960?s throwback abode.
	Andrew Wirick Session: jQuery UI Andrew Wirick is a aspiring well funder, Penn Sate alum, front end web developer, amateur investor and homebrewer. He spends his web life working for appendTo where he trains developers on topics from jQuery foundations to rich web application development. He helps run learn.appendto.com, which supplies free online training. Andrew enjoys viewing life through a lighthearted lens in the secretly incredible Omaha, Nebraska.
	Nicholas Zakas Session: Progressive Enhancement

What people are saying

“This conference was a load of fun. I loved the instant feedback from the speakers and the atmosphere.”- John-David Dalton, Web Application Developer & Web Performance Summit Attendee

“I love these online conferences. It’s convenient and you can still learn a lot from the comfort of your home or at work.”- Candi Ligutan, 5by5.tv Producer

“An absolutely fantastic event. Well done—will definitely be back for more!- Russ Weakley, Chair of Web Standards Group & CSS Summit Attendee

How Online Conferences Work

Once you are registered, you will receive a follow-up email to confirm your reservation.

Later on, as the event draws near, you will receive a more detailed message, with the full schedule and other helpful information to help you take full advantage of your conference-going experience and plan your day.

On the day of the conference, you will receive an email invitation about 45 minutes before everything starts.

Click on the enclosed link to sign in and enter the virtual meeting space. Once you are signed in, you’ll be able to see and hear the presentations as they happen, ask questions as needed and chat with the other attendees if you like!

Technical Specifications: to attend The Summit, you will need a modern web browser (Firefox 1.5, IE 6 & Safari 2 or newer, for example) and a recent version of the Adobe Flash Player.

Follow this link to run our system diagnostic (opens in a new window). It will let you know right away which plug-ins, if any, you will need to update before the event.

Still have questions? Drop us a line or contact us at e4h@heatvision.com if there’s anything else you’d like to know.

About the Online Host

Environments for Humans – The Summit Series brings together expert speakers to explore one topic from different angles, all in one day. Each Summit is chock-full of focused, current content that is highly relevant to today’s Web Designers and Developers. And since it’s all online, you save the expense and hassle of travel. See you at the Summit!

Get Your 20% Off Tickets

Read more

145 new additions to the 2,000+ jQuery plugins directory

Read more

Announcing the jQuery Standards Team

Today we’re happy to announce the creation of a new jQuery sub-team called the jQuery Standards Team to give web developers a voice in the standards process. We all know that web standards are important. They help ensure the code we write works across different technologies, for people of different abilities and most importantly across all browsers.

That said, how often do we all feel our voices, suggestions and ideas are heard by those groups responsible for defining these standards? The reality is that whilst many of us would like to see change, due to time restrictions and lengthy formal processes we’re unable to participate in standards discussions, get involved with writing specifications and contribute to meetings about the future of features. This makes it difficult for web developers to have a voice.

Yehuda Katz is team lead.

Paul Irish joins him.

Another problem is that for those that do get involved with the process, it can often feel like participating on a particular thread in standards mailing lists has a limited impact because the web community is so fragmented. Browser vendors are very active on these lists and there’s a tremendous amount of institutional knowledge assumed in almost all threads. Implementors on those lists have their own venues for discussing areas of shared concerns, but web developers wishing to particpate don’t, with the exception of the accidental meetups at conferences.

The jQuery project would like to help change this – we want you to have a voice in how the future of the web is shaped.

Read More

Also, the first release candidate for jQuery 1.7 is now available! Test it now!

Test it now!

Read more

Image Parallax Demo Now Working With New Version of jQuery

Image Parallax Demo Now Working With New Version of jQuery 1.6.4.

I’ve updated the post, demo and download package so now it should be easier than ever to set up your own awesome image parallax.

Tutorial
Demo
Download Package

Happy parallaxing!

Read more

10 New jQuery Plugins for September 2011

Today we’ve collected another 10 jQuery plugins for the awesome month of September 2011. There’s a lot more to come at the beginning of every month, so keep on checking back!

Don’t forget to Subscribe to our RSS feed for the latest jQuery stuff for FREE!

This is a jQuery image viewer prepared to display product photos, maps or any image within custom small area. Can be configured and implemented in web pages with simple copy / paste steps.

Source

It’s a simple zoom panel, allowing your users to mouse over portions of your small image, to see a close up view. It is ideal for use on product details page or similar.

Source

Learn how to make a jQuery plugin that will shuffle the text content of any DOM element – an interesting effect that can be used in headings, logos and slideshows.

Source

When you building web pages, you’ll need to put some stuffs (like div, span, img, etc…) center of the browser.

Source

This plugin allows you to add drag+drop functionality to any file upload input with support for multiple files. Degrades gracefully for browsers that don’t support this functionality.

Source

This plugin allows you to fully customize user’s clipboard text/html when is copying something.

Source

Simple plugin that:
> Sets default input field text (from title) and adds ‘defaultInput’ class.
> Removes that text and class when input is focused
> If nothing is entered restores default text & class when focus is lost
> Removes default text from input on submit if it’s still present

Source

An attempt to make the lowest footprint possible image cycle (rotator) plugin. Quite successful one.
> Simple, bare essentials image cycle plugin
> Cross browser compatible
> It’s fast and tiny

Source

View text through a ‘file menu’ interface.

Source

Read more

Random jQuery, JavaScript & Web Development Things Around The Net – September 2011

Hi! Today’s post is a list of a few jQuery, JavaScript & Web Development things I have found around the internet in the last month or so (August & September 2011). Some useful, some interesting and some not so useful but very entertaining! Definately worth the share to the blog. Enjoy!

Web Browser iPad

This is pretty cool. It’s an attempt at creating a web based iPad. Not all the features have been implemented yet but it’s good nevertheless.

Web Browser iPad

Transform.js Innovative Animations

2D and 3D transforms as regular CSS properties you can set using .css() and animate using .animate().

Transform.js Innovative Animations

MRI DOM Selector Tool

Could assist for finding selectors for your DOM elements.

MRI DOM Selector Tool

Create your own Loading Spinner with jQuery

David up to his old tricks. Nice demo!

Loading Spinner with jQuery

jQuery Golablisation Plugin

Could be useful for multi-language support.

Golablisation Plugin

Testing jQuery.fn.each vs Native Loop

This is pretty cool, it’s a script in jsFiddle which tests the jQuery.fn.each vs Native Loop for speed.

jQuery.fn.each vs Native Loop

IE Cookies Tool

Says what it does.

IE Cookies Tool

Online JavaScript Debugger – jsHint

I’ve been using this one for a while now, it’s pretty good so thought it was worth the share!

jsHint

JavaScript reform.js

The Reform library attempts to provide a solid set of functions for encoding output for the most common context targets in web applications (e.g. HTML, XML, JavaScript, etc). The library also takes a conservative view of what are allowable characters based on historical vulnerabilities, and current injection techniques.

JavaScript reform.js

Send Text Msg Using jQuery

Using PHP to send a text msg.

Text Msg Using jQuery

jQuery Flexible Slider

Freebie from Smashing Magazine.

jQuery Flexible Slider

jQuery Point Point Plugin

As you move your mouse it moves the arrow to point to the target element!

jQuery Point Point Plugin

Read more

jQuery Tops Google Trends

Scale is based on the average worldwide traffic of jQuery in all years. Interesting!

I think this says it all, jQuery is certainly the most popular! Ps – it was hard to match prototype because it’s such a popular word so I used prototype js which is what you would type into Google to find it anyways.

Live Trend Results

You can also view live (the latest) trends using the following: JavaScript Framework Comparison or jQuery Latest Trends.

How its calculated

You might have noticed that the scale changes on the Y-axis for different searches. How is the data scaled?

The numbers you see on the y-axis of the Search Volume Index (which you can see after you’ve signed in to your Google Account) aren’t absolute search traffic numbers. Instead, Trends scales the first term you’ve entered so that its average search traffic in the chosen time period is 1.0; subsequent terms are then scaled relative to the first term. Note that all numbers are relative to total traffic.

Love it? Want More Google Trends?

Top 10 Google Trends

Read more

jQuery 1.6.4 Released – Whats new?

Hi guys, just in-case you didn’t know, there’s a new version of jQuery out which contains a few enhancements and bug fixes.

This is a minor point release of jQuery. We’re releasing it fix a couple issues that came up during the release of jQuery 1.6.3. You can get the code from the jQuery CDN: http://code.jquery.com/jquery-1.6.4.js

View jQuery-1.6.4.js

You can help us by dropping that code into your existing application and letting us know that if anything no longer works. Please file a bug and be sure to mention that you’re testing against jQuery 1.6.4.

We want to encourage everyone from the community to try and get involved in contributing back to jQuery core. We’ve set up a full page of information dedicated towards becoming more involved with the team. The team is here and ready to help you help us!
jQuery 1.6.4 Change Log

The current change log of the 1.6.4 release.

• Data – #10194: Data attribute names with single dash-surrounded letters cannot be accessed by the camel-case name
• Event – #10208: $(“form”).live(“submit”, fn) not fired from in IE8
• Support – #10197: Bug with mime-type application/xhtml+xml in jquery 1.6.3

Source

Read more

New additions to 1500+ jQuery Plugins List

10 Amazing Image Effects using jQuery

10 jQuery CSS3 Form Tutorials

10 jQuery Custom Scrollbar Plugins

10 jQuery Utilities for a Smashing Website

10 Android Style jQuery Plugins

10 jQuery Calendar and Clock Picker Plugins

10 jQuery Drawing Plugins

10 jQuery iPhone Style Plugins

10 jQuery Layout Tutorials

Read more

New additions to the Regex Examples Post

Hi guys, just to let you know there is now heaps more Regex examples for you to use! Soon I will be writing a post on how to use them with .match() and such to really enhance your coding skills.

Regex Examples Post

Read more

August 2011 – jQuery 4u Google Analytics Statistics

Hi guys, here is this months Google Analytics Statistics for anyone that may be interested in the nitty gritty stats of the jQuery blog. Some of the stats are quite interesting, especially the mobile stats!

Monthly Visitors – August 2011

We’re getting 100,000+ unique visitors a month that’s not bad at all!

Monthly Visitors (by Location)- August 2011

Most blog readers come from the US of A.

Monthly Traffic Sources – August 2011

78.78% (nice number) of Organic Traffic from Google.

Organic Visitors FTW!

Monthly Page Content – August 2011

The jQuery mobile tips page is doing quite well as the ever popular jQuery Dialog boxes.

Monthly Mobile Device Users – August 2011

Still only 2% using mobile devices but I expect this to rise within the next few months or so. Maybe a bit longer.

Monthly Mobile Device Breakdown – August 2011

Apple still leading the way for Mobile devices with iPad and iPhone getting the most blog views.

Monthly Google +1 Clicks – August 2011

Google Plus One has yet to have a big impact (anywhere really) but I expect Google to come up trumps as usual. You can help: join my circle on Google +1.

Read more