DeDestruct - Tutorials and Easy to Use Tips for Web Developers and Web Designers

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 ?

how do you set up an omoplata from bottom half guard?

Asked by Otto lai, a pretty cool guy from San Diego

Thanks for the random question of the month otto. For those few that are not into MMA or Brazilian Jiu-Jitsu (BJJ) an omoplata is a shoulder lock applied with your legs. And half guard is the position between full guard and side mount or full mount when the fighter on the bottom has control of one leg. Enjoy.

Is there a definitive checklist for IE6 testing?

Asked by Jay Stonch a design student from San Diego

What conventional considerations are there for IE when designing a website?
I understand that there are box model differences, but is there, like, a “definitive checklist”
of things you need to adjust for when designing across browsers?

We dont have a “definitive checklist” for Internet Explorer and tend to squash bugs as we go

BUT before you even tackle the problems of IE6, remember to code using web standards and test early and often. Ensure you have valid code, javascript included. Also make sure you have a full, valid doctype.

But a checklist is probably a good idea so lets start building one.

(more…)

Picking the best CMS Solution, Easy to use OR Feature-Heavy?

Asked by Shaun MacDougall a freelance developer from San Diego

What, in your opinion, would be the best reason to choose a CMS like wordpress over an open source CMS like joomla? or vis versa?

In my experience systems like Joomla and Drupal scare clients

Feature heavy CMS systems can intimidate clients who hesitate to learn and use them.

(more…)

What are common design elements in “Web 2.0″?

Asked by Emelda a designer from India

Can you please give me a run-down of common Web 2.0 design elements for making my theme?

Hi Elmeda thanks for your question. Well, there are some common traits in the movement dubbed “web 2.0.”

• A focus on “creative minimalism” with creative use of white space.
• Gradients
• Oversized fonts
• Oversized headers/footers
• Bold use of color
• Large icons

Here are two articles that go into much more depth then I will here.

• Web 2.0 How-to Design Guide
• The Visual Design of Web 2.0

But I should warn you that many of these elements are quickly becoming design cliches. Don’t fall into the trap of designing something like everyone else has. Blaze a new trail, be original, but certainly take the good elements common in Web 2.0 design into your projects.

Writing User-Agent specific CSS

Asked by Andrew a freelance designer from Chicago

How come when i have the “if IE” link to the css, it doesn’t change at all?
It’s linked correctly and the “if IE” is correct, but the css just isn’t showing.
I think cause the link to the regular css is over-riding the “if IE” one. Why won’t it work?

(more…)

How do I get the current position of the cursor in a TEXTAREA using Javascript?

Asked by Frank Peterson a design student from New York

How do I get the current position of the cursor in a TEXTAREA using Javascript? I’ve only found scripts on inserting at the current position but not on returning the number of the cursor’s position.

(more…)