Use a CSS Alternated Print version
When printing web documents we sometimes need to setup a css alternate print version so we can use a different CSS stylesheet for printing.
The method to achieve this in a webpage is easy, we just need to add a new CSS line inside <head> tags.
<link rel="stylesheet" type="text/css” href="sheet.css" media="print" />
This is the easier way to add your specific rules for printed media.
Using a PNG Image as Favicon
Favicon as PNG image can easily added into any existing webpage by using the following snippet.
<link id="favicon" rel="shortcut icon" type="image/png" href="favicon.png" />You can use generators to automatically create the icons from an image, or if you use Photoshop then you can download a free plugin for ICO support.
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.
It is really a nice Captcha design.
Simple CSS Menu
Here is a simple CSS menu that you can use in your web projects.
Prototyping Web Applications
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
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
simpleScroll. This jQuery library allows to create image scroller effect with images and/or HTML.
jQuery Resizable Textarea
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.
