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/8/10 07:30

10 sites developers should have in their bookmarks

Mysql Format Date

MySQL Format Date helps you to format your dates using the MySQL DATE_FORMAT function. Just select a common date format and then change it to your suit your needs. The MySQL DATE_FORMAT code will be generated at the bottom of the page which you can then copy into your query. Visit site: http://www.mysqlformatdate.com

Script Src

Are you tired of hunting the Internet in order to find the script tag for the latest version of the Javascript library of your choice? ScriptSrc…

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
0 04/26/10 09:27

Top WordPress hacks of early 2010

Display an incrementing number on each post

I always loved how A List Apart numbers its posts. The following hack will let you do the same with your own blog, using a custom field.

Implementing this hack is quite simple. First, paste the following function into your functions.php file:

function updateNumbers() {
global $wpdb;
$querystr = “SELECT $wpdb->posts.* FROM $wpdb->posts WHERE $wpdb->posts…

SocialTwist Tell-a-Friend
0 04/23/10 10:33

Google Maps and the QR Code – Why Use Google’s?

Google Places recently added the ability for a business to create a printable QR code for their business that takes a user to their Places Page. In today’s Lat-Long blog post Google is suggesting the following possible uses for the code:

  • Add it to the back of business cards: Lots of you are already giving away business cards to your customers. Adding a QR code lets you add a lot more information, virtually, with your Place Page, and allows you to change information like discounts & real-time updates about your business without changing the card itself…
SocialTwist Tell-a-Friend
0 04/23/10 08:42

Accessible Showing and Hiding

Editor’s Note: When I started this blog nearly three years ago, one of the first things I did was write a series on showing and hiding elements on a page. The posts were very basic, as was my knowledge at the time. At best, they demonstrated an incomplete answer to the question of how to selectively reveal content based on user interaction. At worst, they encouraged a solution without any regard to accessibility…

SocialTwist Tell-a-Friend
0 04/22/10 11:27

DoubleClick for Publishers Small Business is now available

In February, we announced the roll-out of Google’s next generation ad server, DoubleClick for Publishers (DFP). Today, we completed the upgrade of Google Ad Manager publishers to DFP Small Business, a streamlined version of DFP designed to meet the needs of growing publishers, and we made this platform available globally to all publishers. If you’d like to sign-up online, you can do so now by visiting the DFP Small Business website…

SocialTwist Tell-a-Friend
0 04/22/10 09:10

Showcase Of Web Design In Netherlands

  

The Netherlands, also known as the “Low Countries,” is a small, crowded, muddy piece of land through which a few big important rivers fortunately run. In this country, you can find coffee shops, wooden shoes, tulips, windmills and a lot of water.

And everything is rather small! Well, at least most of the architecture is. How cute is that? But it’s also the land that brought the world many great painters, famous architects, and excellent graphic, fashion and interior designers…

SocialTwist Tell-a-Friend
0 04/22/10 05:57

CSS3 Gradient Buttons

Last week I talked about Cross-Browser CSS Gradient. Today I’m going to show you how to put the CSS gradient feature in a good practical use. Check out my demo to see a set of gradient buttons that I have created with just CSS (no image or Javascript). The buttons are scalable based on the font-size. The button size can be easily adjusted by changing the padding and font-size values…

SocialTwist Tell-a-Friend
0 04/22/10 04:01

Add An RSS or Twitter Feed to Your Product Detail Pages

Want your Twitter feed to show up on your product detail pages? How about adding related videos from YouTube?

Recently, I was shopping on Skateboard.com when I discovered that the site doesn’t only offer related products on its product detail pages, but includes related videos and news articles from GrindTV—which makes perfect sense for this retailer’s customers.

In this post, I am going to demonstrate how to use a PHP class called, SimplePie, to parse RSS feeds and place them neatly on a retail site…

SocialTwist Tell-a-Friend
0 04/21/10 06:32

Yoast: Emergency WordPress access

If you do a lot of WordPress development work, you’re bound to receive WordPress database sometimes that you don’t have an admin account for. We at OrangeValley at least, do have that issue. We usually test, if possible, on a database the client provides us with. We used to have to go into the database and change an existing user, or add a new one by hand, and well, that wasn’t too optimal.

Quite a while ago I came across a script (mentioned before in a WordPress Scripts post) called emergency…

SocialTwist Tell-a-Friend
0 04/20/10 09:21

Seven JavaScript Things I Wish I Knew Much Earlier In My Career

  

I’ve been writing JavaScript code for much longer than I care to remember. I am very excited about the language’s recent success; it’s good to be a part of that success story. I’ve written dozens of articles, book chapters and one full book on the matter, and yet I keep finding new things. Here are some of the “aha!” moments I’ve had in the past, which you can try out rather than waiting for them to come to you by chance…

SocialTwist Tell-a-Friend
0 04/20/10 08:58

Manipulating the DOM with jQuery: 10+ useful code snippets

Add a CSS class to a specific element

A very clean way to change an element look and feel is to add a css class, instead of adding inline styles. Using jQuery, this is pretty easy to do:

$(‘#myelement’).addClass(‘myclass’);Removing a CSS class from a specific element

It’s great to be able to add some CSS classes, but we also need to know how to remove unwanted classes. The following line of code will do that:

$(‘#myelement’)…

SocialTwist Tell-a-Friend
0 04/15/10 09:20

PHP: What You Need To Know To Play With The Web

  

In this article, I’ll introduce you to the fundamentals of PHP. We’ll focus on using PHP to access Web services and on turning static HTML pages into dynamic ones by retrieving data from the Web and by showing different content depending on what the user has entered in a form or requested in the URL.

You won’t come out a professional PHP developer, but you’ll be well on your way to building a small page that uses Web services…

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

A Step-by-Step Guide for Deploying eCommerce Systems in the Cloud

How does one deploy cloud computing for ecommerce systems? It’s really about the architecture, understanding your own requirements, and then understanding the cloud computing options that lay before you. Here is a quick and dirty guide for you.

Step 1: Understand the business case.

While it would seem that moving to the cloud is a technology exercise, the reality is that the core business case should be understood as to the potential benefits of cloud computing…

SocialTwist Tell-a-Friend