Feeds:
Posts
Comments

Archive for the ‘Jquery’ 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 »

I spent a few hours putting together a Dynamic Data web site using the YUI DataTable and DataSource components.  I mostly just did this out of curiosity to see how easy or difficult it would be to use the DD API with other components besides the GridView and DetailsView controls.  So I created a DD web site that provides read-only access to Northwind’s Customer, Employee and Supplier tables, but I am not using ASP.NET’s GridView, DataSource and UpdatePanel controls to render the grid.  Instead I have replaced these components with YUI’s client side DataTable and DataSource and serve the data using a web service (paging included!).  Below are a few of the highlights, and don’t forget todownload the sample and try it out for yourself.  Its experimental, but if you are new to DD or YUI you might find it interesting.

[Update: 9/21/2008]: Added live demo link

DownloadLive Demo

(more…)

Read Full Post »

Older Posts »