Introduction:

“Accessibility” which place a key role while implementing any application either it might be a Desktop Application, Web Application, Web Site related applications, since this feature makes an application accessible to the people with a disability to view, navigate the respective application either it might be a desktop applications (or) web applications. We have so many screen readers available for Windows or for any other Operating Systems, which helps us in developing a good accessible website or application. While developing a web related project or any other project, we need to implement Accessibility features into that – since this will help most of the disabled people around the world. For example: If you look at Windows Operating System, it has got the accessibility feature, people who are disabled can access or navigate through the Windows Products very easily without any problem.

This article high-lights about the Accessibility of Web Sites, if you want to make a good and awesome website with accessibility features then for this to implement and for testing the same you must need some trouble shooting tools right? yeah! just I googled and caught some Accessibility related add-ons for Firefox. Where in which you can test your web applications and can whether the respective application is fully accessible are not. Hope the below list of Accessibility add-ons might help you in building a good accessible website / web application.

Accessibility related add-ons for firefox:

1. Firefox Accessibility Extension – by Jon Gunderson, Illinois Center for Information Accessibility

Support web developers and people with disabilities in accessing and testing web resources for accessibility features.

2. Accessibilityenabled by L. David Baron

An about page, about:accessibilityenabled, to show whether accessibility API support is…

3. TAW3 with a click by Fundación CTIC

Web Accessibility Test. You can have an idea, with a single click, of how accesible web sites are.

4. ocawatoolbar by Urbilog

Audit accessibility of your web site.

5. Accessibar by Edan Kemelman

Accessibility toolbar enabling easy manipulation of web page display and text-to-speech output…

6. Qompliance by kyenos

Worldspace – Deque Section 508, Web Content Accessibility Guidelines (”WCAG 1, 2, and 3″) Compliance Tool. Now supports WCAG 2.0 Level A and AA

7. N-Abled Web Accessibility Toolbar by N-Abled-Dev

Provides FireFox with accessibility to the widest possible audience, regardless of disability, capability or technology.

8. Fangs Screen Reader Emulator by Peter Krantz

Renders a text version of a web page similar to screen reader output. Helps developers find accessibility issues…

9. WAVE Toolbar by WebAIM

WAVE Web Accessibility Evaluation Toolbar

10. WAT Q/A Extension by Cédric Trévisan

Free extension for web accessibility testing

11. Herdict Web by Jeffrey Licht

View and report on site accessibility to the Herdict Web project (http://www.herdict.org) at the Berkman Center for Internet and Society

If you want to install com_updater in Joomla 1.5 having PHP version 4.x installed, then this might not be compatible with PHP Version 4.x. Here we have two solutions either we need to go and upgrade your PHP version to latest that is as of now PHP 5 (or) just go head and shift to other extension that is eXtplorer, this is compatible with Joomla 1.5 and PHP v4.x.

Here is the link for eXtplorer extension (you can find the same at Joomlacode.org – http://joomlacode.org/gf/project/joomlaxplorer/frs/) were you can download it and install into your sever directly from Extension Manager in Joomla Administration Panel.

Hi Readers, are you a good website designer? (or) your site has got good look and feel? and you think that your site is awesome enough?, if yes! then here is the right opportunity to participate and win an iPod Nano – yes! I mean iPod Nano! Awesome right, then what are you waiting for – if you feel that your site is awesome enough then just go-head and submit your site. Here is the URL where you need to submit your site – http://www.thecssawards.com/.

For the Time Line you can view this page for your reference, nicely explained – http://www.thecssawards.com/submit.php, The winner will not only get name, fame, recognition, prestige and media presence as well. I would like to say, if you are a good designer and your website is awesome then just go-head and apply for the same.

Recently, I was working on one Joomla template. I was little disappointed with my menu, since with the default template (rhuk_milkyway) – I could not find any dropdown menu with this template which could be more flexible to my design. Just I googled (which is my favorite search-engine ever) and found one awesome solution for the menu which I have created. Its very much compatible with Internet Explorer 6.0 as well. I just followed the steps which I has been mentioned in the website & just worked on my custom CSS accordingly and my dropdown menu is ready. Do you want to know the website which has solved my issue? here it is – its docs.joomla.org its a Joomla Documentation official website. Here is the article which I was talking about – Creating a CSS Drop down Menu

The above website, has helped me a lot, hope this might help you as well. Have look at the other articles if you want to use Sucker Fish Menu

• Suckerfish combined with the extended menu module
• Suckerfish combined with the default Joomla! menu module

By going through the above articles, below are the screenshots of menu which I have done to my Joomla Template, its really awesome… right?

Recently, when I was working on a Joomla project, I forgot how to install Joomla in XAMPP Server. Before installing I downloaded the XAMPP Server from http://www.apachefriends.org/en/xampp.html, then I have downloaded the latest version of Joomla from http://www.joomla.org/, after installing my XAMPP Server, I have created a new database through my XAMPP MySql – and followed the below video accordingly to install Joomla into XAMPP.

Install Joomla in XAMPP

I would like to thank the Author slogen123 for sharing his valuable expertise on installing Joomla. In this video, there was an article on how we can install Joomla 1.5 with XAMPP – the title is like “Installing XAMPP & Joomla! 1.5“

Watch Installing XAMPP & Joomla! 1.5 in Entertainment Videos  |  View More Free Videos Online at Veoh.com

And below is the Step-by-step installation process
(by http://www.miguelsanchez.com)

1. Install XAMPP. Service section: check “Install Apache as service” and “Install MySQL as service”.
2. Extract Joomla! ZIP package and copy files and folders included to: (XAMPP installation directory)/htdocs/(yourproject)/
3. Go to http://localhost/xampp/index.php on your web browser and select “phpMyAdmin” from the left menu.
   • Enter a name for the database that will be used by Joomla! on the “Create new database” field.
   • Go to “Server: localhost” on the upper breadcrumb and press then the “Privileges” tab.
   • Select “Add a new user”. Enter your desired username+password and “localhost” for host field. If you’re going to use that user for administration tasks you can check all global privileges.
4. Go to http://localhost/(yourproject) on your web browser to start Joomla! installator.
   • Select your language for the installation process.
   • Check that all the minimum requierements are working properly.
   • Read the licence if you feel bored
   • On the database configuration page, enter username+password and database name previously defined. Also “localhost” for host name field.
   • I won’t setup an FTP file system layer.
   • On the main configuration page, it’s time to give a name to your website. You must enter an e-mail address and a password that will be used by “admin” user. There’s an options area below for migration procedures. You can also press “Install sample data” button if you don’t want to start your Joomla! project from scratch.
5. Now Joomla! is installed and ready. Don’t forget to remove the installation directory. You’ll find your frontend at http://localhost/(yourproject) and access your administration area at http://localhost/(yourproject)/administrator, with user “admin” and password set on the previous step.

More information:

• Joomla! documentation.
• Joomla! quickstar video-tutorials.

Free Guide

Sun Microsystems, gives us a free guide on using Open Source to Develop Web Applications, which explains about Business benefits.

Content Courtesy: Sun Microsystems

The Guide to Using Open Source Software to Develop Web Applications clearly explains the business benefits and gives practical advice to help developers choose the optimum combination of open source software products and implement a solution that comes with the added assurance of enterprise-class support.

What the guide covers:

• The need for dynamic web applications
• Choosing between proprietary and open source
• Selecting the right open source platform
• Overview of open source projects
• The benefits of the GlassFish Portfolio
• How to get started
• Customer case studies

If you would like to know more about the same, you can view at the white papers which they have published and even you can download your own copy – Free Whitepaper

Introduction:

Today I came up with another article which has been posted in packtpub.com, this article helps you in developing a simple and awesome Item Selector using jQuery. I came up with my own design and icons, written CSS accordingly to place and adjust them accordingly.

Here is the article where I have posted – http://www.packtpub.com/article/simple-item-selector-using-jquery

Below are the respective snap shots of the same, For your reference preview is available at this location – http://www.developersnippets.com/snippets/jquery/item_selector/item_selector.html and you can download the source code from this location – http://www.developersnippets.com/snippets/jquery/item_selector/item_selector.zip

Introduction:

Below are outstanding and awesome list of Web based photo editors which you can try and get it for free. You can edit and manipulate your photos without photoshop on your system. Some of the applications works just like Photoshop.

1. photoshop.com:

Website: https://www.photoshop.com/

Photoshop.com is an amazing web tool where you can edit your photo with a digital quality (I mean high quality), it will not only edit your photos or images but even you can share the same with your loved ones. Really its an amazing and outstanding tool, ever seen before in the web. It has got many features like you can edit, Decorate, E-mail your friends, Link, Publish, Save, print the same accordingly. Just go and try your test drive before using the same, I bet you – you will definately like it.

2. pixlr.com:

Website: http://www.pixlr.com/

pixlr.com just brings you advanced online image and photo editing tools, just choose your flavor, jump in and start creating!. It has got firefox add-on as well by named “Pixlr 1.2“, if you would like to download the same, please do click here [Pixlr 1.2] just jump-in and enjoy.

3. picnik.com:

Website: http://www.picnik.com/

4. splashup.com:

Website: http://www.splashup.com/

5. aviary.com:

Website: http://aviary.com/

6. snipshot.com:

Website: http://snipshot.com/

7. flauntr.com:

Website: http://www.flauntr.com/

8. drpic.com:

Website: http://www.drpic.com/

9. pixenate.com:

Website: http://pixenate.com/

10. fotoflexer.com:

Website: http://fotoflexer.com/

11. phixr.com:

Website: http://www.phixr.com/

12. cellsea.com:

Website: http://www.cellsea.com/media/index.htm

13. mypictr.com:

Website: http://mypictr.com/

14. onlinephototool.com:

Website: http://www.onlinephototool.com/

15. quickthumbnail.com:

Website: http://www.quickthumbnail.com/

16. myimager.com:

Website: http://www.myimager.com/

17. sumopaint.com:

Website: http://www.sumopaint.com/

18. fixpicture.org:

Website: http://www.fixpicture.org/

19. pikipimp.com:

Website: http://www.pikipimp.com/

20. lunapic.com:

Website: http://www.lunapic.com/

21. picjuice.com:

Website: http://www.picjuice.com/

22. webresizer.com:

Website: http://www.webresizer.com/

23. improveyourimages.com:

Website: http://www.improveyourimages.com/

24. easycropper.com:

Website: http://www.easycropper.com/

And More….

• http://www.resizr.com/
• http://www.catenarysystems.com/
• http://www.picmagick.com/
• http://www.ajax-image-editor.com/
• http://pixer.us/
• http://www.befunky.com/
• http://bighugelabs.com/
• http://blingee.com/
• http://www.condenet.com/
• http://www.dumpr.net/
• http://www.faceinhole.com/
• http://funny.pho.to/
• http://funphotobox.com/
• http://www.hairmixer.com/
• http://www.instyle.com/
• http://www.magmypic.com/
• http://www.photo505.com/
• http://www.photofunia.com/
• http://www.photovisi.com/
• http://www.picartia.com/
• http://www.pizap.com/
• http://www.poladroid.net/
• http://www.writeonit.org/
• http://www.alilg.com/software/free-online-photo-editor/
• http://www.imageauthor.com/
• http://www.izhuk.com/painter/
• http://www.lookwow.com/
• http://demo.neximage.com/
• http://www.piccyfix.com/
• http://www.webpictool.com/

Hope, the above list of free WebTools might help you in either cropping / editing your photos without any difficulty.

]]> http://www.developersnippets.com/2009/09/04/50-outstanding-list-of-web-based-photo-editors-for-free/feed/ 8 http://www.developersnippets.com/2009/09/04/50-outstanding-list-of-web-based-photo-editors-for-free/ http://feedproxy.google.com/~r/DeveloperSnippets/~3/eOmrMTOZS8U/ http://www.developersnippets.com/2009/08/30/most-useful-and-must-read-articles-on-html-5/#comments Sun, 30 Aug 2009 17:38:38 +0000 admin http://www.developersnippets.com/?p=1157


Introduction:

As we all know HTML 5 is the next major version of HTML. I thought to share some of the most useful and must read articles on HTML 5. HTML 5 has got many new features involved and also contains new elements like progress, nav, datagrid, figure, canvas, header, footer and many more. In HTML 5 there is no DTD defined that is there is no “Document Type Definition“, it simply contains the html tag name like below:

1	<!DOCTYPE HTML>

Like above there are so many new features were involved in HTML 5, would you like to know more about HTML 5 and its features then jump in and have a glance on new HTML 5. Below are the list of respective articles were you would like to know more about HTML 5.

1. HTML 5 – Wikipedia

Website: Wikipedia

2. HTML 5 – Overview – W3C

Website: W3C

3. A Preview of HTML 5 – alistapart

Website: alistapart

4. New elements in HTML 5 – IBM

Website: IBM

5. HTML 5 Reference – W3Schools

Website: W3Schools

6. HTML 5 – Whatwg

Website: Whatwg

7. X/HTML 5 Versus XHTML 2 – xhtml.com

Website: xhtml.com

8. HTML 5 and Web video: freeing rich media from plugin prison – arstechnica.com

Website: arstechnica.com

9. HTML5 Validator – http://html5.validator.nu/

Website: HTML5 Validator

10. HTML 5: Features you want desperately but still can’t use – youtube (Video Link)

Website: youtube

11. HTML 5 and CSS 3: The Techniques You’ll Soon Be Using – net.tutsplus.com

Website: net.tutsplus.com

12. Test new HTML 5 elements – brucelawson.co.uk

Website: brucelawson.co.uk

13. An Event Apart and HTML 5 – meyerweb.com

Website: meyerweb.com

14. More on developing naming conventions, Microformats and HTML5 – forabeautifulweb.com

Website: forabeautifulweb.com

15. More on developing naming conventions, Microformats and HTML5 – forabeautifulweb.com

Website: forabeautifulweb.com

And many more in this world of awesome web. If you want to add any please do send in a mail to me, or else please do post your link and description in the comments form provided below.

]]> http://www.developersnippets.com/2009/08/30/most-useful-and-must-read-articles-on-html-5/feed/ 4 http://www.developersnippets.com/2009/08/30/most-useful-and-must-read-articles-on-html-5/ http://feedproxy.google.com/~r/DeveloperSnippets/~3/MGQMPclcpiA/ http://www.developersnippets.com/2009/08/27/excellent-vertical-sliding-info-panel-with-jquery/#comments Thu, 27 Aug 2009 19:05:23 +0000 admin http://www.developersnippets.com/?p=1152


Introduction

I would like to share one of the best and awesome Vertical Sliding Information Panel which has been developed by using jQuery – by Jon, http://spyrestudios.com/, It has got nice look and feel, most importantly awesome sliding effect. Here is the article which Jon has written for us – How To Create A Sexy Vertical Sliding Panel Using jQuery And CSS3, just have a look at this article and enjoy coding!



]]> http://www.developersnippets.com/2009/08/27/excellent-vertical-sliding-info-panel-with-jquery/feed/ 0 http://www.developersnippets.com/2009/08/27/excellent-vertical-sliding-info-panel-with-jquery/