Tag Archives: JQuery

Single Page Web Applications (SPAs)

Help! What is this “jQuery” I keep seeing that everyone keeps talking about with websites. Should any of it matter to me? The answer is yes, only if to comprehend the concept behind interactivity.

I sense web designers and developers shuddering at the thought of taking on a client who indicates they want a functionally “cool” website. The thing is, like me you’ve probably been spoiled by browsing internet (I do for my day job!). When it comes to procuring your own, you can’t help but want the “cool” part of website interactivity, and it’s understandable that you don’t know where that comes from.

The dynamic part of websites, that load without having to refresh the page, all comes from something called jQuery.

Building Single Page Applications With jQuery’s Best Friends

From addyosmani.com – Today, 3:38 AM

Hey guys. Today we’re going to take a look at how you can build a single-page application (SPA) supporting graceful degradation using some of jQuery’s Best

Juliana Payson‘s insight:

(Did you even understand that excerpt?) Hehe, so basically SPAs are web applications or websites, which “run” in the same page without requiring a reload for further navigation. Simply said if you watch the url in the address bar it doesn’t change when you interact and click through to different parts of the web page, you aren’t even reloading a page! Yet, a new apparent web page seems to load, instantaneously, either as if it was already there loaded into the cache, or queried from the server depending on your input field. Data is retrieved from the web server on demand.

Now I wish I could have a web SPA, something to make my own website look a little cooler than a standard template… Here is a registry of some cool interactive ideas or “Plugins”, chunks of code that can embellish your website with a little bit of SPA


jQuery Plugin Registry

jQuery Plugin Registry | How to Grow Your Business Online | Scoop.itFrom
plugins.jquery.com – Today, 2:59 AM

jQuery: The Write Less, Do More, JavaScript Library
10 Just Arrived jQuery Plugins To Get Around

Juliana Payson‘s insight:

You can start fantasizing now about all the different elements of interactivity that you could have added into your website. One of the funniest things I’ve always thought is why is a dynamic drop down menu function called “Superfish” ? Take a look at the roster of top plugins being forked here on the registry, and you’ll start to learn the ideal search terms to plug into your WordPress plugin search to find the Plugin that will give you the type of dynamic appearance or functionality that you want.


50 Most Useful jQuery Plugins from 2012

50 Most Useful jQuery Plugins from 2012 | How to Grow Your Business Online | Scoop.it

From speckyboy.com – Today, 2:56 AM

With hundreds upon hundreds (if not thousands) of new plugins being released this year – what a great jQuery year it has been.

Juliana Payson‘s insight:

Ok… prepare to die in code. If you’re a newb (and I always consider myself to be, even though I’ve had some experience at tweaking code) then absorb these amazing examples of interactive functionality. I hope it allows you to understand  and describe more about what it is you want from your website! –  Just head over to eLance or something and hire someone to implement it for you! ( I always choose the easy way out these days then point my coders to the source material I want.)

If you’re freelancing your coding abilities then feel free to raise your hand here, comment, offer your opinion etc to help our audience of new website owners. – Juliana


Hosting Your Own WordPress Development

WordPress is a great platform for managing content, but what if you have a specific idea of functionality other than just information that you want your website to serve? As an example, your idea is to turn your website into the goto community for people comparing their progress or milestone data. You are now extending your content management platform in several aspects.

  1. The data it collects is no longer reliant on what you alone will submit. You need to collect additional fields of information for your website database.
  2. It has some other processing capability, able to compare data and call up information relevant to individual users. Now you’re in the development realm of actual programming and running queries.

WordPress has several plugins that you can adapt to work together to create these kind of Web 2.0 features. An example of the type of interactivity would be creating a booking calendar that reserves consultation time, and also confirms with an automated email to you and your new lead.

At some point you may find that generic plugins just don’t work well enough to tailor to your exact needs or those of your client. You’ve probably found work-arounds with different plugins that give you what you need but sacrifice the upgradabilty of the WordPress platform due to odd Javascript conflicts. I’ve also found when you’ve added so many plugins, the back-end of the website can start to get heavy and clunky to operate. Today I’m going to take a look at the best recent insights into tinkering with your own hosted WordPress plugin development.

Starting with a tutorial series with 1st Web Designer:

In the first part of our WordPress Plugin Development Course for Designers we learned about the importance of WordPress plugins for designers and its base structure. Today we are going to talk about the core WordPress functions…

I included part 2 of the series because it gets into the nitty gritty of the coding and is far easier to follow than the wordpress codex.


I spend a lot of time building WordPress plugins. Here are some of my thoughts as they related to building WordPress plugins for both fun and profit.

Juliana Payson‘s insight:

Thank you Tom! He mentions he doesn’t build themes because that is more to do with the layout of the site. Functionality, the software part of your website is something that users will often pick and choose regardless of the theme.


I’ve written a few plugins for jQuery and WordPress over the past few years, but mostly for specific projects or my own personal use. The first time I released a plugin (Hashgrid for WordPress) for…

Juliana Payson‘s insight:

As Morgan states, don’t go with free hosting plans in case you lose all your hard work. He’s learned from experience the value of legacy code storage and peer support in places like GitHub.

If coding is not your thing, take a look at the approaches mentioned by Morgan and Tom. You’ll realize that to undertake such a project means you need to start defining exactly what you want your site functionality to do. If you can define your problem, you’ve completed the biggest communication hurdle between coder and procuring an interactive WordPress website.

This is something I personally would love to learn more about, but never have the time code myself. I could potentially be a client of a WordPress Developer. If you can send over tips on what would make me a better client, please do hit me up with Google Plus comments and suggestions for our audience to learn from.