9 Simply fancy JQuery plugins

I just stumbled on this great website which has very useful and simple jquery ajax applications. I will review each here in a simple way so you can see all of the useful information. This website shows a video tutorial, a text tutorial and a demo for each of the ajax applications. Please keep in mind that you should use these design elements sparingly and tastefully. Using too many effects in your webdesign can be tacky and detract from the overall design. To begin, here is the website: http://jqueryfordesigners.com/ Ajax image carousel This creates an endless carousel with an html list. It also displays a very smooth scrolling effect. This is very simple to set up and uses jquery. Here is an image showing the carousel. View the code and tutorial here. Ajax smooth slidedown This shows you how to make a smooth div slidedown effect without the initial jump. This can be used for many cool ajax effects. View the code and tutorial here. Ajax smooth data changer This creates a panel that...
9 Simply fancy JQuery plugins

Cross-browser Absolute Positioning PNGs

With the new Web look spreading through every site new and old, there are a lot of times when you want to use absolutely positioned pngs on your site. The 2 problems we face. The first one is that the PNG format is not fully supported on all browsers that are in use today. The way we handle that is with a simple include into the main template file of your site. Here is where you can get the javascript file click here. Include this file into the header of your main template file: <!--[if lt IE 7]> <script type="text/javascript" src="/resources/unitpngfix/unitpngfix.js"></script> <![endif]--> This is a hack to tell the browser to include the”unitpngfix.js” file if the browser is IE 7 or below. The next problem is that IE positions things differently. We will be using a similar hack to go around this problem. Here is how the code will look. <!-- Floating image --> <!--[if lt IE 7]> <div style="position:relative; margin-left:-800px;...

18 Simple Dreamweaver CS4 Basics Tutorials

In this Dreamweaver CS4 Tutorial you will learn how to create a basic website using Dreamweaver CS4. You will learn how to Define a site, Create a template, Design your template page, Design your css style sheet, Insert Editable Regions , Create the pages of your site using the template, Link all the pages together, Create a form, Check your site in the browser and, Upload your site and make it live. Dreamweaver CS4 Tutorials Dreamweaver CS4 Tutorial Define a New Site in Dreamweaver CS4 Create a template in Dreamweaver CS4 Design your template in Dreamweaver CS4 Design the CSS Style Sheet in Dreamweaver CS4 Insert Images in Dreamweaver CS4 Creating the Menu in Dreamweaver CS4 Content in Dreamweaver CS4 Insert Editable Regions in the Dreamweaver Template Dreamweaver CS4 Template Based Web Pages Formatting Headings in Dreamweaver CS4 Formatting Images in Dreamweaver CS4 Linking pages in Dreamweaver CS4 Forms in Dreamweaver CS4 Dreamweaver CS4 Form Validation Tutorial Tables in Dreamweaver...

Fireworks CS4 Basics Tutorial

This Adobe Fireworks CS4 Tutorial will help you familiarize yourself with this image editing software and help you create a layout for a website. This tutorial will take you through the making of a website design using fireworks including how to do a logo design in Fireworks. View the tutorial here.

Building RIA Web applications Fast and Efficiently

Building Rich Internet applications can take a long time for those who do not have whole teams of newly graduated programmers. For those who are trying to put a rich application together with efficiency and in a time frame that is realistic there is a solution. The name of the program is “Flex“. Flex is a flashed based programming environment which uses XML as a main datasource. Once you have mastered Flex, you can build very functional and useful applications that run via the internet. With the advent of Adobe Air, you can also deploy these applications for use on desktops. I do not consider myself and advanced PHP coder and yet I have built some very complex applications. One application that I built was an online course creation system which enabled someone to build online courses without having to know any coding/html. I built this for a company who delivers online courses on many subjects. They privately use it for course creation. I have also built whole admin systems...
Building RIA Web applications Fast and Efficiently