HOWTO: Official way to ask jQuery to wait for all images to load before executing something

•April 1, 2013 • Leave a Comment

Official way to ask jQuery wait for all images to load before executing something – Stack Overflow

With jQuery, you use $(document).ready() to execute something when the DOM is loaded and $(window).load() to execute something when all other things are loaded as well, such as the images. Click through for more details.

HOWTO: Managing JavaScript on Responsive Websites

•March 25, 2013 • Leave a Comment

From the blog:

Managing JavaScript on Responsive Websites | Viget

Since the project I was working on required browser support down to IE8 and I wanted my media queries and JavaScript to function (think older netbooks), I decided to create my own solution.

jRespond is a script that holds a list of user-defined functions that are fired based on the browser’s width compared to a list of customizable breakpoints. Entry and exit functions can be defined so transitions between breakpoints can be managed by removing and unbinding some page elements while creating and binding others. jRespond was built to be independent and browser agnostic. It does NOT sniff for media queries in the stylesheets.

HOWTO: Using Visual Social Platforms For The Non-Visual Business

•March 22, 2013 • Leave a Comment

From the blog:

Using Visual Social Platforms For The Non-Visual Business | Content Marketing & Digital PR Blog

With the recent boom in visual social platforms like Instagram and Pinterest, you may be wondering how you can find success through the use of a visual medium, even if you don’t have a very visual business.

Well here’s some good news for you: Your business doesn’t have to be related to photography, beauty, or fashion to hit it big on visual platforms. You just have to be more thoughtful and creative when strategizing their use.

On Instagram, users generally take photos with their smart phones (or upload photos to their phones), apply filters, and share with their online community. While on Pinterest, users organize and share their own images, as well as anything they find of relevance on the Web. The great thing about Instagram and Pinterest is that you can share your images across nearly all of your social platforms.

Here are a few ways your non-visual business can maximize your results on a visual social platform.

HOWTO: Special Characters in HTML

•March 8, 2013 • Leave a Comment

Special Characters in HTML

HTML Entities and/or ISO Latin-1 codes can be placed in source code like any other alphanumeric characters to produce special characters and symbols that cannot be generated in HTML with normal keyboard commands.

For example, to render Düsseldorf the HTML source should read

Düsseldorf or Düsseldorf

While many similar lists are available on the Web (run your favorite search engine using “ISO Latin” or “HTML Entities”), none I’ve seen account for the standard character sets of different operating systems (e.g. Windows vs. DOS vs. Macintosh, etc.); this list should produce the same results on all platforms.

A Detailed Explanation of the Anatomy and Components of a DotNetNuke Website URL

•January 28, 2013 • Leave a Comment

From the blog:

A Detailed Explanation of the Anatomy and Components of a DotNetNuke Website URL

People don’t like to think about or talk about URLs. Unless someone know how their website works in detail, there is a chance for URL confusion. Even technically-minded people gloss over when talking about the details around what is happening with the fundamental pieces of a URL.

Because this seems so common, I thought I would devote some time to discussing each piece of the URL and what the significance is. The example used is a DotNetNuke (DNN) URL. I will start with the very basic and expand from there.

2012 in review

•December 30, 2012 • Leave a Comment

The stats helper monkeys prepared a 2012 annual report for this blog.

Here’s an excerpt:

600 people reached the top of Mt. Everest in 2012. This blog got about 7,800 views in 2012. If every person who reached the top of Mt. Everest viewed this blog, it would have taken 13 years to get that many views.

Click here to see the complete report.

HOWTO: Tips for a Clean and Minimal Online Store Design

•December 26, 2012 • Leave a Comment

From the blog:

Tips for a Clean and Minimal Online Store Design | Codrops

What better way to showcase your products than by giving them the stage?

This is the concept behind a growing trend in e-commerce web design – going minimal.

In the past many online stores took the opposite approach to design. Sites were often cluttered with information, fonts and colors were overwhelming, and sites were quite simply “over-designed”.

Now, many sites are ditching models, crazy colors and fonts, and fancy photography for the simplistic style of just showcasing their products. It’s a trend that is taking over much of the web (not just e-commerce) with the emergence of responsive design models. More designers are embracing the trend that simpler can be better, while focusing on readability and usability.

The result is a better experience for online shoppers, with cleaner interfaces, text that is easier to read and interfaces that are simpler, faster and more user-friendly. This trend is about more than just design, it creates a better overall experience.

Think about the success of Apple and its online store. Simple and direct can equal sales. Here, we take a look at the trend, companies that are doing it well and tips for making it work for you.