0 06/8/10 05:00

A jQuery UI Combobox: Under the hood

The jQuery UI 1.8 release brings along the new autocomplete widget. An autocomplete adds a list of suggestions to an input field, displayed and filtered while the user is typing. This could be attached to a search field, suggesting either search terms or just matching results for faster navigation. But what if there is a fixed list of options, usually implemented as a standard HTML select element, where the ability to filter would help users find the right value way faster?

That’s a “combobox…

SocialTwist Tell-a-Friend
0 06/7/10 04:00

The SEO Tip Online Retailers Still Are Not Taking Advantage Of!

A while back I posted about the opportunity most retailers miss out on – optimizing their own websites for their store names plus “free shipping.”

Related searches in Google indicate the suggestions are highly searched, and therefore valuable to optimize for.

Add to free shipping searches for “promo code(s),” “voucher code(s),” “coupon code(s),” “discount code(s)” et cetera…

SocialTwist Tell-a-Friend
0 06/6/10 06:51

Designing The “World Of Programming” Infographic

  

Information graphics (or infographics) are used to display information in ways that are more creative than plain old text. These days, they surround us in the media, published works, road signs and manuals. Lately, the Internet has been flooded with infographics on various topics, ranging from science and technology to society and culture. In this article, we’ll look at the process of designing an infographic about programming…

SocialTwist Tell-a-Friend
0 06/4/10 10:57

Scribe SEO Promo Code Ending June 4th

I’ve reviewed Scribe SEO and mentioned it as a tool I like to use a few times here. If you’ve been thinking of using it but where concerned about the price, theres a promotional offer ending today.If you use the code PROMO27 when you checkout you can get the $97 level for only $27, but it ends June 4th 2010. If you’re still unsure they offer a new starter plan for only $17 a month you can only put it on one website a month and run it 15 times, but it’s a great way to test it out IMHO…

SocialTwist Tell-a-Friend
0 06/1/10 14:33

jQuery Plugins Toolbox

BBQ: Back Button & Query Library

Source: http://benalman.com/projects/jquery-bbq-plugin/

Leverages the HTML5 hashchange event to allow simple, yet powerful bookmarkable #hash history. In addition, jQuery BBQ provides a full .deparam() method, along with both hash state management, and fragment / query string parse and merge utility methods.

ColorBox: Lightbox

Source: http://colorpowered…

SocialTwist Tell-a-Friend
0 06/1/10 00:47

About Marc Grabanski

Marc Grabanski

Marc Grabanski is a professional web developer out of Minneapolis, Minnesota. He currently runs a consulting company and is partnered with local businesses to create startup companies.

Technical Abilities

Marc’s technical skills are focused towards user interface development (JavaScript / CSS / HTML), but also spans across a wide range of technologies and skill-sets. He runs a blog titled, “Jack of All Trades Web Development” and is currently focusing on sharpening his skills with web application development…

SocialTwist Tell-a-Friend
0 05/31/10 21:03

Coding Projects JavaScript and PHP

Ajax Messages

Javascript/Ajax, PHP, MySQL, CSS, XHTML
Ajax Messages is a demonstration of the power of Ajax.

Clean Calendar

Javascript, CSS, XHTML
Clean Calendar is a DHTML date picker with very clean code.

Fisheye Menu

Javascript, CSS, XHTML
Fisheye Menu is inspired by the MacOS doc.

Clean Form Validation

SocialTwist Tell-a-Friend
0 05/31/10 13:28

Yoast: Two WordPress SEO Plugins you should NOT be using

I was reading my backlog of feeds just now, and came across a couple of updated WordPress SEO plugins aimed at improving your site’s SEO. Some people are just plain ^%$#*& stupid, I’m sorry to say.

Let me show you what got me so wound up:

#1 Canonical Link Plugin

This Canonical Link plugin consists of the following code:

function canonicalink() { $request_uri = parse_url($_SERVER[’REQUEST_URI’],PHP_URL_PATH); echo “<link rel=”canonical” href=”http://{$_SERVER['HTTP_HOST']}{$request_uri}” />”;
}
 
add_action(’wp_head’,'canonicalink’,1,1);

If you know PHP, you can see what it does: it parses the current URL, strips out URL variables (if you’ve got any) and displays the current URL as the canonical link element…

SocialTwist Tell-a-Friend
0 05/28/10 08:18

How to Place Ads on YouTube with Google AdWords: Part 1

In search volume alone, YouTube is the #2 search engine behind Google itself.  Yet even with its gigantic size, it is easy for YouTube to get passed up by online advertisers.  Many advertisers ignore the opportunity due to the convoluted process required to explicitly target YouTube with ads.  This means there is less competition for ad space on YouTube and great rewards for those who can crack the code…

SocialTwist Tell-a-Friend
0 05/28/10 08:18

How to Place Ads on YouTube with Google AdWords: Part 1

In search volume alone, YouTube is the #2 search engine behind Google itself.  Yet even with its gigantic size, it is easy for YouTube to get passed up by online advertisers.  Many advertisers ignore the opportunity due to the convoluted process required to explicitly target YouTube with ads.  This means there is less competition for ad space on YouTube and great rewards for those who can crack the code…

SocialTwist Tell-a-Friend
0 05/27/10 22:42

A/B Testing Made Easy with Visual Website Optimizer

If you have ever done an A/B testing on your website or landing page, you would know how exciting is the prospect of finding out which variation is going to perform best. It is almost like a football game where you can’t tell until the end which team is going to win. But that excitement soon cools off once you actually get to create and implement an A/B test: creating different pages, fiddling with HTML code, integrating JavaScript page tags…

SocialTwist Tell-a-Friend
0 05/25/10 11:26

Bizarre Websites On Which You Can Kill Time With Style

  

Modern Web-building technologies allow designers to realize their most daring and creative ideas. Enhanced interactivity and a remarkable visual appearance can be achieved by means of such tools as Flash, JavaScript and Papervision3D, to name just a few. These strengths usually impress and entertain visitors and thus are often used for conceptual artistic presentations and promotional campaigns…

SocialTwist Tell-a-Friend
0 05/24/10 10:55

The jQuery Course Prerelease – Learn More

Category: JavaScript & jQuery Tags: jQuery, jQuery UI

During the prerelease of The jQuery Course, you’ll get early access to 61 minutes of video training for $25. You will also receive the final course content when it’s ready for no extra charge.

Prerelease of The jQuery Course

Video outline

  • Introduction [1:44]
  • Examples of jQuery [1:44 - 3:56]
  • Web Fundamentals, Brief intro to HTML, CSS and JavaScript [4:26 - 7:57]
  • Setup – Web Browser, Firebug, Code Editor [7:57 - 9:49]
  • Why jQuery Exists [9:49 - 12:13]
  • Using jQuery [12:13 - 15:45]
  • About Google Hosted jQuery [15:45 - 17:14]
  • Methods with Many Uses and Chaining [18:52 - 19:57]
  • Dollar Function [19:57 - 23:58]
  • Using jQuery with Other Libraries [23:58 - 26:16]
  • Dive Into Selectors [26:16 - 36:04]
  • Attributes [36:05 - 51:18]
  • Animation and Effects [51:19 - 61:34]

Setting out to create "The jQuery Course"

Teaching has been huge a passion of mine…

SocialTwist Tell-a-Friend
0 05/24/10 03:55

The jQuery Course Prerelease – Learn jQuery

During the prerelease of The jQuery Course, you’ll get early access to 61 minutes of video training for $25. You will also receive the final course content when it’s ready for no extra charge.

Prerelease of The jQuery Course

“I bought this video series the moment it has been released because ive loved your previous tutorials on your blog. From the perspective of someone who has only ever lightly used javascript / jQuery its been great so far and i would highly recommend it…

SocialTwist Tell-a-Friend
0 05/24/10 03:55

The jQuery Course Prerelease – Learn jQuery

During the prerelease of The jQuery Course, you’ll get early access to 61 minutes of video training for $25. You will also receive the final course content when it’s ready for no extra charge.

Prerelease of The jQuery Course

“I bought this video series the moment it has been released because ive loved your previous tutorials on your blog. From the perspective of someone who has only ever lightly used javascript / jQuery its been great so far and i would highly recommend it…

SocialTwist Tell-a-Friend
0 05/23/10 15:40

Make Your Own Bookmarklets With jQuery

  

Bookmarklets are small JavaScript-powered applications in link form. Often “one-click” tools and functions, they’re typically used to extend the functionality of the browser and to interact with Web services. They can do things like post to your WordPress or Tumblr blog, submit any selected text to Google Search, or modify a current page’s CSS… and many other things!

Because they run on JavaScript (a client-side programming language), bookmarklets (sometimes called “favelets”) are supported by all major browsers on all platforms, without any additional plug-ins or software needed…

SocialTwist Tell-a-Friend
0 05/21/10 13:27

How to Sort an Associative Array (object) in Javascript

I’ve been working on an ajax site that needs to pass parameters elegantly via the hash tag. While working, I realized that there is usability value to a standardized URL (not to mention SEO value, if Google ever indexes such javascript based pages). In any event, I created this function to sort my hash arrays, and figured you might find it useful too:

function sortObj(arr){
// Setup Arrays
var sortedKeys = new Array();
var sortedObj = {};

// Separate keys and sort them
for (var i in arr){
sortedKeys…

SocialTwist Tell-a-Friend
0 05/21/10 04:05

15 Things to Ask Your Site Search Vendor

When working out your site search requirements for your ecommerce system, do you know what to look for in a site search tool?

O’Reilly Media has granted Get Elastic permission to reprint this excerpt of Peter Morville and Jeffery Callender’s Search Patterns. The following is a checklist of things you discuss with vendors when evaluating a site search solution:

System architecture
Formal description of the hardware and software components, including crawlers, indexers, data models, and query parsers…

SocialTwist Tell-a-Friend
0 05/20/10 12:44

50 Beautiful Examples of Architecture Photography

  

This post is dedicated to Architecture Photography. Our surrounding is full of many beautiful things: traditional or fashionable, architectural photography can be as exciting as it is gratifying. In this kind of photography, a photographer usually experiments with various angles, settings, timing and effects to achieve the most interesting shot of buildings…

SocialTwist Tell-a-Friend
0 05/20/10 11:00

How to Create a jQuery Bookmarklet

I suspect many of my readers have written at least one jQuery Plugin / Script. In this post, I’d like to show you how to get the most out of that script by also releasing it as a jQuery Bookmarklet. Below, you’ll find two examples of utilities that are ripe for bookmarkleting, as well as a prepared jQuery Bookmarklet file that you can easily modify for the purpose.

Note: Even if you haven’t written a jQuery plugin before, you’ll find bookmarkleting someone else’s plugin as easy as using it on a site…

SocialTwist Tell-a-Friend
0 05/18/10 10:58

Remember to tune in to live-streamed Google I/O keynotes

(Cross-posted from the Google Code Blog)For those not attending Google I/O, remember to tune in to http://youtube.com/GoogleDevelopers on Wednesday, May 19 and Thursday, May 20, to watch the Google I/O keynote presentations live.Keynote times:Wednesday, May 19, 9:00am – 10:30am PDTThursday, May 20, 8:30am – 10:00am PDTTo stay up to date on I/O news, follow us on Twitter or Buzz — and to go one level deeper on I/O session content, live wave with us…

SocialTwist Tell-a-Friend
0 05/13/10 05:43

40 Most Beautiful Mosques In The World

  

Mosque is a Holy place for Muslims. It refers to its Arabic name – Masjid. A Mosque is a place for worship for all the followers of Islam. Mosques all around the world are well known for the general importance to Muslims as well as for Islamic architecture and representation of Islamic culture. Although Mosque is the place where all the Muslims of the community come together and have their prayers, Mosque can also be the place of beautiful architecture that is famous all around the world…

SocialTwist Tell-a-Friend
0 05/12/10 08:02

50 High Quality Themes for Drupal Developers

  

For a fair few numbers of years Drupal has had the reputation of being a difficult CMS to learn. Any web developer will tell you that. It is a fair reputation, but this does take a lot of the gloss and prestige away from what it deserves.

Whereas once you manage to get beyond the initial tricky learning curve, everything falls into place and is relatively straight forward, and what you are left with is one powerful beast of an engine that can handle anything you throw at it…

SocialTwist Tell-a-Friend
0 05/11/10 16:02

Using Internet Explorer Conditional Comments with EnhanceJS

Recently we released an open-source script called EnhanceJS that lets you apply progressive enhancement to your projects in a practical way: it tests a browser’s capabilities before loading CSS or JavaScript enhancements onto a page, and ensures that it receives a usable experience based on those capabilities.

Though IE versions 6 through 8 pass EnhanceJS’s capabilities tests and render most enhancements correctly, they sometimes render CSS or JavaScript in quirky ways…

SocialTwist Tell-a-Friend
0 05/11/10 16:02

Using Internet Explorer Conditional Comments with EnhanceJS

Recently we released an open-source script called EnhanceJS that lets you apply progressive enhancement to your projects in a practical way: it tests a browser’s capabilities before loading CSS or JavaScript enhancements onto a page, and ensures that it receives a usable experience based on those capabilities.

Though IE versions 6 through 8 pass EnhanceJS’s capabilities tests and render most enhancements correctly, they sometimes render CSS or JavaScript in quirky ways…

SocialTwist Tell-a-Friend
0 05/7/10 04:37

How to use Firebug in IE6 (and all other browsers)

Yaknow, I’ve been using Firebug for quite some time, but I haven’t seen many places mention using it as a bookmarklet. Having gotten partway through programming my own makeshift javascript bookmarklet debugger, I was thrilled to find out Firebug Lite can be bookmarkletized too! Here’s the link – right click and add it to your bookmarks to try it out:

Note: due to WordPress limitations in presenting bookmarklets as links, the above link is actually in an iframe…

SocialTwist Tell-a-Friend
0 05/5/10 08:34

The Poetics Of Coding

  

There is little doubt that WordPress is one of the most popular blogging and content management platforms out there today. This is not an article about WordPress, though, but rather a more general musing on one of its thought-provoking taglines: “Code Is Poetry.”

That’s an interesting metaphor. Recently, I’ve written about the different languages used by designers and developers, and also about the relationship between these coding languages and proper human language (specifically, English)…

SocialTwist Tell-a-Friend
0 05/4/10 13:09

GetListed Local U – Minneapolis

GetList.org Local University in Minneapolis is coming up on May 13th at the Westin Edina Galleria and there will be an AM and one PM session. As always the Twin Cities event will be focused on providing the small business person with an overview of marketing their business on the web.

The regular cost is $129 but the discount of $40 is still available (use discount code MB). To register visit our Twin Cities page…

SocialTwist Tell-a-Friend
0 04/27/10 07:43

Usability Do’s And Don’ts For Interactive Design

  

We often talk about how to make our websites more usable, whether it’s tweaking the HTML structure of pages to benefit the user’s process or figuring out how best to display a message via CSS. But we never bring this thought process into our jQuery-based (and other JavaScript-based) elements. How can we enhance the user experience and usability of our jQuery events?

Below, we’ll briefly discuss ways to look at the code and the result of our interactive designs and, thus, improve their usability…

SocialTwist Tell-a-Friend
0 04/27/10 04:07

The Classic Case for Event Delegation

Event delegation in JavaScript is the concept of using a single event listener to manage all of the mouse and keyboard events on a given page thus improving performance.

Often web developers will assign an event listener to each element that is associated with some effect or bit of AJAX. For example, perhaps I have three buttons on a page each of which will initiate a specific and unique animation when a user clicks…

SocialTwist Tell-a-Friend
buy abilify online buy accutane online buy aciphex oline buy actonel online buy actoplus met online buy acyclovir online buy Advair Discus online buy aldactone online buy alesse online buy allegra online buy alli online buy Alpha Lipoic Acid online buy amaryl online buy amitriptyline online buy amoxil online buy ampicillin online buy anafranil online buy antabuse online buy Antiox Cats online buy antivert online buy arava online buy aricept online buy astelin online buy augmetin online buy avalide online buy avandamet online buy avapr online buy betnovate online buy bupropion online buy buspar online buy cafergot online buy capoten online buy carisoprodo online buy cefadroxil online buy cefixime online buy Celexa online buy cephalexin online buy chloramphenicol online buy chrysin-xy online buy cipr online buy citalopram online buy Clavamox online buy Clomid online buy Clozaril online buy colchicine online buy Coreg online buy Crestor online buy Cymbalta online buy cytotec online buy cytoxan online buy decadron online buy deltasone online buy diabecon online buy diamox online buy diflucan online buy dilantin online buy diovan online buy ditropan online buy dostinex online buy dulcolax online buy effexor online buy epivir-hbv online buy estrace online buy etodolac online buy eurax online buy Evegen online buy exelon online buy Femara online buy fosamax online buy fucidin online buy furosemide online buy gaba online buy hydrochlorothiazide online buy hyzaar online buy inderal online buy indocin online buy keftab online buy lamisil online buy Lasix online buy Levaquin online buy levlen online buy levothroid online buy Lexapro online buy Lipitor online buy lisinopril online buy Medrol online buy Metformin online buy Methotrexate online buy Minocin online buy Nexium online buy Nolvadex online buy Norvasc online buy Penis Growth Patch online buy penisole online buy Plan B online buy Plavix online buy Prednisone online buy Propecia online buy Proscar online buy Protonix online buy Provera online buy Purim online buy Retin-A online buy Rimonabant online buy Risperdal online buy Robaxin online buy Septilin online buy Seroquel online buy Shoot online buy Soothenol online buy Strattera online buy Sumycin online buy Tagamet online buy Tegretol online buy Tenormin online buy Topamax online buy Tramado online buy Trazodone online buy Tretinoin online buy Tricor online buy Vermox online buy Viagr online buy vytorin online buy Xenical online buy Zanaflex online buy zelnorm online buy zithromax online buy Zyba online buy lexapro online acyclovir alli viagra plus lasix buy clomid cheap prednisone zithromax buy cialis accutane buy zovirax buy cipro buy plavix buy nexium Ashwagandha levitra without prescription viagra professional online buy accupril online buy aceon cheap buy acomplia online buy adalat order buy albendazole cheap buy aldactone online buy alendronate cheap buy alesse generic buy allopurinol online buy amaryl order buy antabuse generic buy arava cheap buy aristocort online buy aristocort cheap buy ashwagandha cheap buy atacand generic buy atarax online buy atrovent order buy avandamet generic buy avodart order buy azulfidine online buy baclofen generic buy bactrim order buy bactroban online buy brahmi cheap buy bust enhancer no rx buy cafergot generic buy calan order buy captopril online buy cardura order buy cefixime generic buy ceftin no rx buy chloroquine order buy cialis professional no rx buy cialis online buy clonidine cheap buy colon clen supreme no rx buy combivent generic buy compazine cheap buy danazol online buy depakote order buy diclofenac gel online buy diclofenac cheap buy ditropan generic buy doxazosin cheap buy doxycycline online buy ephedraxin no rx buy fasta sleep strips no rx buy female libido patch no rx buy female viagra order buy flagyler online buy gemfibrozil generic buy glucophage order buy hyzaar generic buy insect repellant no rx buy isosorbide order buy kytril generic buy lamictal no rx buy lanoxin order buy l-arginine online buy levothroid generic buy lotensin generic buy lotrisone cheap buy male sexual tonic no rx buy mircette online buy mononitrate order buy noroxin cheap buy nortriptyline generic buy ortho tri-cyclen no rx buy pantoprazole online buy phenergan cheap buy plendil online buy prevacid generic buy procardia cheap buy propranolol order buy proscar online buy pyridium no rx buy rabeprazole order buy ranitidine generic buy relafen online buy risedronate cheap buy sarafem online buy serevent order buy stromectol no rx buy synalar cheap buy terazosin generic buy terramycin order buy tetracycline no rx buy tofranil online buy trileptal generic buy ultracet online buy vasotec order buy vermox generic buy viagra professional no rx buy voltaren online buy yasmin order buy zestoretic online buy zestril order buy zyloprim online