Feeds:
Posts
Comments

Archive for the ‘Java Script’ Category

The longer I program, the less tolerance I have for “magic strings”. You might be familiar with them – they are strings that have programmatic meaning but are trapped between quotes in another language.

A classic example is SQL held in a string variable within your C#/PHP/whatever code. It might just as easily be HTML in your Javascript.

The problem is that this code is meaningless outside of its domain. Your SQL server knows what SELECT means, but the PHP interpreter does not. If you misspell it, or generate it dynamically, and it fails, you are not going to know why. Cross your fingers!

(more…)

Read Full Post »

A couple weeks ago, I created a screencast that demonstrated how to build a three-level navigation menu. In a response email, one of our readers requested a tutorial on how to build a lava-lamp style menu. Luckily, it’s quite a simple task, especially when using a JavaScript library. We’ll build one from scratch today.

Screenshot

Prefer a Screencast?

Step 1 Create the Mark-up

Before we can create this neat functionality, we need a base from which to work from. In your favorite code editor, create an unordered list for your navigation, and import both jQuery and jQuery UI, via Google.

(more…)

Read Full Post »

In this tutorial, we’ll take a look and see what we can achieve with HTML5 and CSS3 when it comes to the staple of current web sites: the humble drop-down navigation menu. We’ll also use jQuery to handle the effects and add the finishing touches for us.

(more…)

Read Full Post »

There are at least five ways to make AJAX calls with the jQuery library. For beginners, however, the differences between each can be a bit confusing. In this tutorial, we’ll line them up and make a comparison. Additionally. we’ll review how to inspect these AJAX calls with Firebug as well.

Tutorial Details

  • Program: jQuery
  • Difficulty: Beginner
  • Estimated Completion Time: 20 minutes

(more…)

Read Full Post »

When used correctly, jQuery can help you make your website more interactive, interesting and exciting. This article will share some best practices and examples for using the popular Javascript framework to create unobtrusive, accessible DOM scripting effects. The article will explore what constitutes best practices with regard to Javascript and, furthermore, why jQuery is a good choice of a framework to implement best practices.

[Offtopic: by the way, did you know that we are publishing a Smashing eBook Series? The brand new eBook #3 is Mastering Photoshop For Web Design, written by our Photoshop-expert Thomas Giannattasio.]

(more…)

Read Full Post »

Cheat Sheets are so useful for web-developers to remember various things. It’s always complicated to memorize syntax for web developers and designers since they are always evolving and rising. Here, Cheat Sheet is always come in handy. These cheat sheets are designed to be printer friendly.
In this article we are going to present some most useful cheat sheets, especially for front end web developer. It would helpful for HTML, CSS, JavaScript and SEO purposes.

Are you looking to contribute to our design community?

Suggest a link

to a relevant article, or submit your own! You will help push the design community to much higher levels.

(more…)

Read Full Post »

html5 drawing tool example crayon

This tutorial will take you step by step through the development of a simple web drawing application using HTML5 canvas and its partner JavaScript. The aim of this article is to explore the process of creating a simple app along the way learn:

(more…)

Read Full Post »

Older Posts »