Jack's Blog

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

2009-03-14T06:25:00.000-07:00

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

Class 4 Assignment

2009-03-13T08:53:00.000-07:00

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

Popup Javascript Calendar

2009-03-09T13:50:00.000-07:00

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

2009-03-09T13:46:00.000-07:00

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

2009-03-09T13:44:00.000-07:00

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

Trifecta css rollovers

2009-03-09T13:40:00.000-07:00

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

Class 3 Assignment 1

2009-03-06T18:51:00.000-08:00

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

Tutorial Videos - Chopping Images and Using CSS for Layout

2009-03-06T09:56:00.000-08:00

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

2009-03-06T09:52:00.000-08:00

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

2009-02-26T07:24:00.000-08:00

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

2009-02-23T20:56:00.000-08:00

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

2009-02-23T20:50:00.000-08:00

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

2009-02-21T06:24:00.000-08:00

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

Flash Anyone?

2009-02-21T06:20:00.000-08:00

Tutorials & Resources

Add a Favicon

2009-02-21T06:02:00.000-08:00

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

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

Class 1 - in class assignment

2009-02-14T13:48:00.000-08:00

Computer Book Works

2009-02-14T10:46:00.000-08:00

20% off all books

http://computerbookworksnyc.com

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

Peachpit Press

2009-02-14T06:39:00.000-08:00

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

Jack's Blog

Using jQuery to display graphs

CMS Examples

Web Hosts

Popular Content Management Systems

Ajax Blog

Class 9 - Assignment

Hacker Attacks

Class 8 - Assignment

Class 7 - Assignment

jQuery Full Form Validation

jQuery Simple Form Validation

Class 6 - Class Assignment

jQuery slideshow

Class 5 - Class Assignment

Javascript Video