Using jQuery to display graphs

plugin flot creates graphs on the fly.
http://www.innovatingtomorrow.net/2008/03/27/flot-graphs-jquery

Charts and Graphs Plotting with JQuery plugins
http://www.84bytes.com/2008/09/21/charts-and-graphs-plotting-with-jquery-plugins/

CMS Examples

ZenCart: http://www.mycenturyweb.com/zencart/
Joomla: http://www.mycenturyweb.com/joomla/
Drupal: http://www.mycenturyweb.com/drupal/

Web Hosts

Web hosts that I use.
http://www.lunarpages.com/basic-hosting/
http://www.startlogic.com/startlogic/index.bml

Popular Content Management Systems

http://drupal.org/
http://joomla.org/
http://www.zen-cart.com/

Ajax Blog

A simple example of using jQuery for a blog.
http://onepotcooking.com/jackpax/ajaxBlog/

Class 9 - Assignment

http://onepotcooking.com/jackpax/class9/

Hacker Attacks

SQL injection attacks explained:

http://en.wikipedia.org/wiki/SQL_injection

http://www.unixwiz.net/techtips/sql-injection.html

these links explain this type of attack, which can occur when users enter info into a form text box.

Class 8 - Assignment

http://onepotcooking.com/jackpax/class8/

Class 7 - Assignment

http://onepotcooking.com/jackpax/class7/

jQuery Full Form Validation

http://onepotcooking.com/jackpax/formValidation/

jQuery Simple Form Validation

http://onepotcooking.com/jackpax/jquery/textPost.htm

http://onepotcooking.com/jackpax/jquery/radioPost.htm

Class 6 - Class Assignment

http://onepotcooking.com/jackpax/class6/assignment6.php

jQuery slideshow

http://www.serie3.info/s3slider/demonstration.html

Class 5 - Class Assignment

http://onepotcooking.com/jackpax/class5/assignment5.html

Javascript Video

http://developer.yahoo.com/yui/theater

see Douglas Crockford — "The JavaScript Programming Language" Part 1.

Yahoo! JavaScript Architect Douglas Crockford provides a comprehensive introduction to the JavaScript Programming Language

Using the DOM

A nice example of DHTML:
http://onepotcooking.com/jackpax/dom/top5.html

Class 4 Assignment

http://onepotcooking.com/jackpax/class4/assignment.html

Popup Javascript Calendar

http://onepotcooking.com/jackpax/calendar/popUpCalendar.htm

This adds a date picker to a text box using a small javascript file and a css file for the calendar formatting.

Adding Flash to a Web Page with Javascript

http://code.google.com/p/swfobject/

http://code.google.com/p/swfobject/wiki/SWFObject_2_0_documentation

SWFObject is an easy-to-use and standards-friendly method to embed Flash content, which utilizes one small JavaScript file

Javascript Tutorial

http://www.webmonkey.com/webmonkey/98/03/index0a.html

Trifecta css rollovers

What makes the Trifecta button the Trifecta?
http://www.search-this.com/website-design/css-rollover-buttons/

Class 3 Assignment 1

http://onepotcooking.com/jackpax/class3/assignment.html

Tutorial Videos - Chopping Images and Using CSS for Layout

http://nettuts.com/videos/screencasts/slice-and-dice-that-psd/

http://nettuts.com/videos/screencasts/converting-a-design-from-psd-to-html/

http://nettuts.com/videos/screencasts/how-to-convert-a-psd-to-xhtml/

Background Tiles

Tiles have been used for background texture (think parchment paper), but they can also be used for CSS rollovers.

A simple CSS rollover using a 2px wide vertical tile:
#menuTop a{
padding:2px;
color:#000;
background-image:url('img/menuTile.jpg') repeat-x;
text-decoration:none;
}
#menuTop a:hover{
background-image:url('img/menuOverTile.jpg') repeat-x;
color:#cc0000;
}

And of course a tile can be used for a gradient effect in the page top:
#pgTop{
border-bottom:1px solid #cc0000;
background-image:url('img/pgTopTile.jpg');
}

CSS Links of the Day

From the Lunarpages newsletter - "some of the best CSS links out there".

http://www.web-hosting-newsletter.com/2009/02/07/css-links-of-the-day/

CSS - different layouts with same html content

CSS allows complete and total control over the style of a hypertext document.
Clicking on any one of the existing designs in the list on the right of the page will load the style sheet into the page for a completely different layout of the existing content.

http://www.csszengarden.com/

CSS - 3 column layout

3 column pages with a fluid center column:
http://www.glish.com/css/7.asp
http://www.pixy.cz/blogg/clanky/css-3col-layout/

Flexible layout:
http://www.webproducer.at/flexible-layout/

Layout Listing:
http://css-discuss.incutio.com/?page=ThreeColumnLayouts

Web 2.0 sites

Directory of Sites:
http://www.go2web20.net/

Flash Anyone?

Tutorials & Resources

• http://www.entheosweb.com/Flash/default.asp
• http://www.tutorialized.com/tutorials/Flash/1

Add a Favicon

Explanation and code:
http://www.winterdrache.de/freeware/png2ico/favicon.html

Converter:
http://www.htmlkit.com/services/favicon/

Class 1 - in class assignment

Computer Book Works

20% off all books

http://computerbookworksnyc.com

78 Reade Street
New York, NY 10007
(212)385-1616

Peachpit Press

JavaScript and Ajax for the Web, Sixth Edition: Visual QuickStart Guide
http://www.peachpit.com/store/product.aspx?isbn=032148293X

HTML, XHTML, CSS
http://www.peachpit.com/store/product.aspx?isbn=0321430840

CSS, DHTML & Ajax
http://www.peachpit.com/store/product.aspx?isbn=032144325X