Friday, May 27, 2011

Worth Knowing Web Developer Tools and Techniques

Web development is the term used to to any activity associated with the works of developing a website. It is broad term, and web design is just a branch of it. It also includes e-commerce business development, web design, web content development, client-side/server-side scripting and web server configuration. Really a strenuous job for internet people, but mastering web development is all that web developers and businesses are living for. That is why there are vigorous works made by developers. And other than that, there over a hundred tools available that can make the job look easier to bring up. These tools are made with special and exclusive features that can enhance the outcome of your website and its standing on the internet.


IMAGE HANDLING

Image is one of the most important element on one's web page. Here are some tools you can use to improve them.

* Phatfusion- This one works on the slideshow. The components are fade, slide and wipe transitions, loops, play stop, next and previous controls and list of images on the page or using the href of an a tag like the lightbox.

* tjpzoom- is a tool that allows you to zoom in on certain sections of a high-resolution image. This is a magnifier tool that increase or decrease the zooming of an image.

* Tipmage- is a tool that lets you create and manage tooltips, also called notes, over images. This allows you to make marks on parts of the image and attach a description beside it. Description will appear only if the cursor is pointed at the tooltop.

* Imageflow- is a simple effect that displays a collection of images that the user can scroll there using a scroll bar at the bottom of the image set.

* iCarousel – a javascript tool used to create carousel like widgets. This lets you rotate a fragment of content, show a presentation of headlines, all can be done through fading or scrolling.


Ajax Navigation, Menus, Tabs

* Accordion Content Script- this specify whether only one content within the group should be open at any given time, style the headers depending on their content state, and even enable persistence so the state of the contents is preserved within a browser session.

* MooTabs- the main purpose of this is to contribute on the creation of simple tab navigation.

* Virtual Pagination Script- this one lets you transform your sites long contents into a series of virtual pages that is accessible through pagination links.

* Switch Content Script- this is created to compact arbitrary content on your page so they will be expandable on demand. This makes you save spaces within your webpage and add to the aesthetics of the design of the webpage in many circumstances.

* Ajax Pagination Script- this one allows you to bring in multiple pages and display them on demand. Pagination links are automatically created every time each pages are loaded.


Modal Windows

This is a child window that requires the user to interact with before they can return to operating the parent application. These are often called heavy windows or modal dialogues since the window is always used to display a dialogue box.

* GreyBox- is useful when wishing to display websites, images or other content in a graceful way. What's beautiful about this is that it doesn't conflict with pop-up blockers, just 22kb, easy to setup and use, and easy to change as it is controlled through CSS.

* Lightbox Plus- is used to create overlay display images on the web page ans automatically add the correct overlay link to images.

* Amberjack- a lightweight Open Source Library, that helps you improve the usability of your website.

* mooSlide- is a product of ajax. This allows you to integrate bookmarks for every posts on your blog or website. By clicking the mooSocialize button, a window will appear, which lets you choose your favorite network, opening up the page in a hovered layer.

* Phatfusion lightbox- is an inline image popup that overlays and fades out the current page. It specify a containing div rather than just the body. Next/previous button is found on the footer and add a description with html markup.

* Mocha UI- is web application user interface library built on the Mootools javascript frameworks. It is used for web applications, virtual desktops, websites, widgets and standalone dialog windows, modals and wizards.


Form Auto Completion Enhancements

* AJAX- Powered AutoComplete- this tool adds a pull down menu of suggested values to a text field. The user can either click directly on a suggestion to enter it into the field, or navigate the list using the up and down arrow keys, selecting a value using the enter key.

* SearchField- is a lightweight and unobtrusive script that adds styling and static auto-suggest behaviour to your search from fields.

* Spellify- powered by AJAX, is a web application that uses the Google Spell checker to automatically spell check and displays the correct spelling suggestion right after the user stop typing.

* AutoCompleter- provides the functionality for text suggestion and completion. It features different data-sources, a variety of user interactions, custom formatting, multiple selection, animations and much more.

* Textboxlist- is a tool that turns normal text boxes into a widget that can be navigated with a keyboard. This will become a list of items that are easy to see or delete.

* AutoComplete Control- this is a tool that is very helpful on he standardization of content, keywords, tags, etc.. This will prevent users from committing mistakes with spellings.

source:
http://www.tripwiremagazine.com/2009/07/150-worth-knowing-web-developer-tools-and-techniques.html

1 comment:

  1. Ecommerce developmentWow, great information. I could say my knowledge in seo .Thanks for sharing your thoughts.Good effort.

    ReplyDelete