Archive for September, 2008
Cool Firefix Add-ons for web design
Monday, September 22nd, 2008- CSSViewer
This is very simple CSS property viewer but very useful!
See the CSS properties of page elements with this extension.
- FireBug
The Firebug extension for Mozilla Firefox allows the debugging, editing, and monitoring of any website’s CSS, HTML, DOM, and JavaScript, and provides other web development tools. Firebug’s official website has a complete guide to what it can do.Firebug was written by Joe Hewitt, one of the original Firefox creators.
- Web Developer
The Web Developer extension adds a menu and a toolbar to the browser with various web developer tools.The Firefox Web Developer addons is one of the most popular addons for web designers. It has a variety off essential tools that allow you to code quality websites and troubleshoot problems easily.

extra resources:
Internet Explorer Web Developer Toolbar
Monday, September 22nd, 2008Internet Explorer Web Developer Toolbar is an add-on for Microsoft Internet Explorer that aims to aid in design and debugging of web pages. It is also known as IE Developer Toolbar or even IE DevBar. It allows validating of CSS and HTML, previewing page layout at various resolutions and also offers a ruler (measuring in pixels) to aid in positioning the elements. There are bunch of features that will help you analyze your web pages.

Those features include:
- Explore and modify the document object model (DOM) of a Web page.
- Locate and select specific elements on a Web page through a variety of techniques.
- Selectively disable Internet Explorer settings.
- View HTML object class names, ID’s, and details such as link paths, tab index values, and access keys.
- Outline tables, table cells, images, or selected tags.
- Validate HTML, CSS, WAI, and RSS web feed links.
- Display image dimensions, file sizes, path information, and alternate (ALT) text.
- Immediately resize the browser window to a new resolution.
- Selectively clear the browser cache and saved cookies. Choose from all objects or those associated with a given domain.
- Display a fully featured design ruler to help accurately align and measure objects on your pages.
- Find the style rules used to set specific style values on an element.
- View the formatted and syntax colored source of HTML and CSS.
Validation: The menu options link off to known validators and include:
- HTML
- CSS
- Feeds
- Links
- Local HTML
- Local CSS
- Accessibility (WAI Checklist and Section 508 checklist)
- Multiple ValidatorsCaching
The Cache features are:
- Always Refresh From Server
- Clear Browser Cache
- Clear Browser Cache For This Domain
- Disable Cookies
- Disable Session Cookies
- Clear Cookies For Domain
- View Cookie Information
Google Syntax Highlighter for WordPress
Thursday, September 18th, 2008Google Syntax Highligher for WordPress colorizes your code on-the-fly. It supports most programming/scripting languages such as C++, PHP, Perl, Ruby, and much more. The syntax is simple — just put your code inside <pre> tags and assign them the attributes name="code" and class="thelanguage".
The following code was tested:
<pre name="code" class="java">
public static void main(string[] args){
System.out.println("Hello World Again!");
}
</pre>
This is how it colorizes my code:
public static void main(string[] args){
System.out.println("Hello World Again!");
}
You can learn more more ways to customize your highlighted code in the Google code wiki entry on Usage - syntaxhighlighter. Also check out the full list of supported languages on Google Code.
Other code highlighters available are:
WP-Syntax - A plain and simple code highlighter.
Design Pattern - Singleton
Wednesday, September 17th, 2008The Singleton Pattern is quite simply a design pattern that allows only one instance of itself to be created per application pool or application instance and provides one point of access to the single unique instance.
Ensure a class only has one instance, and provide a global point of access to it.
public class Singleton {
protected Singleton() { }
private static Singleton _instance = null;
/**
* @return The unique instance to this class.
*/
public static Singleton getInstance() {
if(null == _instance) {
_instance = new Singleton();
}
return _instance;
}
}
As you can see the idea is not to use public constructor. With protected or private constructor in some other class we can not do something like this:
Singleton objSingleton = new Singleton();
The other idea is to use static method getInstance();
this is how it works in some test client:
public class TestSingleton() {
public static void main(string[] args) {
Singleton objSingleton;
objSingleton.getInstance();
}
}
Welcome to Web Design and programming blog called: WebProgBlog
Monday, September 15th, 2008WebProgBlog is a blog about several areas of my interests. The one side is programming, web, web design, web programming, OOP and my experience in the web world. The other things I am going to write about are things I like to do when I have time: drawing and playing tennis.

Recent Comments