Note: Normally I write solutions to problems, but this a problem I have no solution for. By explaining it I believe it will still be educational and therefore worth publishing.

The project I’m working on at the moment is in Groovy. In order to set JSON on page load, you have to escape either single quotes or double quotes.

var myJSON = ‘this is the cat\’s first day in Marc\’s house’; // JavaScript string

With groovy, you can cast something as JSON and set it to the view pretty easily…

I have a free FITC San Francisco to give away. To get it: you just need to enter a comment in this post before August 6, 2010 and the winner will be selected randomly. The event will take place in San Francisco between Aug 17th to 19th. If you are getting the tickets, use coupon code "wdwluv" to get 10% discount. For more information, visit the FITC website.

…

If you’re new to creating website designs using Photoshop, learning to transform those .PSD files into semantic, standards-compliant CSS and HTML files can be a bit intimidating.

After all, there are plenty of great services out there that can slice up and code your files for you. But there are those cases when you may prefer to slice those designs by yourself.

That’s where From Photoshop to HTML: How to Slice Your Designs Like a Pro by Jeffrey Way, editor of Nettuts+, comes in…

Just a short while ago, Flash was one of the primary technologies used by web designers to add interactivity to a website.

Since the introduction of the iPad, with its lack of the Flash Player, there’s an acceleration in the web development world to use alternative technologies to Flash, such as jQuery, Ajax and others.

Although Flash is still a very powerful and useful tool, which works great on many cases, several of the effects that web designers are accustomed to creating in Flash, can be just as easily implemented using jQuery…

Building a solid foundation in your site architecture using search engine friendly navigation is a founding principle in good search engine optimization, but what does that actually mean, and what recommendations can you make to enhance your clients (or your own) SEO?   In this article, we’ll look at a few examples of well coded, search friendly navigation and look at ways to enhance your site architecture for SEO…

We are regulalry collecting useful JavaScript and jQuery snippets, libraries, articles, tools and resources and present them in compact round-ups here, on Noupe. This time we are again covering some useful JavaScript and jQuery techniques, plugins and tools that may help you improve the user experience for your site.

Useful JavaScript and jQuery Techniques

Colorful Sliders With jQuery & CSS3 In this tutorial we are using jQuery and the new transformation features brought by CSS3 to create a three dimensional dynamic slider effect…

I think it is time to be 100% truthful with my readers

• I take someone’s copyright work
• Often I take the copyright work of 100s of people
• I access the source code of the software and reverse engineer it
• I then create software modifications and packages that modify the operation of the original software, often in ways not intended or approved by the copyright owners…

Over time we’ve improved search by deepening our understanding of queries and web pages. The web isn’t merely words—it’s information about things in the real world, and understanding the relationships between real-world entities can help us deliver relevant information more quickly. Today, we’ve acquired Metaweb, a company that maintains an open database of things in the world. Working together we want to improve search and make the web richer and more meaningful for everyone…

App Inventor is a new tool in Google Labs that makes it easy for anyone—programmers and non-programmers, professionals and students—to create mobile applications for Android-powered devices. And today, we’re extending invitations to the general public.For many people, their mobile phone—and access to the Internet—is always within reach. App Inventor for Android gives everyone, regardless of programming experience, the opportunity to control and reshape their communication experience…

It appears that Google has rolled out changes to the display of the Local Onebox showing on the main search engine results page. While I do not have a large enough sample to know if the change is permanent and shows everywhere, I have tested it on several ISPs and via a proxy server to know that it is very widespread and as such seems unlikely to be a test. The change mirrors some of the elements seen last week in the Google Maps 7-Pack test…

A very fundamental part of JavaScript is the if statement. One thing that gets people all up-tight is using ternary operators and not using curly brackets in your JavaScript. Some argue that it isn’t readable. In this article I’ll show you what practices I use and hopefully you can give me your thoughts.

Normal if statements

Nothing special here, just a normal if statement.

foo = "bar";
if ( foo == "bar" ) {
foo = "something";
} else {
foo = "somethingElse";
}

If statements can be written without curly brackets

foo = "bar";
if ( foo == "bar")
foo = "something";
else
foo = "somethingElse";

What people don’t like about this is if you need to do another action inside the if statement, then you have to manually go back and wrap it in curly brackets…

For those of you who been reading my blog should be familiar with Zurb. They are the guys who created those fantastic web apps — Bounce, Notable, and Verify. If you read online tutorials a lot, you may have probably stumbled upon their Playground before where they post various CSS and Javascript tutorials. Today, I’m happy to have Zurb here at Web Designer Wall to talk about their team and work…

Before jQuery 1.4, you had to specify the dataType in all of the types of ajax requests.

$.get(url, data, function, "html/json/xml..");
$.post(url, data, function, "html/json/xml..");
$.ajax({
…
dataType: "html/json/xml.."
});

Now, you can have the server respond with the mime type like application/json and jQuery will automatically switch the dataType for you! This makes more sense because the server is the one sending the response, jQuery is only handling it…

jQuery Essentials on Slideshare – View more presentations from Marc Grabanski

Want to download the presentation? PDF of jQuery Essentials

…

It can be a pain to create HTML elements in JavaScript. In this article I will outline a few ways I deal with HTML. First, we’ll look at whether to use an HTML string or a jQuery object, then look at my little HTML string builder utility and finally get some links to templating libraries for building more complex HTML.

HTML String, or jQuery Object?

The first question you have to ask yourself is whether or not it makes sense to build out HTML as jQuery objects, or if you require the speed of building strings…

These jQuery resources will set you on your path towards mastering jQuery.

Written Articles

• Getting Started with jQuery – this is the official jQuery getting started guide.
• jQuery for JavaScript Programmers – Simon Willison (creator of django) gives you an introduction to jQuery for people who already understand JavaScript.
• jQuery Crash Course – Nathan Smith gives a quick introduction to jQuery on Digital Web Magazine…

B2B, B2C…B2 anything, every marketing department would love to somehow crack the social media code. Be it by content marketing, participation in Twitter, YouTube, Facebook, LinkedIn, FourSquare, Flickr, Digg, Delicious, etc… invariably, the conversation turns to the same question: “What are we going to do and who’s going to actually execute on this every day at the office?”

Then comes the obligatory: “How are we going to measure it?” and, “When will we set business goals?” or, “Are we just doing this for the hell of it ‘cause everybody else does?” All are reasonable questions…

People still read books. I started on Nudge: Improving Decisions About Health, Wealth, and Happiness not long ago. I’m about a fifth of the way through, and I’ve already added “Choice architecture” to my list of concepts to study more, and I’m looking more carefully at the choices I make.

Seeing a lot of [...]…

There’s a pretty strong push now for everyone to move to the new Asynchronous Google Analytics Tracking Code. It’s the only code that’s available from the interface now, and nearly all of the documentation includes examples of this as the primary code to be used.

Converting your code to the new async code might seem like it’s just a hassle, but there are benefit to using the new code. Because the code loads asynchronously, there’s no longer any danger that it will interfere with the loading of the rest of your page…

There’s a pretty strong push now for everyone to move to the new Asynchronous Google Analytics Tracking Code. It’s the only code that’s available from the interface now, and nearly all of the documentation includes examples of this as the primary code to be used.

Converting your code to the new async code might seem like it’s just a hassle, but there are benefit to using the new code. Because the code loads asynchronously, there’s no longer any danger that it will interfere with the loading of the rest of your page…

Below is what happened in search today, as reported on Search Engine Land and from other places across the web.

From Search Engine Land:

• Viacom Loses Google Lawsuit

  Google has won a “motion for summary judgment” in its bitterly fought lawsuit with Viacom over YouTube. Viacom had sued YouTube/Google for copyright infringement surrounding the posting of scores of clips of Viacom-owned programming (e…

The jQuery Autocomplete plugin got a successor recently, the jQuery UI Autocomplete. In this guide we’ll look at the old plugin API step-by-step, and how to migrate to the new API.

At first it may look like the new plugin supports barely any of the old options. We’ll see how all the old options can be implemented using the three new options and the six events.

The old plugin had two arguments: data or url, and options…

As mentioned in a previous post, recently I have started playing with Video SEO, and found it to be a part of SEO I quite like. It’s a very technical trade so far, so apologies for all the code in the article lying in front of you, but there just is no way around it: you’ll need to know about the technical part of these implementations.

Talking about that, it seems as though everyone is focussing on XML Sitemaps, while there’s actually not 1 but 4 methods of getting Google to recognize your video content…

Inspired by the CargoCollective and David DeSandro’s site, I asked my Twitter followers (@nickla) on how to do the scrollto posts with jQuery. Within a day, Ben Bodien of Neutron Creations sent back a quick demo on how to replicate the similar result with the ScrollTo plugin. The script finds your current view position and scroll to the next or previous post accordingly. Check out the demo to see what I’m talking about…

We used to develop websites with ugly hacks, dirty workarounds and unmaintainable code. We had to create rounded corners with “corner” background images and nasty divs. Cross-browser transparency was dirty; shadows were quirky; and do you remember resizable buttons and tabs that had to be implemented with CSS sliding doors? All of these workarounds were extremely time-consuming and resulted in bloated code…

JavaScript enabled, dynamic menus allow you to pack a lot of information in a tight space and make it easier for shoppers to find what their looking for. But for years, SEO professionals have advised against using JavaScript menus, warning that search engines can’t read JavaScript. In times past, that was true. But search engines have come along way since. Unfortunately, old information still exists on forums and in blogs, and many are confused about JavaScript and SEO, and how to do things right…

There comes a point in every website design when you simply want to give the website a little spice to impress the visitor and make it memorable. You want that sexy interaction to capture the user’s attention. In our previous articles, we showed you how to spice up your website with sexy buttons, practical elements and attractive visual effects.

In this article, we’ll discuss how to seduce your visitors with a little JavaScript action…

In this post we release a yet another freebie: a Drupal Cheat Sheet Desktop Wallpaper, a desktop wallpaper that features most popular variables of the open source content management system Drupal. The wallpaper was created by Giovanni Scala for Smashing Magazine and its readers.

Download the wallpapers for free!

• 1024×768
• 1280×800
• 1440×900
• 1680×1050
• 1920×1200

Features

This pack is a set of wallpapers for Drupal developers showcasing available Drupal variables and their descriptions in a compact overview…

Real estate is a multi-billion industry and it is flourishing. At some point a new architectureal concept requires 3D models that visualize the idea of the architect and the way he sees his creation. Today we are presenting you some Digital Conceptual Architecture examples which look almost real. Architects use a number of applications and techniques to get the desired output…

Visitors to your website now can perform the same keyword research and keyword organization and discover the same keywords that the WordStream keyword tools provide, but they don’t have to leave your site to get them.To create custom versions of the WordStream keyword tools that you can embed on your own website, go to: http://www.wordstream.com/free-tool-widget-generator/ and follow the four-step process to obtain your embed code…