I’ve seen many newcomers to Java language has been discussing this topic with themselves when they are given training in HTML and web design.For many of those folks, JavaScript is the another name for a nightmare. Few tips from my side for those people.

Previously I’ve talked about reversing text with CSS by simply setting a few CSS attributes. Today we will try another trick: turning text upside down. It’s actually possible using a simple CSS property and works cross-browser today.

Here are a few simple tricks to add some flavor to your typical bland images. Using Photoshop to style each image can be tedious and difficult to maintain in the long run. These following CSS techniques will help you ease that pain! If you have some of your own techniques, please share them!

Rich-text editors, also known as online rich-text editors, are web components that allow users to edit and enter text within a web browser. Rich-text editors are used in numerous ways such as in enhancing your comment input form or as part of a web application that allows entry of user-generated and formatted content. Rich-text editors are essentially web-based WYSIWYG (”what you see is what you get”) editors.

If you haven’t taken a look at the (X)HTML/CSS templates that are available for free from a variety of sources, you may be surprised by the quality you can find. WordPress themes tend to get a lot of exposure and attention in the design community right now, but there is also a wide variety of high-quality (X)HTML/CSS templates that are free of charge.....

When building web pages, it is often necessary to add links that require parameterized query strings. For example, when adding links to the various validation services, you may find yourself linking to an accessibility checker, such as the freely available Cynthia service.

When creating navigational tabs that use real web text, some positioning issues may arise when that text is resized. The natural flow of a web page when text is resized is to push down. This can push your main content area down and/or force the tabs into that area. Using some smart CSS, we can fix this issue by creating tabs that grow upward when text is resized.

One of the little known javascript events is the image “onError” event. This event is triggered when an image 404’s out because it doesn’t exist. Broken images can make your website look unprofessional and it’s important to fix broken images as soon as possible. I’ve created a MooTools / PHP script that listens for image errors, triggers an Ajax call to a PHP script, and that PHP script sends an email letting me know about the problem.

The following is a list of tips and bits of knowledge I've gathered over the past year or so and thought worth sharing

Smaller and optimized CSS files are important for your website's loading time and bandwidth. The use of these tips will improve your CSS coding productivity and skill and have a positive impact on your loading time and bandwidth expenses!

We all have them - little coding tricks and snippets of knowledge that we’ve picked up over years of experimentation and evolution of our processes, that are now part of our regular routine and save us time, gnashing of teeth and allow us to work quickly and efficiently. Here’s some of mine - perhaps you know a few of these already.

As web designers and developers, we have all come to learn many css tricks and techniques that help us achieve our layout goals. The list of these techniques is an ever expanding one, however, there are certain tricks that are essential to achieve your goal. Today, we will review 15 excellent css techniques to keep in mind when developing your theme.

A few weeks back I wrote an article about MooTools Link Nudging, which is essentially a classy, subtle link animation achieved by adding left padding on mouseover and removing it on mouseout. Here’s how to do it using jQuery.

Here are some tips to make your TextMate editor a great tool to build websites.

When I review web sites, and also in my own projects with a number of different team members, I almost constantly stumble across something web developers should really refrain from: inline styling and inline JavaScript code.

One of the best aspects of living in the Bay Area is bumping into all sorts of interesting computer folks. Today I’m working from a coffee shop and bumped into Tantek Çelik, CSS and Microformats man. He pointed me to a fabulous blog series introducing Microformats and all the major formats for a more lay-person audience, created by Emily Lewis:

2006 first time they ever talked about css3. Well it's getting shape. Check most of teh greatest features available!!! There is still more to come. Be sure to tag it if you like it.

Free CSS Templates(Layouts) designed with Emastic CSS Framework

I just saw that sitepoint was giving away a free PDF download of their book - “The Art & Science of CSS”. I’ve bought the book some time ago, and I really enjoyed it and would recommend it.

I decided that mouseover/out is never the behavior I want, whereas mouseenter/leave is always the behavior I want. Practically always. So I've changed over reglib's reg.hover() to behave like mouseenter/leave.

If you ever saw how products like Microsoft CRM look like you probably noticed there are input fields that have "embedded" image buttons inside them. If your clients saw that, there is a probability that they will want to have it in their applications. Whether you agree or not, here is how you can do it easily. So easily that you will have to add just a few lines of code and enable this feature in entire application.

A simple php snippet compresses your multiple css files into one file with only one line of resulting CSS. What is good enough for Microsoft or Google should be good enough for the rest of us.

This post illustrates the use of event delegation to create a "bubble" menu, with the Yahoo YUI library.

While looking for improvements to injecting HTML fragments into a document (which I mentioned, in passing, when I looked at using Document Fragments) I decided to spend some more time with Internet Explorer's insertAdjacentHTML method.

Everything You Know About CSS Is Wrong! is an eye-opening exposé on CSS as we know it today. You’ll discover a fresh approach to coding Cascading Style Sheets where old hacks and workarounds are just a distant memory. You’ll learn how to start taking full advantage of the very latest CSS techniques while still catering for older browsers and discover what’s put the final nail in the HTML table-based layout coffin.