Webpage Design Programs

Designing professional webpages requires some skills of HTML/CSS as well as Internet knowledge. Web pages are hosted in web servers, and web servers are connected to Internet. Also, designing webpages proficiency may require some other design skills since you will be responsible to layout the page and split it into sections like Header, Body, Sidebar and Footers.

There are many webpage design programas available in Internet. Some are free and other costly, but the important thing here is not the software itself, but your knowledge. You can even use the Notepad if you have HTML/CSS skills. But you can also use Adobe Dreamviewer or (awful) Frontpage if you need a paid software. There are other free and costly tools as well. Adobe for example has been focusing on web editor and design packages.

For basic webpages in HTML/CSS there are many resources on Internet where you can find free layouts: fluid, flexible, fixed, so you can download and that will made the things easier since you have a code base for start with your project. Also these basic webpages may growth to more complex webpages later.

Cool Captcha design with AJAX

Today, I found this fancy AJAX Captcha that validate the user is a human by letting him to move elements into a drop box.

image It is really a nice Captcha design.

Simple CSS Menu

ScreenShot625Here is a simple CSS menu that you can use in your web projects.

Prototyping Web Applications

balsamiq-download

Balsamiq is a prototype tool that is gaining a lot of popularity nowadays. The idea is really brilliant IMHO, and these guys made a very useful tool that worth every penny.

You can build mockups quickly and communicate your ideas to the development team or for business purposes. You can try it for free before considering to purchase. The evaluation test is not for download, instead you need to try it online.

Switch Display Options with CSS & jQuery

switch-view-jquery

Swith Display Options is a jQuery library that allows to switch the view in a List. You can easily toggle betweek list type or icons type. See an example here.

How to create a Categories page in Wordpress

Usually categories are listed in the sidebar of a Wordpress installation. However,we can do a lot of things with Categories.

In this case we will create a Categories page using Multi Column Category List plugin. By this way, we will create a new page with a custom category template, and then list each category under alphabetic order using 3 columns.

Preparing a custom template

We can create a custom page template very simple. Just create a categories.php file and add the following tag at the top:
(more…)

Continuous Image scroller in jQuery

jQuery simple scroller
simpleScroll. This jQuery library allows to create image scroller effect with images and/or HTML.

jQuery Resizable Textarea

jQuery Resizer for Text Area

You can use jQuery Textarea Resizer plugin to create a dynamic height for textarea controls in web pages. Thsi makes possible to resize the textarea control by moving a handle. So, the user can control the Textarea height for its own convenience.

Visit website | Example

Lazy Registration

Lazy Registration

Lazy registration is a non-intrusive way to ask users for registration. This article shows multiple examples of websites that have implemented great registration interfaces.

Barack Slideshow

slider-show-jquery

This is a slideshow inspired by Barack Obama’s website slideshow. It uses MorphList and it is based on MooTools.

« Previous Entries