Simple Image Zoom Effects

Asked by Gina a design student

how do i write code in javascript or html.. for..when i click on the image , the image shoud enlarge

(more…)

Asked by Shaheel.S working in design from India

Of all the vast resources available in learning the XHTML and CSS, which one is easier for beginners to learn from.

There are a lot of web design resources for beginners, But lets focus on just 3 kinds.

Paid
If you can afford them Lynda.com offers some great online tutorials that beginners can take at their own pace. These are interactive video tutorials and require a monthly subscription of approx $25/month.

Free
A free alternative is the popular W3Schools Online tutorials and reference website.

Paper
There is a wealth of well-written and easy to follow HTML and CSS Books, I recommended buying this one after you finish the online tutorials.Bulletproof Web Design by Dan Cederholm. This books takes examples of websites that are not coded well and then shows you how to make it better.

Other beginners and semi-professionals, where did you look to start learning HTML and CSS ?

“This site (http://shop.uppercasegallery.ca/) has a shopping cart the likes of which I’ve never seen before. It’s pretty slick; it slides in and persists at the bottom of the screen, unless the user closes it. With my limited knowledge of the newer technologies of the web, I’m assuming it employs JavaScript and maybe a little bit of Ajax.”

It is indeed a nice shopping cart application, but it actually uses a 3rd party provider called Shopify made by Jaded Pixel. While I don’t want to do a product review or endorsement you can set Shopify to work on your domain and even have control of the interface. They’ve even released their templating language called Liquify as open source for Ruby on Rails applications (similar to Smarty on PHP).

You have options to leverage JavaScript frameworks to build something similar such as the shop module in script.aculo.us. Many JavaScript frameworks offer a combination of drag-n-drop/Ajax that can be used to build similar functionality. Unfortunately, code samples are impractical in this example, because it varies on what framework utilized and programming language.

The Problem with .PNG

What do you think of when you read or hear the term “transparency” in a web related conversations?

.png might be some peoples answer. “UGH!”, could be a common answer also. If you go to my website you’ll notice some ink splatter headers that sit throughout the design. I had quite a hard time getting those to display correctly thanks to Internet Explorers lack of native png transparency support. It is one of THE most complained about topics on the web (and I have done my fair share of it). People have been asking for the support since BEFORE version 5.0 but today, there are still a lot of hacks and “fixes”, it shouldn’t be that hard to use transparency.

(more…)

Is there a way to get Dreamweaver to update all the images in Design view?

asked by Nick a student from New Jersey

I have a page with several images and none of the images have the width and height set, so I have to click on each one and click the refresh icon next to width and height for each one. Which is a pain, surely there is a faster way to do this? Hopefully it will work in Dreamweaver 8.

(See the Solution …)

Is it possible to create a private variable in a Javascript “object”?

asked by Caustic Dave from Michigan

Private variables can be created by using the ‘var’ syntax before defining the variable.
That limits its scope to within the object it was created in.

Example

function fName(){
   //functions are objects in javascript
   var firstname = “steve”;
   // firstname is a private variable for the object fName 
}

lastname = “albridge” ;
// lastname is a global/public variable 

Additional Reference

OOP in JS, Part 1 : Public/Private Variables and Methods
Private Static Members in Javascript
Private Members in JavaScript - Douglas Crockford