Author: Justin Bezanson

Have you been told that using those fancy JavaScript navigation menus is bad for your search rankings or that you will lose some visitors that have JavaScript turned off? This is a decision that all web developers face at one time or another. Do you use the cool looking menu which may help clean up large menus or do you cater to the largest audience possible? That can be a tough choice sometimes. Well, now there is no need to choose. In this article I will show you how to create a drop down navigation menu that is XHTML 1.0 Strict, CSS valid, opens external links in a new window, and is JavaScript free.

Keeping Backwards Compatibility In Mind

To keep things in perspective, in order to be 100% XHTML 1.0 Strict and support older, non-compliant browsers, a small amount of JavaScript is required. If you do not wish to support IE6 or older and don’t mind switching to a XHTML 1.0 Transitional doctype then this can be accomplished with 100% pure CSS and no JavaScript…


Continue Reading...

Author: Justin Bezanson

Overview

If you have ever looked at JavaScript as more than just a language for validation and “neat” effects then you know that, despite it’s seemingly simple design, it is a very powerful and complex language. All the frameworks and effects libraries that are being written, like jQuery and ExtJS, are a testament to this fact. Some of the frameworks give you tools for an object oriented (OO) approach to JavaScript. Being a C# programmer I pretty much only code in a OO manner and that just naturally translates into the JavaScript I write.

In this article we are going to take an introductory look at how OO JavaScript works. I am going to assume you are familiar with Object Oriented Programming (OOP) concepts such as encapsulation, inheritance, and polymorphism. If you aren’t familiar with these concepts or would like to refresh your memory you can take a look here. If this sounds like it might be complicated, don’t worry, it really isn’t and I’ll give you lots of example code to show you. Here we go.

Creating a class

The first thing we are going to look at is how to…


Continue Reading...

After I published a post about SDEdit which is a free desktop sequence diagram editor, I received a mail from Steve Hanov who wanted to introduce me with a very impressive alternative to SDEdit. Steve has created a web service that creates renditions of sequence diagrams, it is completely online and does not require a download. Well, after reviewing this tool, I decided to let Dev102 readers know about it too, it is really great.

Like SDEdit, the UML sequence diagrams are created from a textual syntax and not by drawing objects and lines. Lets take a look at the following example:

Alice->Bob: Authentication Request
note right of Bob: Bob thinks about it.
Bob-->Alice: Authentication Response

You can notice that the syntax is easy and if you ask from the tool to draw it, this is what you get:


Continue Reading...

This is a guest post by Sam Agarwal from the Bitrix Team.

The first impression you might get when you open the Bitrix Site Manager’s Photo Album is that it resembles any other photo sharing application. However, as soon as you start working with it, the enormous differences become more than apparent.

Bitrix_Photo_Gallery


Continue Reading...

Hey all

Here are some great tools that will help you diagnose problems and errors on your applications. Don’t leave home without them!

 

SQL Profiler

SQL Profiler 

We all know that most problems start in the DataBase. SQL profiler will help you to locate…


Continue Reading...

Here is something nice I have found while wandering around the Internet. We all know jQuery, jQuery is a Framework written in JavaScript which makes client side and DOM work much easier and faster. If you don’t know it yet, be sure to check it out, it makes Web Developers life easy on the web. Shahar wrote a great article about Calling ASP.NET WebMethod with jQuery so check it out.


Continue Reading...

SVG (Scalable Vector Graphics) is an open W3C standard for graphics file format and Web development language based on XML. Those image are made up of lines, curves and other “smooth” elements so when you zoom in on a SVG it stays smooth (unlike GIF, JPEG, PNG). 

Imagine you can draw some of your user interface elements in a vector drawing application like: Adobe,   InkScape (free) or Skencil (free) and convert your work into WPF XAML or Silverlight XAML. ViewerSVG  (SVG to xaml converter) is your tool.

image


Continue Reading...