INSERT INTO `wp_dyxkdh_posts` (`ID`, `post_author`, `post_date`, `post_date_gmt`, `post_content`, `post_title`, `post_category`, `post_excerpt`, `post_status`, `comment_status`, `ping_status`, `post_password`, `post_name`, `to_ping`, `pinged`, `post_modified`, `post_modified_gmt`, `post_content_filtered`, `post_parent`, `guid`, `menu_order`, `post_type`, `post_mime_type`, `comment_count`) VALUES
(781, 3, '2010-05-13 10:46:36', '2010-05-13 14:46:36', 'Since starting at Microsoft, I''ve been regularly approached by developers who want answers to the future of Internet Explorer and I totally get it. They''re genuinely interested in what they''ll need to think about when building future web applications and want a heads up. The <a href="http://ie.microsoft.com/testdrive/">Internet Explorer 9 Platform Preview 2</a> has done a lot to get us more info and that''s a great start.\r\n\r\nThe hard part for me is that I don''t work with the IE team. I''m part of a different team in a different organization and on top of that, I''m a remote employee. So getting opportunities to chat with the brains behind IE are hard to come by.\r\n\r\nBut I''m <strong>VERY</strong> interested in what''s happening with IE because as a web developer, I also want the heads up so I can plan accordingly. And as the client-web community PM at Microsoft, I want to do my best to help you guys get solid information that will make building web applications much easier. \r\n\r\nSo I''d like to ask you, the community, a direct question:\r\n\r\n<strong>What Would You Ask the IE9 Team if you had the Chance?</strong>\r\n\r\nI want to know what''s on your mind, whether it''s CSS transforms or HTML5 Geolocation support or offline storage (anything), so I can understand what''s important to the community and try to get that feedback back to the IE team.\r\n\r\nNow, let me make something extremely clear. \r\n\r\n<h2><em>I am making absolutely no guarantee that I will even be able to get time with the IE team or that I will be able to provide any type of feedback.</em></h2> \r\n\r\nI''m very new to Microsoft and I''m still learning the ropes, but I''m willing to give it a try and help lend a voice to the developer community.\r\n\r\nSo please post your questions in the comment section of this post. Please keep it constructive. Any flame bait will get trashed immediately. ', 'What Would You Ask the IE9 Team if you had the Chance?', 0, '', 'publish', 'open', 'open', '', 'what-would-you-ask-the-ie9-team-if-you-had-the-chance', '', '', '2010-05-13 10:46:36', '2010-05-13 14:46:36', '', 0, 'http://blog.reybango.com/?p=781', 0, 'post', '', 47),
(782, 3, '2010-05-13 10:26:35', '2010-05-13 14:26:35', 'Since starting at Microsoft, I''ve been regularly approached by developers who want answers to the future of Internet Explorer and I totally get it. They''re genuinely interested in what they''ll need to think about when building future web applications and want a heads up. The hard part for me is that I don''t work with the IE team. I''m part of a different team in a different organization and on top of that, I''m a remote employee. So getting opportunit', 'What Would You Ask the IE Team if you had the Chance?', 0, '', 'inherit', 'open', 'open', '', '781-revision', '', '', '2010-05-13 10:26:35', '2010-05-13 14:26:35', '', 781, 'http://blog.reybango.com/2010/05/13/781-revision/', 0, 'revision', '', 0),
(783, 3, '2010-05-13 10:33:29', '2010-05-13 14:33:29', 'Since starting at Microsoft, I''ve been regularly approached by developers who want answers to the future of Internet Explorer and I totally get it. They''re genuinely interested in what they''ll need to think about when building future web applications and want a heads up. The hard part for me is that I don''t work with the IE team. I''m part of a different team in a different organization and on top of that, I''m a remote employee. So getting opportunities to chat with the brains behind IE are hard to come by.\n\nBut I''m also VERY interested in what''s happening with IE because as a web developer, I also want the heads up so I can plan accordingly. And as the client-web community PM at Microsoft, I want to do my best to help you guys in getting good information that will make building web applications much easier.\n\nSo I''d like to ask you, the community, a direct question:\n\n<strong>What Would You Ask the IE Team if you had the Chance?</strong>\n\nI want to know what''s on your mind, whether it''s CSS transforms or HTML5 Geolocation support, so I can understand what''s important to the community and try to get that feedback back to the IE team.\n\nNow, let me make something extremely clear. I am making absolutely no guarantee that I will even be able to get time with the IE team or that I will be able to provide any type of feedback. I''m very new to Microsoft and I''m still learning the ropes, so my communi', 'What Would You Ask the IE Team if you had the Chance?', 0, '', 'inherit', 'open', 'open', '', '781-revision-2', '', '', '2010-05-13 10:33:29', '2010-05-13 14:33:29', '', 781, 'http://blog.reybango.com/2010/05/13/781-revision-2/', 0, 'revision', '', 0),
(784, 3, '2010-05-13 10:34:17', '2010-05-13 14:34:17', 'Since starting at Microsoft, I''ve been regularly approached by developers who want answers to the future of Internet Explorer and I totally get it. They''re genuinely interested in what they''ll need to think about when building future web applications and want a heads up. The hard part for me is that I don''t work with the IE team. I''m part of a different team in a different organization and on top of that, I''m a remote employee. So getting opportunities to chat with the brains behind IE are hard to come by.\r\n\r\nBut I''m also VERY interested in what''s happening with IE because as a web developer, I also want the heads up so I can plan accordingly. And as the client-web community PM at Microsoft, I want to do my best to help you guys in getting good information that will make building web applications much easier.\r\n\r\nSo I''d like to ask you, the community, a direct question:\r\n\r\n<strong>What Would You Ask the IE Team if you had the Chance?</strong>\r\n\r\nI want to know what''s on your mind, whether it''s CSS transforms or HTML5 Geolocation support, so I can understand what''s important to the community and try to get that feedback back to the IE team.\r\n\r\nNow, let me make something extremely clear. <strong><em>I am making absolutely no guarantee that I will even be able to get time with the IE team or that I will be able to provide any type of feedback.</em></strong> I''m very new to Microsoft and I''m still learning the ropes, so my communication options are a little limited right now. But I''m willing to give it a try and help lend a voice to the developer community.', 'What Would You Ask the IE Team if you had the Chance?', 0, '', 'inherit', 'open', 'open', '', '781-revision-3', '', '', '2010-05-13 10:34:17', '2010-05-13 14:34:17', '', 781, 'http://blog.reybango.com/2010/05/13/781-revision-3/', 0, 'revision', '', 0),
(785, 3, '2010-05-13 10:34:25', '2010-05-13 14:34:25', 'Since starting at Microsoft, I''ve been regularly approached by developers who want answers to the future of Internet Explorer and I totally get it. They''re genuinely interested in what they''ll need to think about when building future web applications and want a heads up. The hard part for me is that I don''t work with the IE team. I''m part of a different team in a different organization and on top of that, I''m a remote employee. So getting opportunities to chat with the brains behind IE are hard to come by.\r\n\r\nBut I''m also VERY interested in what''s happening with IE because as a web developer, I also want the heads up so I can plan accordingly. And as the client-web community PM at Microsoft, I want to do my best to help you guys in getting good information that will make building web applications much easier.\r\n\r\nSo I''d like to ask you, the community, a direct question:\r\n\r\n<strong>What Would You Ask the IE Team if you had the Chance?</strong>\r\n\r\nI want to know what''s on your mind, whether it''s CSS transforms or HTML5 Geolocation support, so I can understand what''s important to the community and try to get that feedback back to the IE team.\r\n\r\nNow, let me make something extremely clear. <strong><em>I am making absolutely no guarantee that I will even be able to get time with the IE team or that I will be able to provide any type of feedback.</em></strong> I''m very new to Microsoft and I''m still learning the ropes, so my communication options are a little limited right now. But I''m willing to give it a try and help lend a voice to the developer community.', 'What Would You Ask the IE Team if you had the Chance?', 0, '', 'inherit', 'open', 'open', '', '781-revision-4', '', '', '2010-05-13 10:34:25', '2010-05-13 14:34:25', '', 781, 'http://blog.reybango.com/2010/05/13/781-revision-4/', 0, 'revision', '', 0),
(786, 3, '2010-05-13 10:40:53', '2010-05-13 14:40:53', 'Since starting at Microsoft, I''ve been regularly approached by developers who want answers to the future of Internet Explorer and I totally get it. They''re genuinely interested in what they''ll need to think about when building future web applications and want a heads up. The <a href="http://ie.microsoft.com/testdrive/">Internet Explorer 9 Platform Preview 2</a> has done a lot to get us more info and that''s a great start.\n\nThe hard part for me is that I don''t work with the IE team. I''m part of a different team in a different organization and on top of that, I''m a remote employee. So getting opportunities to chat with the brains behind IE are hard to come by.\n\nBut I''m <strong>VERY</strong> interested in what''s happening with IE because as a web developer, I also want the heads up so I can plan accordingly. And as the client-web community PM at Microsoft, I want to do my best to help you guys get solid information that will make building web applications much easier. \n\nSo I''d like to ask you, the community, a direct question:\n\n<strong>What Would You Ask the IE9 Team if you had the Chance?</strong>\n\nI want to know what''s on your mind, whether it''s CSS transforms or HTML5 Geolocation support, so I can understand what''s important to the community and try to get that feedback back to the IE team.\n\nNow, let me make something extremely clear. <strong><em>I am making absolutely no guarantee that I will even be able to get time with the IE team or that I will be able to provide any type of feedback.</em></strong> I''m very new to Microsoft and I''m still learning the ropes, so my communication options are a little limited right now. But I''m willing to give it a try and help lend a voice to the developer community.', 'What Would You Ask the IE Team if you had the Chance?', 0, '', 'inherit', 'open', 'open', '', '781-revision-5', '', '', '2010-05-13 10:40:53', '2010-05-13 14:40:53', '', 781, 'http://blog.reybango.com/2010/05/13/781-revision-5/', 0, 'revision', '', 0),
(787, 3, '2010-05-13 10:41:48', '2010-05-13 14:41:48', 'Since starting at Microsoft, I''ve been regularly approached by developers who want answers to the future of Internet Explorer and I totally get it. They''re genuinely interested in what they''ll need to think about when building future web applications and want a heads up. The <a href="http://ie.microsoft.com/testdrive/">Internet Explorer 9 Platform Preview 2</a> has done a lot to get us more info and that''s a great start.\r\n\r\nThe hard part for me is that I don''t work with the IE team. I''m part of a different team in a different organization and on top of that, I''m a remote employee. So getting opportunities to chat with the brains behind IE are hard to come by.\r\n\r\nBut I''m <strong>VERY</strong> interested in what''s happening with IE because as a web developer, I also want the heads up so I can plan accordingly. And as the client-web community PM at Microsoft, I want to do my best to help you guys get solid information that will make building web applications much easier. \r\n\r\nSo I''d like to ask you, the community, a direct question:\r\n\r\n<strong>What Would You Ask the IE9 Team if you had the Chance?</strong>\r\n\r\nI want to know what''s on your mind, whether it''s CSS transforms or HTML5 Geolocation support or offline storage (anything), so I can understand what''s important to the community and try to get that feedback back to the IE team.\r\n\r\nNow, let me make something extremely clear. \r\n\r\n<strong><em>I am making absolutely no guarantee that I will even be able to get time with the IE team or that I will be able to provide any type of feedback.</em></strong> \r\n\r\nI''m very new to Microsoft and I''m still learning the ropes, so my communication options are a little limited right now. But I''m willing to give it a try and help lend a voice to the developer community.', 'What Would You Ask the IE Team if you had the Chance?', 0, '', 'inherit', 'open', 'open', '', '781-revision-6', '', '', '2010-05-13 10:41:48', '2010-05-13 14:41:48', '', 781, 'http://blog.reybango.com/2010/05/13/781-revision-6/', 0, 'revision', '', 0),
(788, 3, '2010-05-13 10:42:09', '2010-05-13 14:42:09', 'Since starting at Microsoft, I''ve been regularly approached by developers who want answers to the future of Internet Explorer and I totally get it. They''re genuinely interested in what they''ll need to think about when building future web applications and want a heads up. The <a href="http://ie.microsoft.com/testdrive/">Internet Explorer 9 Platform Preview 2</a> has done a lot to get us more info and that''s a great start.\r\n\r\nThe hard part for me is that I don''t work with the IE team. I''m part of a different team in a different organization and on top of that, I''m a remote employee. So getting opportunities to chat with the brains behind IE are hard to come by.\r\n\r\nBut I''m <strong>VERY</strong> interested in what''s happening with IE because as a web developer, I also want the heads up so I can plan accordingly. And as the client-web community PM at Microsoft, I want to do my best to help you guys get solid information that will make building web applications much easier. \r\n\r\nSo I''d like to ask you, the community, a direct question:\r\n\r\n<strong>What Would You Ask the IE9 Team if you had the Chance?</strong>\r\n\r\nI want to know what''s on your mind, whether it''s CSS transforms or HTML5 Geolocation support or offline storage (anything), so I can understand what''s important to the community and try to get that feedback back to the IE team.\r\n\r\nNow, let me make something extremely clear. \r\n\r\n<h1><em>I am making absolutely no guarantee that I will even be able to get time with the IE team or that I will be able to provide any type of feedback.</em></h1> \r\n\r\nI''m very new to Microsoft and I''m still learning the ropes, so my communication options are a little limited right now. But I''m willing to give it a try and help lend a voice to the developer community.', 'What Would You Ask the IE Team if you had the Chance?', 0, '', 'inherit', 'open', 'open', '', '781-revision-7', '', '', '2010-05-13 10:42:09', '2010-05-13 14:42:09', '', 781, 'http://blog.reybango.com/2010/05/13/781-revision-7/', 0, 'revision', '', 0),
(789, 3, '2010-05-13 10:42:15', '2010-05-13 14:42:15', 'Since starting at Microsoft, I''ve been regularly approached by developers who want answers to the future of Internet Explorer and I totally get it. They''re genuinely interested in what they''ll need to think about when building future web applications and want a heads up. The <a href="http://ie.microsoft.com/testdrive/">Internet Explorer 9 Platform Preview 2</a> has done a lot to get us more info and that''s a great start.\r\n\r\nThe hard part for me is that I don''t work with the IE team. I''m part of a different team in a different organization and on top of that, I''m a remote employee. So getting opportunities to chat with the brains behind IE are hard to come by.\r\n\r\nBut I''m <strong>VERY</strong> interested in what''s happening with IE because as a web developer, I also want the heads up so I can plan accordingly. And as the client-web community PM at Microsoft, I want to do my best to help you guys get solid information that will make building web applications much easier. \r\n\r\nSo I''d like to ask you, the community, a direct question:\r\n\r\n<strong>What Would You Ask the IE9 Team if you had the Chance?</strong>\r\n\r\nI want to know what''s on your mind, whether it''s CSS transforms or HTML5 Geolocation support or offline storage (anything), so I can understand what''s important to the community and try to get that feedback back to the IE team.\r\n\r\nNow, let me make something extremely clear. \r\n\r\n<h1><em>I am making absolutely no guarantee that I will even be able to get time with the IE team or that I will be able to provide any type of feedback.</em></h1> \r\n\r\nI''m very new to Microsoft and I''m still learning the ropes, so my communication options are a little limited right now. But I''m willing to give it a try and help lend a voice to the developer community.', 'What Would You Ask the IE Team if you had the Chance?', 0, '', 'inherit', 'open', 'open', '', '781-revision-8', '', '', '2010-05-13 10:42:15', '2010-05-13 14:42:15', '', 781, 'http://blog.reybango.com/2010/05/13/781-revision-8/', 0, 'revision', '', 0),
(790, 3, '2010-05-13 10:42:30', '2010-05-13 14:42:30', 'Since starting at Microsoft, I''ve been regularly approached by developers who want answers to the future of Internet Explorer and I totally get it. They''re genuinely interested in what they''ll need to think about when building future web applications and want a heads up. The <a href="http://ie.microsoft.com/testdrive/">Internet Explorer 9 Platform Preview 2</a> has done a lot to get us more info and that''s a great start.\r\n\r\nThe hard part for me is that I don''t work with the IE team. I''m part of a different team in a different organization and on top of that, I''m a remote employee. So getting opportunities to chat with the brains behind IE are hard to come by.\r\n\r\nBut I''m <strong>VERY</strong> interested in what''s happening with IE because as a web developer, I also want the heads up so I can plan accordingly. And as the client-web community PM at Microsoft, I want to do my best to help you guys get solid information that will make building web applications much easier. \r\n\r\nSo I''d like to ask you, the community, a direct question:\r\n\r\n<strong>What Would You Ask the IE9 Team if you had the Chance?</strong>\r\n\r\nI want to know what''s on your mind, whether it''s CSS transforms or HTML5 Geolocation support or offline storage (anything), so I can understand what''s important to the community and try to get that feedback back to the IE team.\r\n\r\nNow, let me make something extremely clear. \r\n\r\n<h2><em>I am making absolutely no guarantee that I will even be able to get time with the IE team or that I will be able to provide any type of feedback.</em></h2> \r\n\r\nI''m very new to Microsoft and I''m still learning the ropes, so my communication options are a little limited right now. But I''m willing to give it a try and help lend a voice to the developer community.', 'What Would You Ask the IE Team if you had the Chance?', 0, '', 'inherit', 'open', 'open', '', '781-revision-9', '', '', '2010-05-13 10:42:30', '2010-05-13 14:42:30', '', 781, 'http://blog.reybango.com/2010/05/13/781-revision-9/', 0, 'revision', '', 0),
(791, 3, '2010-05-13 10:44:58', '2010-05-13 14:44:58', 'Since starting at Microsoft, I''ve been regularly approached by developers who want answers to the future of Internet Explorer and I totally get it. They''re genuinely interested in what they''ll need to think about when building future web applications and want a heads up. The <a href="http://ie.microsoft.com/testdrive/">Internet Explorer 9 Platform Preview 2</a> has done a lot to get us more info and that''s a great start.\r\n\r\nThe hard part for me is that I don''t work with the IE team. I''m part of a different team in a different organization and on top of that, I''m a remote employee. So getting opportunities to chat with the brains behind IE are hard to come by.\r\n\r\nBut I''m <strong>VERY</strong> interested in what''s happening with IE because as a web developer, I also want the heads up so I can plan accordingly. And as the client-web community PM at Microsoft, I want to do my best to help you guys get solid information that will make building web applications much easier. \r\n\r\nSo I''d like to ask you, the community, a direct question:\r\n\r\n<strong>What Would You Ask the IE9 Team if you had the Chance?</strong>\r\n\r\nI want to know what''s on your mind, whether it''s CSS transforms or HTML5 Geolocation support or offline storage (anything), so I can understand what''s important to the community and try to get that feedback back to the IE team.\r\n\r\nNow, let me make something extremely clear. \r\n\r\n<h2><em>I am making absolutely no guarantee that I will even be able to get time with the IE team or that I will be able to provide any type of feedback.</em></h2> \r\n\r\nI''m very new to Microsoft and I''m still learning the ropes, but I''m willing to give it a try and help lend a voice to the developer community.\r\n\r\nSo please post your questions in the comment section of this post. Please keep it constructive. Any flame bait will get trashed immediately. ', 'What Would You Ask the IE9 Team if you had the Chance?', 0, '', 'inherit', 'open', 'open', '', '781-revision-10', '', '', '2010-05-13 10:44:58', '2010-05-13 14:44:58', '', 781, 'http://blog.reybango.com/2010/05/13/781-revision-10/', 0, 'revision', '', 0),
(792, 3, '2010-05-13 10:45:06', '2010-05-13 14:45:06', 'Since starting at Microsoft, I''ve been regularly approached by developers who want answers to the future of Internet Explorer and I totally get it. They''re genuinely interested in what they''ll need to think about when building future web applications and want a heads up. The <a href="http://ie.microsoft.com/testdrive/">Internet Explorer 9 Platform Preview 2</a> has done a lot to get us more info and that''s a great start.\r\n\r\nThe hard part for me is that I don''t work with the IE team. I''m part of a different team in a different organization and on top of that, I''m a remote employee. So getting opportunities to chat with the brains behind IE are hard to come by.\r\n\r\nBut I''m <strong>VERY</strong> interested in what''s happening with IE because as a web developer, I also want the heads up so I can plan accordingly. And as the client-web community PM at Microsoft, I want to do my best to help you guys get solid information that will make building web applications much easier. \r\n\r\nSo I''d like to ask you, the community, a direct question:\r\n\r\n<strong>What Would You Ask the IE9 Team if you had the Chance?</strong>\r\n\r\nI want to know what''s on your mind, whether it''s CSS transforms or HTML5 Geolocation support or offline storage (anything), so I can understand what''s important to the community and try to get that feedback back to the IE team.\r\n\r\nNow, let me make something extremely clear. \r\n\r\n<h2><em>I am making absolutely no guarantee that I will even be able to get time with the IE team or that I will be able to provide any type of feedback.</em></h2> \r\n\r\nI''m very new to Microsoft and I''m still learning the ropes, but I''m willing to give it a try and help lend a voice to the developer community.\r\n\r\nSo please post your questions in the comment section of this post. Please keep it constructive. Any flame bait will get trashed immediately. ', 'What Would You Ask the IE9 Team if you had the Chance?', 0, '', 'inherit', 'open', 'open', '', '781-revision-11', '', '', '2010-05-13 10:45:06', '2010-05-13 14:45:06', '', 781, 'http://blog.reybango.com/2010/05/13/781-revision-11/', 0, 'revision', '', 0),
(793, 3, '2010-05-14 21:48:53', '2010-05-15 01:48:53', 'Nailing down the crazy <a href="http://yayquery.com/">YayQuery</a> crew and keeping them in one place was a challenge but Ralph Whitbeck and I managed to do it and nail down another jQuery Podcast/video interview in the process. Check them out:\r\n\r\n<embed src="http://blip.tv/play/hdB%2BgdvWGgA" type="application/x-shockwave-flash" width="640" height="360" allowscriptaccess="always" allowfullscreen="true"></embed>\r\n\r\n<a href="http://paulirish.com/">Paul Irish</a> is a crazy dude but also incredibly involved in jQuery and web standards development. He''s one of the newest members of the jQuery team and I sat down to chat with him:\r\n\r\n<embed src="http://blip.tv/play/hdB%2Bgd6nSwA" type="application/x-shockwave-flash" width="640" height="360" allowscriptaccess="always" allowfullscreen="true"></embed>', 'Video Interviews - The YayQuery Crew and Paul Irish of the jQuery Team', 0, '', 'publish', 'open', 'open', '', 'video-interviews-the-yayquery-crew-and-paul-irish-of-the-jquery-team', '', '', '2010-05-14 21:48:53', '2010-05-15 01:48:53', '', 0, 'http://blog.reybango.com/?p=793', 0, 'post', '', 1),
(794, 3, '2010-05-14 11:04:58', '2010-05-14 15:04:58', 'Nailing down the crazy YayQuery crew and keeping them in one place was a challenge but Ralph Whitbeck and I managed to do it and nail down another jQuery Podcast/video interview in the process. Check them out:\n\n', 'Video Interviews - The YayQuery Crew and Paul Irish of the jQuery Team', 0, '', 'inherit', 'open', 'open', '', '793-revision', '', '', '2010-05-14 11:04:58', '2010-05-14 15:04:58', '', 793, 'http://blog.reybango.com/2010/05/14/793-revision/', 0, 'revision', '', 0),
(795, 3, '2010-05-14 11:06:44', '2010-05-14 15:06:44', 'Nailing down the crazy YayQuery crew and keeping them in one place was a challenge but Ralph Whitbeck and I managed to do it and nail down another jQuery Podcast/video interview in the process. Check them out:\r\n\r\n<embed src="http://blip.tv/play/hdB%2BgdvWGgA" type="application/x-shockwave-flash" width="640" height="360" allowscriptaccess="always" allowfullscreen="true"></embed>', 'Video Interviews - The YayQuery Crew and Paul Irish of the jQuery Team', 0, '', 'inherit', 'open', 'open', '', '793-revision-2', '', '', '2010-05-14 11:06:44', '2010-05-14 15:06:44', '', 793, 'http://blog.reybango.com/2010/05/14/793-revision-2/', 0, 'revision', '', 0),
(796, 3, '2010-05-14 21:46:19', '2010-05-15 01:46:19', 'Nailing down the crazy YayQuery crew and keeping them in one place was a challenge but Ralph Whitbeck and I managed to do it and nail down another jQuery Podcast/video interview in the process. Check them out:\n\n<embed src="http://blip.tv/play/hdB%2BgdvWGgA" type="application/x-shockwave-flash" width="640" height="360" allowscriptaccess="always" allowfullscreen="true"></embed>\n\nPaul Irish is a crazy dude but also incredibly involved in jQuery and web standards development. He''s one of the newest members of the jQuery team and I sat down to chat with him:\n\n<embed src="http://blip.tv/play/hdB%2Bgd6nSwA" type="application/x-shockwave-flash" width="640" height="360" allowscriptaccess="always" allowfullscreen="true"></embed>', 'Video Interviews - The YayQuery Crew and Paul Irish of the jQuery Team', 0, '', 'inherit', 'open', 'open', '', '793-revision-3', '', '', '2010-05-14 21:46:19', '2010-05-15 01:46:19', '', 793, 'http://blog.reybango.com/2010/05/14/793-revision-3/', 0, 'revision', '', 0),
(797, 3, '2010-05-14 21:46:28', '2010-05-15 01:46:28', 'Nailing down the crazy YayQuery crew and keeping them in one place was a challenge but Ralph Whitbeck and I managed to do it and nail down another jQuery Podcast/video interview in the process. Check them out:\r\n\r\n<embed src="http://blip.tv/play/hdB%2BgdvWGgA" type="application/x-shockwave-flash" width="640" height="360" allowscriptaccess="always" allowfullscreen="true"></embed>\r\n\r\nPaul Irish is a crazy dude but also incredibly involved in jQuery and web standards development. He''s one of the newest members of the jQuery team and I sat down to chat with him:\r\n\r\n<embed src="http://blip.tv/play/hdB%2Bgd6nSwA" type="application/x-shockwave-flash" width="640" height="360" allowscriptaccess="always" allowfullscreen="true"></embed>', 'Video Interviews - The YayQuery Crew and Paul Irish of the jQuery Team', 0, '', 'inherit', 'open', 'open', '', '793-revision-4', '', '', '2010-05-14 21:46:28', '2010-05-15 01:46:28', '', 793, 'http://blog.reybango.com/2010/05/14/793-revision-4/', 0, 'revision', '', 0),
(798, 3, '2010-05-14 21:46:34', '2010-05-15 01:46:34', 'Nailing down the crazy YayQuery crew and keeping them in one place was a challenge but Ralph Whitbeck and I managed to do it and nail down another jQuery Podcast/video interview in the process. Check them out:\r\n\r\n<embed src="http://blip.tv/play/hdB%2BgdvWGgA" type="application/x-shockwave-flash" width="640" height="360" allowscriptaccess="always" allowfullscreen="true"></embed>\r\n\r\nPaul Irish is a crazy dude but also incredibly involved in jQuery and web standards development. He''s one of the newest members of the jQuery team and I sat down to chat with him:\r\n\r\n<embed src="http://blip.tv/play/hdB%2Bgd6nSwA" type="application/x-shockwave-flash" width="640" height="360" allowscriptaccess="always" allowfullscreen="true"></embed>', 'Video Interviews - The YayQuery Crew and Paul Irish of the jQuery Team', 0, '', 'inherit', 'open', 'open', '', '793-revision-5', '', '', '2010-05-14 21:46:34', '2010-05-15 01:46:34', '', 793, 'http://blog.reybango.com/2010/05/14/793-revision-5/', 0, 'revision', '', 0),
(799, 3, '2010-05-14 21:48:00', '2010-05-15 01:48:00', 'Nailing down the crazy <a href="http://yayquery.com/">YayQuery</a> crew and keeping them in one place was a challenge but Ralph Whitbeck and I managed to do it and nail down another jQuery Podcast/video interview in the process. Check them out:\r\n\r\n<embed src="http://blip.tv/play/hdB%2BgdvWGgA" type="application/x-shockwave-flash" width="640" height="360" allowscriptaccess="always" allowfullscreen="true"></embed>\r\n\r\n<a href="http://paulirish.com/">Paul Irish</a> is a crazy dude but also incredibly involved in jQuery and web standards development. He''s one of the newest members of the jQuery team and I sat down to chat with him:\r\n\r\n<embed src="http://blip.tv/play/hdB%2Bgd6nSwA" type="application/x-shockwave-flash" width="640" height="360" allowscriptaccess="always" allowfullscreen="true"></embed>', 'Video Interviews - The YayQuery Crew and Paul Irish of the jQuery Team', 0, '', 'inherit', 'open', 'open', '', '793-revision-6', '', '', '2010-05-14 21:48:00', '2010-05-15 01:48:00', '', 793, 'http://blog.reybango.com/2010/05/14/793-revision-6/', 0, 'revision', '', 0),
(800, 3, '2010-05-14 21:48:00', '2010-05-15 01:48:00', 'Nailing down the crazy <a href="http://yayquery.com/">YayQuery</a> crew and keeping them in one place was a challenge but Ralph Whitbeck and I managed to do it and nail down another jQuery Podcast/video interview in the process. Check them out:\r\n\r\n<embed src="http://blip.tv/play/hdB%2BgdvWGgA" type="application/x-shockwave-flash" width="640" height="360" allowscriptaccess="always" allowfullscreen="true"></embed>\r\n\r\n<a href="http://paulirish.com/">Paul Irish</a> is a crazy dude but also incredibly involved in jQuery and web standards development. He''s one of the newest members of the jQuery team and I sat down to chat with him:\r\n\r\n<embed src="http://blip.tv/play/hdB%2Bgd6nSwA" type="application/x-shockwave-flash" width="640" height="360" allowscriptaccess="always" allowfullscreen="true"></embed>', 'Video Interviews - The YayQuery Crew and Paul Irish of the jQuery Team', 0, '', 'inherit', 'open', 'open', '', '793-revision-7', '', '', '2010-05-14 21:48:00', '2010-05-15 01:48:00', '', 793, 'http://blog.reybango.com/2010/05/14/793-revision-7/', 0, 'revision', '', 0);
INSERT INTO `wp_dyxkdh_posts` (`ID`, `post_author`, `post_date`, `post_date_gmt`, `post_content`, `post_title`, `post_category`, `post_excerpt`, `post_status`, `comment_status`, `ping_status`, `post_password`, `post_name`, `to_ping`, `pinged`, `post_modified`, `post_modified_gmt`, `post_content_filtered`, `post_parent`, `guid`, `menu_order`, `post_type`, `post_mime_type`, `comment_count`) VALUES
(896, 3, '2010-06-22 18:43:30', '2010-06-22 22:43:30', 'I''ve been meaning to do a roll-up of top JavaScript, CSS & HTML development tools that I use or have been recommended to me and after having lunch with my bud Brian Wilpon today, I realized I just needed to do it. He asked me what some of the newer tools are and I think this is the best way to help him (and the community in general). It''s definitely not an all-inclusive list so if you see some that you feel I should add or remove, let me know in the comments.\r\n\r\nHere they are by category:\r\n\r\n<strong>Debugging Tools That Make Life MUCH Easier:</strong>\r\n\r\nEffectively debugging JavaScript applications is a royal pain in the derriere and to compile that, the available tools just don''t stand up to those used by managed code developers. Luckily, we do have a decent set of tools that lessens the pain substantially. Firebug is definitely a must have since it incorporates so much DOM & XHR introspection as well as the Web Developer Toolbar. Both are simply awesome. I also love Charles for HTTP sniffing and it''s saved my butt when Firebug couldn''t handle it. \r\n\r\n<a href="http://msdn.microsoft.com/en-us/library/dd565628%28VS.85%29.aspx">IE8 Developer Tools</a> - Microsoft''s browser debugger tools\r\n<a href="http://getfirebug.com/">Firebug</a> - Mozilla''s browser debugger add-on \r\n<a href="http://trac.webkit.org/wiki/WebInspector">WebKit Web Inspector</a> - Webkit''s browser debugger tools\r\n<a href="http://www.fiddler2.com/fiddler2/">Fiddler</a> - HTTP Sniffer. Great for seeing Ajax requests.\r\n<a href="http://www.charlesproxy.com/">Charles</a> - HTTP Sniffer. Great for seeing Ajax requests. (my personal fav)\r\n<a href="http://kevinlangdon.com/serviceCapture/">Service Capture</a> - HTTP Sniffer. Great for seeing Ajax requests.\r\n<a href="http://ajax.dynatrace.com/pages/">dynaTrace Ajax</a> - HTTP performance analyzer\r\n<a href="http://chrispederick.com/work/web-developer/">Web Developer’s Toolbar</a> - All purpose Firefox toolbar to inspect everything on a page\r\n<a href="http://developer.yahoo.com/yslow/">YSlow</a> - Analyzes page performance based on accepted industry best practices.\r\n<a href="http://code.google.com/speed/page-speed/">PageSpeed</a> - Analyzes page performance based on accepted industry best practices.\r\n<a href="http://www.debugbar.com/">DebugBar</a> - An IE plugin that brings advanced debugging features to IE including JS, DOM & HTTP inspection\r\n\r\n<strong>CSS Editors:</strong>\r\n\r\nI prefer to write my CSS code by hand. Call me old-school but many swear by the following CSS editors. CSSEdit by MacRabbit (Mac only) is especially loved by many designers.\r\n\r\n<a href="http://www.topstyle4.com/">TopStyle</a>\r\n<a href="http://www.blumentals.net/rapidcss/">Rapid CSS</a>\r\n<a href="http://www.culturedcode.com/xyle/">Xyle</a>\r\n<a href="http://www.skybound.ca/">Stylizer</a>\r\n<a href="http://www.macrabbit.com/cssedit/">CSSEdit</a>\r\n\r\n<strong>CSS Frameworks:</strong>\r\n\r\nThese frameworks have really taken off. Like their JavaScript brethren, they help to abstract much of the complexity of building consistent layouts in cross-browser fashion. They''re definitely something I need to look into more and from what I''ve read, 960 GS & Blueprint are the ones people are looking at.\r\n\r\n<a href="http://960.gs">960 Grid System</a>\r\n<a href="http://blueprintcss.org/">Blueprint CSS Framework</a>\r\n<a href="http://www.yaml.de/en/">YAML</a>\r\n<a href="http://developer.yahoo.com/yui/grids/">Yahoo YUI Grids CSS</a>\r\n<a href="http://devkick.com/lab/tripoli/">Tripoli</a>\r\n<a href="http://net.tutsplus.com/tutorials/html-css-techniques/object-oriented-css-what-how-and-why/">Object-Oriented CSS</a>\r\n\r\n<strong>CSS Resets:</strong>\r\n\r\nWant to minimize browser inconsistencies? Then use a CSS reset stylesheet to specify baseline CSS styles that make browser presentation defaults more consistent. \r\n\r\n<a href="http://meyerweb.com/eric/tools/css/reset/">Meyer Reset by Eric Meyer</a>\r\n<a href="http://developer.yahoo.com/yui/reset/">YUI2: Reset CSS</a>\r\n<a href="http://www.iecss.com/">IECSS</a>\r\n\r\n<strong>JavaScript Libraries:</strong>\r\n\r\nI definitely recommend everyone to learn JavaScript as you''ll need it to be a really effective client-side developer. With that said, a good JS library will go a long way to making your development faster and much more stable. These libraries are all very mature and dramatically help to abstract the complexities of cross-browser development. My personal favorite is <a href="http://jquery.com/">jQuery</a>, of which I''m a member of the project team.\r\n\r\n<a href="http://jquery.com/">jQuery</a>\r\n<a href="http://jqueryui.com">jQuery UI</a>\r\n<a href="http://prototypejs.org/">Prototype</a>\r\n<a href="http://mootools.net/">MooTools</a>\r\n<a href="http://dojotoolkit.org/">Dojo</a>\r\n<a href="http://developer.yahoo.com/yui/">YUI</a>\r\n<a href="http://javascriptmvc.com/">JavaScriptMVC</a>\r\n<a href="http://qooxdoo.org/">qooxdoo</a>\r\n<a href="http://extjs.com">Ext JS</a>\r\n<a href="http://labs.adobe.com/technologies/spry/">Adobe Spry</a>\r\n<a href="http://raphaeljs.com/">Raphael.js</a> - simplifies working with vector graphics on the web\r\n<a href="http://labjs.com/">LabJS Dynamic Script Loader</a> - Allows execution and load management of JavaScript files\r\n<a href="http://brianleroux.github.com/lawnchair/">Lawnchair</a> - A lightweight client-side JSON document store\r\n<a href="http://www.thomasfrank.se/sessionvars.html">Sessvars.js</a> - Client-side session data management solution\r\n<a href="http://codebetter.com/blogs/matthew.podwysocki/archive/2010/02/16/introduction-to-the-reactive-extensions-to-javascript.aspx">Reactive Extensions For JS</a>\r\n<a href="http://beebole.com/pure">PURE JS Templating Lib</a>\r\n<a href="http://documentcloud.github.com/underscore/">Underscore.js</a> - Utility lib for jQuery that provides a ton of extended functionality\r\n\r\n<strong>JavaScript Minifiers</strong>\r\n\r\nEvery byte counts when you''re sending files via HTTP and best practices dictate that on a production, you need to optimize all of your files to minimize page load times. Compressing JavaScript code is one of the easiest ways to do that and these tools will help. On the jQuery project, we''ve started using Google''s Closure compiler because it''s generated the best compression. Try all of them out to see which suits you best.\r\n\r\n<a href="http://developer.yahoo.com/yui/compressor/">YUI compressor</a>\r\n<a href="http://code.google.com/closure/compiler/">Closure compiler</a>\r\n<a href="http://www.crockford.com/javascript/jsmin.html">JSMIN</a>\r\n<a href="http://dean.edwards.name/packer/">Dean Edward''s Packer</a>\r\n<a href="http://aspnet.codeplex.com/releases/view/40584">Microsoft Ajax Minifer</a> \r\n<a href="http://shrinksafe.dojotoolkit.org/">Dojo Shrinksafe</a>\r\n\r\n<strong>JavaScript Shells</strong>\r\n\r\nThere are times when you just want to test a snippet of code without actually going through the trouble of creating a full page. That''s where JavaScript shells shine. JSFiddle and JSBin both rock because apart from supporting plain ole JS, they also allow you to include a host of libraries including jQuery, MooTools, & Dojo. \r\n\r\n<a href="http://jsfiddle.net/">jsfiddle.net</a> \r\n<a href="http://jsbin.com/">JSBin</a>\r\n<a href="http://mootools.net/shell/">mootools.net/shell</a> <em>(MooTools-specific)</em>\r\n\r\n<strong>Color Management:</strong>\r\n\r\nAs a programmer, I''m insanely color scheme challenged. I''m inclined to mix yellow with mauve causing a concerted moan to occur across the design community. Luckily, these tools help you choose web safe color schemes that are not only consistent but won''t burn the eyeballs off your site visitors. :)\r\n\r\n<a href="http://www.colourlovers.com/">Colourlovers</a>\r\n<a href="http://kuler.adobe.com/">Kuler</a>\r\n\r\n<strong>Editors and IDEs:</strong>\r\n\r\nI work at Microsoft so you would expect me to be a Visual Studio whiz. Not so. Only recently starting at MS, I''ve only dipped my toe in the VS waters. What I''ve seen though has impressed me but I still have a long way to go before I understand it. If you''re on a Mac, though, I do highly recommend both TextMate and Coda. Both are truly awesome. I''ve used Coda a little more because I liked the UI of it a little better than TextMate''s but TM''s bundle system and ecosystem is amazing. You can get code-complete for just about anything via bundles. For Windows, Notepad++ has been just awesome. I wish it had built-in FTP support like UltraEdit. \r\n\r\n<a href="http://msdn.microsoft.com/en-us/vstudio/default.aspx">Visual Studio</a>\r\n<a href="http://www.microsoft.com/expression/">Expression</a>\r\n<a href="http://macromates.com/">TextMate</a>\r\n<a href="http://panic.com/coda/">Coda</a>\r\n<a href="http://www.ultraedit.com/">UltraEdit</a>\r\n<a href="http://www.activestate.com/komodo/">Komodo IDE</a>\r\n<a href="http://notepad-plus.sourceforge.net/uk/site.htm">Notepad++</a>\r\n<a href="http://notepad2.com/">Notepad2</a>\r\n<a href="http://www.barebones.com/products/bbedit/">BBEdit</a>\r\n<a href="http://www.aptana.org/">Aptana</a>\r\n<a href="http://macrabbit.com/espresso/">Espresso</a>\r\n<a href="http://www.sublimetext.com/">Sublime Text</a>\r\n<a href="http://www.jetbrains.com/webstorm/index.html">WebStorm</a>\r\n<a href="http://www.vim.org/">VIM</a>\r\n<a href="http://www.eclipse.org/">Eclipse</a>\r\n<a href="http://netbeans.org/">Netbeans</a>\r\n<a href="http://www.geany.org/">Geany</a>\r\n\r\n<strong>Wireframing:</strong>\r\n\r\nI know some of you are cowboys (or cowgirls) and you just want to start hacking. Well, for the truly impatient, these tools at least let you wireframe your pages quickly and easily. I''ve used Balsamiq and FlairBuilder and both rock. It seems that FlairBuilder is really cranking it up with some nice features. Both are Adobe AIR apps which means they''re cross-platform.\r\n\r\n<a href="http://www.omnigroup.com/">Omnigraffle</a>\r\n<a href="http://www.balsamiq.com/">Balsamiq</a>\r\n<a href="http://www.flairbuilder.com/">FlairBuilder</a>\r\n<a href="http://office.microsoft.com/en-us/visio/default.aspx">Visio</a>\r\n<a href="http://www.axure.com/">Axure</a>\r\n\r\n<strong>Browser Testing:</strong>\r\n\r\nI''ve been fortunate to have multiple OS versions over the years. My wife would definitely prefer for me to have a couple of less PCs sitting around but it''s let me test out my web apps on a variety of platforms, browsers and OSes. Shoot, I even have a version of IE6! For those with less hardware, these services should definitely help. Note that services like BrowserCam & Gomez are subscription-based but worth the cash if you can afford it.\r\n\r\n<a href="http://www.browsercam.com/Default2.aspx">BrowserCam</a>\r\n<a href="https://browserlab.adobe.com/index.html">Adobe BrowserLab</a>\r\n<a href="http://www.microsoft.com/downloads/details.aspx?FamilyID=8e6ac106-525d-45d0-84db-dccff3fae677&displaylang=en">Microsoft Expression Web SuperPreview for IE</a>\r\n<a href="http://www.gomez.com/products-solutions/products/cross-browser-testing/">Gomez</a>\r\n<a href="http://tredosoft.com/Multiple_IE">TredoSoft MultipleIE</a>\r\n<a href="http://crossbrowsertesting.com/">CrossBrowserTesting</a>\r\n<a href="http://michelf.com/projects/multi-safari/">Multi-Safari</a>\r\n<a href="http://www.browserscope.org/">Browserscope</a>\r\n<a href="http://stevesouders.com/cuzillion/help.php">Cuzillion</a>\r\n<a href="http://www.my-debugbar.com/wiki/IETester/HomePage">IETester</a>\r\n\r\n<strong>Testing (based on the <a href="http://ejohn.org/blog/which-unit-testing-framework/">list by John Resig</a>):</strong>\r\n\r\nThis was a list I snagged from John Resig. Obviously, he''s done a boatload of testing so I know this list rocks. JSLint is the old mainstay created by Douglas Crockford but other have really become increasingly essential to good testing. jQuery developers should definitely be looking at QUnit & jQuery-Lint. The most complete tool is Selenium but it does have a bit of a learning curve. If you''re into determining JS performance, checkout SunSpider, Dromaeo, Google''s V8 Benchmark and JSLitmus. These measure the performance of the JS engine, not your apps.\r\n\r\n<a href="http://jslint.com/">JSLint</a>\r\n<a href="http://github.com/jamespadolsey/jQuery-Lint">jQuery Lint</a>\r\n<a href="http://www.jsunit.net/">JSUnit</a>\r\n<a href="http://seleniumhq.org/projects/core/">Selenium Core</a>\r\n<a href="http://jania.pe.kr/aw/moin.cgi/JSSpec">JSSpec (MooTools)</a>\r\n<a href="http://github.com/tobie/unittest_js/tree/master">UnitTestJS (Prototype)</a>\r\n<a href="http://docs.jquery.com/QUnit">QUnit (jQuery)</a>\r\n<a href="http://docs.dojocampus.org/quickstart/doh">DOH Unit Testing (Dojo)</a>\r\n<a href="http://developer.yahoo.com/yui/yuitest/">YUITest 2</a>\r\n<a href="http://developer.yahoo.com/yui/3/test/">YUITest 3</a>\r\n<a href="https://developer.mozilla.org/En/Mochitest">Mochitest</a>\r\n<a href="http://github.com/nkallen/screw-unit/tree/master">ScrewUnit</a>\r\n<a href="http://jsunittest.com/">JsUnitTest</a>\r\n<a href="http://jsunity.com/">jsUnity</a> \r\n<a href="http://code.google.com/p/js-test-driver/">JsTestDriver</a>\r\n<a href="http://www.thefrontside.net/crosscheck">Crosscheck</a>\r\n<a href="http://groups.google.com/group/envjs">Env.js</a> \r\n<a href="http://fireunit.org/">FireUnit</a>\r\n<a href="http://validator.w3.org/">W3C Markup Validation Service</a>\r\n<a href="http://jigsaw.w3.org/css-validator/">W3C CSS Validation Service</a>\r\n<a href="http://www2.webkit.org/perf/sunspider-0.9/sunspider.html">SunSpider</a>\r\n<a href="http://code.google.com/apis/v8/run.html">V8 Benchmark</a>\r\n<a href="http://v2.dromaeo.com/">Dromaeo</a>\r\n<a href="http://broofa.com/Tools/JSLitmus/">JSLitmus</a>\r\n<a href="http://users.skynet.be/mgueury/mozilla/">HTML Validator Firefox Add-on</a>\r\n\r\n<strong>Documentation:</strong>\r\n\r\n<a href="http://developer.yahoo.com/yui/">Yahoo UI Docs</a>\r\n<a href="http://www.programmableweb.com/">APIs</a> - Most comprehensive list of APIs on the web\r\n<a href="http://api.jquery.com/">jQuery Docs</a>\r\n<a href="http://jqueryui.com/demos/">jQuery UI Docs</a>\r\n<a href="http://mootools.net/docs/core">MooTools Docs</a>\r\n<a href="http://api.prototypejs.org/">Prototype Docs</a>\r\n<a href="http://dojotoolkit.org/documentation/">Dojo Docs</a>\r\n<a href="http://json.org/">JSON Reference</a>\r\n<a href="http://en.wikipedia.org/wiki/JSON#JSONP">JSONP</a>\r\n\r\n<h2>Server-Side JavaScript</h2>\r\n\r\n<a href="http://www.mozilla.org/rhino/">Rhino</a>\r\n<a href="http://nodejs.org/">Node.js</a>\r\n<a href="http://narwhaljs.org/">Narwhal.js</a>\r\n<a href="http://commonjs.org/">CommonJS Standards Project</a>\r\n<a href="http://o.sitepen.com/labs/persevere.php">Persevere</a>\r\n<a href="http://en.wikipedia.org/wiki/Comet_%28programming%29">Comet</a>\r\n\r\n<h2>Books</h2>\r\n\r\nThe books below are really a great selection. I have many in my own library and every so often re-read them I''m currently reading <a href="http://www.amazon.com/gp/product/059680279X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=059680279X">High Performance JavaScript</a> by Nicholas Zakas. Another great book is Stoyan Stefanov''s <a href="http://www.amazon.com/gp/product/1847194141?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847194141">Object-Oriented JavaScript: Create scalable, reusable high-quality JavaScript applications and libraries</a>. I also highly recommend Steve Souders performance book at the bottom of the list. They''re basically the definitive sources for optimizing your web apps.\r\n\r\n<strong>JavaScript/DOM:</strong>\r\n<ul>\r\n<li><a href="http://www.amazon.com/gp/product/0596101996?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596101996">JavaScript: The Definitive Guide</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596101996" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0596517742?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596517742">JavaScript: The Good Parts</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596517742" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/047022780X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=047022780X">Professional JavaScript for Web Developers (Wrox Programmer to Programmer)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=047022780X" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1590595335?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590595335">DOM Scripting: Web Design with JavaScript and the Document Object Model</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590595335" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1590598563?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590598563">AdvancED DOM Scripting: Dynamic Web Design Techniques</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590598563" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1590596803?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590596803">Beginning JavaScript with DOM Scripting and Ajax: From Novice to Professional (Beginning: from Novice to Professional)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590596803" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1847194141?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847194141">Object-Oriented JavaScript: Create scalable, reusable high-quality JavaScript applications and libraries</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847194141" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1590597273?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590597273">Pro JavaScript Techniques</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590597273" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/193398869X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=193398869X">Secrets of the JavaScript Ninja</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=193398869X" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0321491939?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0321491939">Ajax Security</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0321491939" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0321423305?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0321423305">ppk on JavaScript, 1/e</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0321423305" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1590597648?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590597648">Accelerated DOM Scripting with Ajax, APIs, and Libraries</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590597648" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/059680279X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=059680279X">High Performance JavaScript (Build Faster Web Application Interfaces)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=059680279X" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n</li>\r\n</ul>\r\n\r\n<strong>JavaScript Libraries:</strong>\r\n<ul>\r\n<li><a href="http://www.amazon.com/gp/product/0596159773?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596159773">jQuery Cookbook: Solutions & Examples for jQuery Developers (Animal Guide)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596159773" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1847196705?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847196705">Learning jQuery 1.3</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847196705" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1935182323?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1935182323">jQuery in Action, Second Edition</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1935182323" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1847199720?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847199720">jQuery UI 1.7: The User Interface Library for jQuery</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847199720" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.rebeccamurphey.com/jqfundamentals/">Rebecca Murphey''s jQuery Fundamentals Training Materials (OSS)</a></li>\r\n\r\n\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1934356115?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1934356115">Mastering Dojo: JavaScript and Ajax Tools for Great Web Experiences (Pragmatic Programmers)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1934356115" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1430210664?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1430210664">Practical Dojo Projects (Practical Projects)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1430210664" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/0470452021?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0470452021">Concise Guide to Dojo (Wrox Programmer to Programmer)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0470452021" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/0596516487?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596516487">Dojo: The Definitive Guide</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596516487" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/0321605128?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0321605128">The Dojo Toolkit: Visual QuickStart Guide</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0321605128" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1430225211?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1430225211">Getting StartED with Dojo</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1430225211" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1847194583?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847194583">MooTools 1.2 Beginner''s Guide</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847194583" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1430209836?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1430209836">MooTools Essentials: The Official MooTools Reference for JavaScript™ and Ajax Development (Firstpress)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1430209836" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n</li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1590599195?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590599195">Practical Prototype and script.aculo.us (Expert''s Voice in Web Development)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590599195" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1934356018?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1934356018">Prototype and script.aculo.us: You Never Knew JavaScript Could Do This! (Pragmatic Programmers)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1934356018" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n</li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1933988037?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1933988037">Prototype and Scriptaculous in Action [Ajax]</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1933988037" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1847192327?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847192327">Learning the Yahoo! User Interface library: Develop your next generation web applications with the YUI JavaScript development library.</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847192327" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1847195148?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847195148">Learning Ext JS</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847195148" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n</li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1847198708?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847198708">Ext JS 3.0 Cookbook</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847198708" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1935182110?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1935182110">Ext JS in Action</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1935182110" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n</li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/047038459X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=047038459X">Professional JavaScript Frameworks: Prototype,YUI, ExtJS, Dojo and MooTools (Wrox Programmer to Programmer)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=047038459X" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n</ul>\r\n\r\n\r\n\r\n<strong>HTML & CSS:</strong>\r\n<ul>\r\n<li><a href="http://www.amazon.com/gp/product/1590598040?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590598040">Pro CSS and HTML Design Patterns</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590598040" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1430219203?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1430219203">Web Standards Solutions: The Markup and Style Handbook, Special Edition</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1430219203" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0321509021?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0321509021">Bulletproof Web Design: Improving flexibility and protecting against worst-case scenarios with XHTML and CSS (2nd Edition)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0321509021" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.sitepoint.com/books/cssdesign1/?SID=82b54f50488243b44b6b9c7acb10731a">The Art & Science Of CSS</a>\r\n<a href="http://www.sitepoint.com/books/css2/?SID=82b54f50488243b44b6b9c7acb10731a">HTML Utopia: Designing Without Tables Using CSS</a></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0980455278?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0980455278">Build Your Own Website The Right Way Using HTML & CSS, 2nd Edition</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0980455278" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1600330045?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1600330045">Head First HTML with CSS & XHTML</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1600330045" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.webstepbook.com/">Web Programming Step by Step</a></li>\r\n\r\n</ul>\r\n\r\n<strong>Performance:</strong>\r\n<ul>\r\n<li><a href="http://www.amazon.com/gp/product/0596529309?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596529309">High Performance Web Sites: Essential Knowledge for Front-End Engineers</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596529309" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0596522304?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596522304">Even Faster Web Sites: Performance Best Practices for Web Developers</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596522304" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n</ul>\r\n', 'The Big List of JavaScript, CSS, and HTML Development Tools, Libraries, Projects, and Books', 0, '', 'inherit', 'open', 'open', '', '664-revision-61', '', '', '2010-06-22 18:43:30', '2010-06-22 22:43:30', '', 664, 'http://blog.reybango.com/2010/06/22/664-revision-61/', 0, 'revision', '', 0),
(885, 3, '2010-06-22 18:31:52', '2010-06-22 22:31:52', 'In an incredibly generous move, jQuery star Rebecca Murphey has released the training materials she uses for her jQuery Fundamentals class under the <a href="http://creativecommons.org/licenses/by-sa/3.0/us/">Creative Commons Attribution-Share Alike 3.0 United States license</a>. This is a pretty significant contribution because developing good training material is very difficult and if you''re looking to help get your staff or friends up to speed on jQuery, this is a great foundation to build from. In fact, she seems to encourage it! Check this out:\n\n<blockquote>You are free to copy, distribute, transmit, and remix this work, provided you attribute the work to Rebecca Murphey as the original author and reference the GitHub repository for the work. If you alter, transform, or build upon this work, you may distribute the resulting work only under the same, similar or a compatible license. Any of the above conditions can be waived if you get permission from the copyright holder. For any reuse or distribution, you must make clear to others the license terms of this work. The best way to do this is with a link to the license.</blockquote>\n\nSeriously, that''s a lot of flexibility and if you use her materials, definitely give her, at the very least some thanks during your training and i', 'jQuery Fundamentals Training Material Available as Open Source', 0, '', 'inherit', 'open', 'open', '', '884-revision', '', '', '2010-06-22 18:31:52', '2010-06-22 22:31:52', '', 884, 'http://blog.reybango.com/2010/06/22/884-revision/', 0, 'revision', '', 0),
(886, 3, '2010-06-22 18:32:19', '2010-06-22 22:32:19', 'In an incredibly generous move, jQuery star Rebecca Murphey has released the training materials she uses for her jQuery Fundamentals class under the <a href="http://creativecommons.org/licenses/by-sa/3.0/us/">Creative Commons Attribution-Share Alike 3.0 United States license</a>. This is a pretty significant contribution because developing good training material is very difficult and if you''re looking to help get your staff or friends up to speed on jQuery, this is a great foundation to build from. In fact, she seems to encourage it! Check this out:\r\n\r\n<blockquote>You are free to copy, distribute, transmit, and remix this work, provided you attribute the work to Rebecca Murphey as the original author and reference the GitHub repository for the work. If you alter, transform, or build upon this work, you may distribute the resulting work only under the same, similar or a compatible license. Any of the above conditions can be waived if you get permission from the copyright holder. For any reuse or distribution, you must make clear to others the license terms of this work. The best way to do this is with a link to the license.</blockquote>\r\n\r\nSeriously, that''s a lot of flexibility and if you use her materials, definitely give her, at the very least, a shoutout during your training.', 'jQuery Fundamentals Training Material Available as Open Source', 0, '', 'inherit', 'open', 'open', '', '884-revision-2', '', '', '2010-06-22 18:32:19', '2010-06-22 22:32:19', '', 884, 'http://blog.reybango.com/2010/06/22/884-revision-2/', 0, 'revision', '', 0),
(887, 3, '2010-06-22 18:32:37', '2010-06-22 22:32:37', 'In an incredibly generous move, jQuery star Rebecca Murphey has released the training materials she uses for her jQuery Fundamentals class under the <a href="http://creativecommons.org/licenses/by-sa/3.0/us/">Creative Commons Attribution-Share Alike 3.0 United States license</a>. This is a pretty significant contribution because developing good training material is very difficult and if you''re looking to help get your staff or friends up to speed on jQuery, this is a great foundation to build from. In fact, she seems to encourage it! Check this out:\r\n\r\n<blockquote>You are free to copy, distribute, transmit, and remix this work, provided you attribute the work to Rebecca Murphey as the original author and reference the GitHub repository for the work. If you alter, transform, or build upon this work, you may distribute the resulting work only under the same, similar or a compatible license. Any of the above conditions can be waived if you get permission from the copyright holder. For any reuse or distribution, you must make clear to others the license terms of this work. The best way to do this is with a link to the license.</blockquote>\r\n\r\nSeriously, that''s a lot of flexibility and if you use her materials, definitely give her, at the very least, a shoutout during your training.', 'jQuery Fundamentals Training Material Available as Open Source', 0, '', 'inherit', 'open', 'open', '', '884-revision-3', '', '', '2010-06-22 18:32:37', '2010-06-22 22:32:37', '', 884, 'http://blog.reybango.com/2010/06/22/884-revision-3/', 0, 'revision', '', 0),
(888, 3, '2010-06-22 18:36:08', '2010-06-22 22:36:08', 'In an incredibly generous move, jQuery star <a href="http://www.rebeccamurphey.com">Rebecca Murphey</a> has released the training materials she uses for her jQuery Fundamentals class under the <a href="http://creativecommons.org/licenses/by-sa/3.0/us/">Creative Commons Attribution-Share Alike 3.0 United States license</a>. This is a pretty significant contribution because developing good training material is very difficult and if you''re looking to help get your staff or friends up to speed on jQuery, this is a great foundation to build from. In fact, she seems to encourage it! Check this out:\n\n<blockquote>You are free to copy, distribute, transmit, and remix this work, provided you attribute the work to Rebecca Murphey as the original author and reference the GitHub repository for the work. If you alter, transform, or build upon this work, you may distribute the resulting work only under the same, similar or a compatible license. Any of the above conditions can be waived if you get permission from the copyright holder. For any reuse or distribution, you must make clear to others the license terms of this work. The best way to do this is with a link to the license.</blockquote>\n\nSeriously, that''s a lot of flexibility and she''s even set it up in a nicely package <a href="http://github.com/rmurphey/jqfundamentals">Github repo</a> for easy access. I looked it over and this does a great job of covering the basics of jQuery.\n\nIf you use her materials, definitely give her, at the very least, a shout-out during your training. She deserves it. \n\nI''m going to add this to my <a href="http://blog.reybango.com/2010/04/29/the-big-list-of-javascript-css-and-html-development-tools-libraries-projects-and-books/">list of awesome web development resources</a> since this is golden.\n\nThanks for the putting this out there, Rebecca!', 'jQuery Fundamentals Training Material Available as Open Source', 0, '', 'inherit', 'open', 'open', '', '884-revision-4', '', '', '2010-06-22 18:36:08', '2010-06-22 22:36:08', '', 884, 'http://blog.reybango.com/2010/06/22/884-revision-4/', 0, 'revision', '', 0),
(889, 3, '2010-06-22 18:36:12', '2010-06-22 22:36:12', 'In an incredibly generous move, jQuery star <a href="http://www.rebeccamurphey.com">Rebecca Murphey</a> has released the training materials she uses for her jQuery Fundamentals class under the <a href="http://creativecommons.org/licenses/by-sa/3.0/us/">Creative Commons Attribution-Share Alike 3.0 United States license</a>. This is a pretty significant contribution because developing good training material is very difficult and if you''re looking to help get your staff or friends up to speed on jQuery, this is a great foundation to build from. In fact, she seems to encourage it! Check this out:\r\n\r\n<blockquote>You are free to copy, distribute, transmit, and remix this work, provided you attribute the work to Rebecca Murphey as the original author and reference the GitHub repository for the work. If you alter, transform, or build upon this work, you may distribute the resulting work only under the same, similar or a compatible license. Any of the above conditions can be waived if you get permission from the copyright holder. For any reuse or distribution, you must make clear to others the license terms of this work. The best way to do this is with a link to the license.</blockquote>\r\n\r\nSeriously, that''s a lot of flexibility and she''s even set it up in a nicely package <a href="http://github.com/rmurphey/jqfundamentals">Github repo</a> for easy access. I looked it over and this does a great job of covering the basics of jQuery.\r\n\r\nIf you use her materials, definitely give her, at the very least, a shout-out during your training. She deserves it. \r\n\r\nI''m going to add this to my <a href="http://blog.reybango.com/2010/04/29/the-big-list-of-javascript-css-and-html-development-tools-libraries-projects-and-books/">list of awesome web development resources</a> since this is golden.\r\n\r\nThanks for the putting this out there, Rebecca!', 'jQuery Fundamentals Training Material Available as Open Source', 0, '', 'inherit', 'open', 'open', '', '884-revision-5', '', '', '2010-06-22 18:36:12', '2010-06-22 22:36:12', '', 884, 'http://blog.reybango.com/2010/06/22/884-revision-5/', 0, 'revision', '', 0),
(890, 3, '2010-06-22 18:36:30', '2010-06-22 22:36:30', 'In an incredibly generous move, jQuery star <a href="http://www.rebeccamurphey.com">Rebecca Murphey</a> has released the training materials she uses for her jQuery Fundamentals class under the <a href="http://creativecommons.org/licenses/by-sa/3.0/us/">Creative Commons Attribution-Share Alike 3.0 United States license</a>. This is a pretty significant contribution because developing good training material is very difficult and if you''re looking to help get your staff or friends up to speed on jQuery, this is a great foundation to build from. In fact, she seems to encourage it! Check this out:\r\n\r\n<blockquote>You are free to copy, distribute, transmit, and remix this work, provided you attribute the work to Rebecca Murphey as the original author and reference the GitHub repository for the work. If you alter, transform, or build upon this work, you may distribute the resulting work only under the same, similar or a compatible license. Any of the above conditions can be waived if you get permission from the copyright holder. For any reuse or distribution, you must make clear to others the license terms of this work. The best way to do this is with a link to the license.</blockquote>\r\n\r\nSeriously, that''s a lot of flexibility and she''s even set it up in a nicely package <a href="http://github.com/rmurphey/jqfundamentals">Github repo</a> for easy access. I looked it over and this does a great job of covering the basics of jQuery.\r\n\r\nIf you use her materials, definitely give her, at the very least, a shout-out during your training. She deserves it. \r\n\r\nI''m going to add this to my <a href="http://blog.reybango.com/2010/04/29/the-big-list-of-javascript-css-and-html-development-tools-libraries-projects-and-books/">list of awesome web development resources</a> since this is golden.\r\n\r\nThanks for the putting this out there, Rebecca!', 'jQuery Fundamentals Training Material Available as Open Source', 0, '', 'inherit', 'open', 'open', '', '884-revision-6', '', '', '2010-06-22 18:36:30', '2010-06-22 22:36:30', '', 884, 'http://blog.reybango.com/2010/06/22/884-revision-6/', 0, 'revision', '', 0),
(891, 3, '2010-06-22 18:36:33', '2010-06-22 22:36:33', 'In an incredibly generous move, jQuery star <a href="http://www.rebeccamurphey.com">Rebecca Murphey</a> has released the training materials she uses for her jQuery Fundamentals class under the <a href="http://creativecommons.org/licenses/by-sa/3.0/us/">Creative Commons Attribution-Share Alike 3.0 United States license</a>. This is a pretty significant contribution because developing good training material is very difficult and if you''re looking to help get your staff or friends up to speed on jQuery, this is a great foundation to build from. In fact, she seems to encourage it! Check this out:\r\n\r\n<blockquote>You are free to copy, distribute, transmit, and remix this work, provided you attribute the work to Rebecca Murphey as the original author and reference the GitHub repository for the work. If you alter, transform, or build upon this work, you may distribute the resulting work only under the same, similar or a compatible license. Any of the above conditions can be waived if you get permission from the copyright holder. For any reuse or distribution, you must make clear to others the license terms of this work. The best way to do this is with a link to the license.</blockquote>\r\n\r\nSeriously, that''s a lot of flexibility and she''s even set it up in a nicely package <a href="http://github.com/rmurphey/jqfundamentals">Github repo</a> for easy access. I looked it over and this does a great job of covering the basics of jQuery.\r\n\r\nIf you use her materials, definitely give her, at the very least, a shout-out during your training. She deserves it. \r\n\r\nI''m going to add this to my <a href="http://blog.reybango.com/2010/04/29/the-big-list-of-javascript-css-and-html-development-tools-libraries-projects-and-books/">list of awesome web development resources</a> since this is golden.\r\n\r\nThanks for the putting this out there, Rebecca!', 'jQuery Fundamentals Training Material Available as Open Source', 0, '', 'inherit', 'open', 'open', '', '884-revision-7', '', '', '2010-06-22 18:36:33', '2010-06-22 22:36:33', '', 884, 'http://blog.reybango.com/2010/06/22/884-revision-7/', 0, 'revision', '', 0),
(892, 3, '2010-06-22 18:37:20', '2010-06-22 22:37:20', 'In an incredibly generous move, jQuery star <a href="http://www.rebeccamurphey.com">Rebecca Murphey</a> has released the training materials she uses for her jQuery Fundamentals class under the <a href="http://creativecommons.org/licenses/by-sa/3.0/us/">Creative Commons Attribution-Share Alike 3.0 United States license</a>. This is a pretty significant contribution because developing good training material is very difficult and if you''re looking to help get your staff or friends up to speed on <a href="http://jquery.com">jQuery</a>, this is a great foundation to build from. In fact, she seems to encourage it! Check this out:\r\n\r\n<blockquote>You are free to copy, distribute, transmit, and remix this work, provided you attribute the work to Rebecca Murphey as the original author and reference the GitHub repository for the work. If you alter, transform, or build upon this work, you may distribute the resulting work only under the same, similar or a compatible license. Any of the above conditions can be waived if you get permission from the copyright holder. For any reuse or distribution, you must make clear to others the license terms of this work. The best way to do this is with a link to the license.</blockquote>\r\n\r\nSeriously, that''s a lot of flexibility and she''s even set it up in a nicely package <a href="http://github.com/rmurphey/jqfundamentals">Github repo</a> for easy access. I looked it over and this does a great job of covering the basics of jQuery.\r\n\r\nIf you use her materials, definitely give her, at the very least, a shout-out during your training. She deserves it. \r\n\r\nI''m going to add this to my <a href="http://blog.reybango.com/2010/04/29/the-big-list-of-javascript-css-and-html-development-tools-libraries-projects-and-books/">list of awesome web development resources</a> since this is golden.\r\n\r\nThanks for the putting this out there, Rebecca!', 'jQuery Fundamentals Training Material Available as Open Source', 0, '', 'inherit', 'open', 'open', '', '884-revision-8', '', '', '2010-06-22 18:37:20', '2010-06-22 22:37:20', '', 884, 'http://blog.reybango.com/2010/06/22/884-revision-8/', 0, 'revision', '', 0);
INSERT INTO `wp_dyxkdh_posts` (`ID`, `post_author`, `post_date`, `post_date_gmt`, `post_content`, `post_title`, `post_category`, `post_excerpt`, `post_status`, `comment_status`, `ping_status`, `post_password`, `post_name`, `to_ping`, `pinged`, `post_modified`, `post_modified_gmt`, `post_content_filtered`, `post_parent`, `guid`, `menu_order`, `post_type`, `post_mime_type`, `comment_count`) VALUES
(893, 3, '2010-06-22 18:37:25', '2010-06-22 22:37:25', 'In an incredibly generous move, jQuery star <a href="http://www.rebeccamurphey.com">Rebecca Murphey</a> has released the training materials she uses for her jQuery Fundamentals class under the <a href="http://creativecommons.org/licenses/by-sa/3.0/us/">Creative Commons Attribution-Share Alike 3.0 United States license</a>. This is a pretty significant contribution because developing good training material is very difficult and if you''re looking to help get your staff or friends up to speed on <a href="http://jquery.com">jQuery</a>, this is a great foundation to build from. In fact, she seems to encourage it! Check this out:\r\n\r\n<blockquote>You are free to copy, distribute, transmit, and remix this work, provided you attribute the work to Rebecca Murphey as the original author and reference the GitHub repository for the work. If you alter, transform, or build upon this work, you may distribute the resulting work only under the same, similar or a compatible license. Any of the above conditions can be waived if you get permission from the copyright holder. For any reuse or distribution, you must make clear to others the license terms of this work. The best way to do this is with a link to the license.</blockquote>\r\n\r\nSeriously, that''s a lot of flexibility and she''s even set it up in a nicely package <a href="http://github.com/rmurphey/jqfundamentals">Github repo</a> for easy access. I looked it over and this does a great job of covering the basics of jQuery.\r\n\r\nIf you use her materials, definitely give her, at the very least, a shout-out during your training. She deserves it. \r\n\r\nI''m going to add this to my <a href="http://blog.reybango.com/2010/04/29/the-big-list-of-javascript-css-and-html-development-tools-libraries-projects-and-books/">list of awesome web development resources</a> since this is golden.\r\n\r\nThanks for the putting this out there, Rebecca!', 'jQuery Fundamentals Training Material Available as Open Source', 0, '', 'inherit', 'open', 'open', '', '884-revision-9', '', '', '2010-06-22 18:37:25', '2010-06-22 22:37:25', '', 884, 'http://blog.reybango.com/2010/06/22/884-revision-9/', 0, 'revision', '', 0),
(894, 3, '2010-06-22 18:38:02', '2010-06-22 22:38:02', 'In an incredibly generous move, jQuery star <a href="http://www.rebeccamurphey.com">Rebecca Murphey</a> has released the training materials she uses for her jQuery Fundamentals class under the <a href="http://creativecommons.org/licenses/by-sa/3.0/us/">Creative Commons Attribution-Share Alike 3.0 United States license</a>. This is a pretty significant contribution because developing good training material is very difficult and if you''re looking to help get your staff or friends up to speed on <a href="http://jquery.com">jQuery</a>, this is a great foundation to build from. In fact, she seems to encourage it! Check this out:\r\n\r\n<blockquote>You are free to copy, distribute, transmit, and remix this work, provided you attribute the work to Rebecca Murphey as the original author and reference the GitHub repository for the work. If you alter, transform, or build upon this work, you may distribute the resulting work only under the same, similar or a compatible license. Any of the above conditions can be waived if you get permission from the copyright holder. For any reuse or distribution, you must make clear to others the license terms of this work. The best way to do this is with a link to the license.</blockquote>\r\n\r\nSeriously, that''s a lot of flexibility and she''s even set it up in a nicely package <a href="http://github.com/rmurphey/jqfundamentals">Github repo</a> for easy access. I looked it over and this does a great job of covering the basics of jQuery.\r\n\r\nIf you use her materials, definitely give her, at the very least, a shout-out during your training. She deserves it. \r\n\r\nI''m going to add this to my <a href="http://blog.reybango.com/2010/04/29/the-big-list-of-javascript-css-and-html-development-tools-libraries-projects-and-books/">list of awesome web development resources</a> since this is golden.\r\n\r\nThanks for the putting this out there, Rebecca!', 'jQuery Fundamentals Training Material Available as Open Source', 0, '', 'inherit', 'open', 'open', '', '884-revision-10', '', '', '2010-06-22 18:38:02', '2010-06-22 22:38:02', '', 884, 'http://blog.reybango.com/2010/06/22/884-revision-10/', 0, 'revision', '', 0),
(895, 3, '2010-05-03 11:39:15', '2010-05-03 15:39:15', 'I''ve been meaning to do a roll-up of top JavaScript, CSS & HTML development tools that I use or have been recommended to me and after having lunch with my bud Brian Wilpon today, I realized I just needed to do it. He asked me what some of the newer tools are and I think this is the best way to help him (and the community in general). It''s definitely not an all-inclusive list so if you see some that you feel I should add or remove, let me know in the comments.\r\n\r\nHere they are by category:\r\n\r\n<strong>Debugging Tools That Make Life MUCH Easier:</strong>\r\n\r\nEffectively debugging JavaScript applications is a royal pain in the derriere and to compile that, the available tools just don''t stand up to those used by managed code developers. Luckily, we do have a decent set of tools that lessens the pain substantially. Firebug is definitely a must have since it incorporates so much DOM & XHR introspection as well as the Web Developer Toolbar. Both are simply awesome. I also love Charles for HTTP sniffing and it''s saved my butt when Firebug couldn''t handle it. \r\n\r\n<a href="http://msdn.microsoft.com/en-us/library/dd565628%28VS.85%29.aspx">IE8 Developer Tools</a> - Microsoft''s browser debugger tools\r\n<a href="http://getfirebug.com/">Firebug</a> - Mozilla''s browser debugger add-on \r\n<a href="http://trac.webkit.org/wiki/WebInspector">WebKit Web Inspector</a> - Webkit''s browser debugger tools\r\n<a href="http://www.fiddler2.com/fiddler2/">Fiddler</a> - HTTP Sniffer. Great for seeing Ajax requests.\r\n<a href="http://www.charlesproxy.com/">Charles</a> - HTTP Sniffer. Great for seeing Ajax requests. (my personal fav)\r\n<a href="http://kevinlangdon.com/serviceCapture/">Service Capture</a> - HTTP Sniffer. Great for seeing Ajax requests.\r\n<a href="http://ajax.dynatrace.com/pages/">dynaTrace Ajax</a> - HTTP performance analyzer\r\n<a href="http://chrispederick.com/work/web-developer/">Web Developer’s Toolbar</a> - All purpose Firefox toolbar to inspect everything on a page\r\n<a href="http://developer.yahoo.com/yslow/">YSlow</a> - Analyzes page performance based on accepted industry best practices.\r\n<a href="http://code.google.com/speed/page-speed/">PageSpeed</a> - Analyzes page performance based on accepted industry best practices.\r\n<a href="http://www.debugbar.com/">DebugBar</a> - An IE plugin that brings advanced debugging features to IE including JS, DOM & HTTP inspection\r\n\r\n<strong>CSS Editors:</strong>\r\n\r\nI prefer to write my CSS code by hand. Call me old-school but many swear by the following CSS editors. CSSEdit by MacRabbit (Mac only) is especially loved by many designers.\r\n\r\n<a href="http://www.topstyle4.com/">TopStyle</a>\r\n<a href="http://www.blumentals.net/rapidcss/">Rapid CSS</a>\r\n<a href="http://www.culturedcode.com/xyle/">Xyle</a>\r\n<a href="http://www.skybound.ca/">Stylizer</a>\r\n<a href="http://www.macrabbit.com/cssedit/">CSSEdit</a>\r\n\r\n<strong>CSS Frameworks:</strong>\r\n\r\nThese frameworks have really taken off. Like their JavaScript brethren, they help to abstract much of the complexity of building consistent layouts in cross-browser fashion. They''re definitely something I need to look into more and from what I''ve read, 960 GS & Blueprint are the ones people are looking at.\r\n\r\n<a href="http://960.gs">960 Grid System</a>\r\n<a href="http://blueprintcss.org/">Blueprint CSS Framework</a>\r\n<a href="http://www.yaml.de/en/">YAML</a>\r\n<a href="http://developer.yahoo.com/yui/grids/">Yahoo YUI Grids CSS</a>\r\n<a href="http://devkick.com/lab/tripoli/">Tripoli</a>\r\n<a href="http://net.tutsplus.com/tutorials/html-css-techniques/object-oriented-css-what-how-and-why/">Object-Oriented CSS</a>\r\n\r\n<strong>CSS Resets:</strong>\r\n\r\nWant to minimize browser inconsistencies? Then use a CSS reset stylesheet to specify baseline CSS styles that make browser presentation defaults more consistent. \r\n\r\n<a href="http://meyerweb.com/eric/tools/css/reset/">Meyer Reset by Eric Meyer</a>\r\n<a href="http://developer.yahoo.com/yui/reset/">YUI2: Reset CSS</a>\r\n<a href="http://www.iecss.com/">IECSS</a>\r\n\r\n<strong>JavaScript Libraries:</strong>\r\n\r\nI definitely recommend everyone to learn JavaScript as you''ll need it to be a really effective client-side developer. With that said, a good JS library will go a long way to making your development faster and much more stable. These libraries are all very mature and dramatically help to abstract the complexities of cross-browser development. My personal favorite is <a href="http://jquery.com/">jQuery</a>, of which I''m a member of the project team.\r\n\r\n<a href="http://jquery.com/">jQuery</a>\r\n<a href="http://jqueryui.com">jQuery UI</a>\r\n<a href="http://prototypejs.org/">Prototype</a>\r\n<a href="http://mootools.net/">MooTools</a>\r\n<a href="http://dojotoolkit.org/">Dojo</a>\r\n<a href="http://developer.yahoo.com/yui/">YUI</a>\r\n<a href="http://javascriptmvc.com/">JavaScriptMVC</a>\r\n<a href="http://qooxdoo.org/">qooxdoo</a>\r\n<a href="http://extjs.com">Ext JS</a>\r\n<a href="http://labs.adobe.com/technologies/spry/">Adobe Spry</a>\r\n<a href="http://raphaeljs.com/">Raphael.js</a> - simplifies working with vector graphics on the web\r\n<a href="http://labjs.com/">LabJS Dynamic Script Loader</a> - Allows execution and load management of JavaScript files\r\n<a href="http://brianleroux.github.com/lawnchair/">Lawnchair</a> - A lightweight client-side JSON document store\r\n<a href="http://www.thomasfrank.se/sessionvars.html">Sessvars.js</a> - Client-side session data management solution\r\n<a href="http://codebetter.com/blogs/matthew.podwysocki/archive/2010/02/16/introduction-to-the-reactive-extensions-to-javascript.aspx">Reactive Extensions For JS</a>\r\n<a href="http://beebole.com/pure">PURE JS Templating Lib</a>\r\n<a href="http://documentcloud.github.com/underscore/">Underscore.js</a> - Utility lib for jQuery that provides a ton of extended functionality\r\n\r\n<strong>JavaScript Minifiers</strong>\r\n\r\nEvery byte counts when you''re sending files via HTTP and best practices dictate that on a production, you need to optimize all of your files to minimize page load times. Compressing JavaScript code is one of the easiest ways to do that and these tools will help. On the jQuery project, we''ve started using Google''s Closure compiler because it''s generated the best compression. Try all of them out to see which suits you best.\r\n\r\n<a href="http://developer.yahoo.com/yui/compressor/">YUI compressor</a>\r\n<a href="http://code.google.com/closure/compiler/">Closure compiler</a>\r\n<a href="http://www.crockford.com/javascript/jsmin.html">JSMIN</a>\r\n<a href="http://dean.edwards.name/packer/">Dean Edward''s Packer</a>\r\n<a href="http://aspnet.codeplex.com/releases/view/40584">Microsoft Ajax Minifer</a> \r\n<a href="http://shrinksafe.dojotoolkit.org/">Dojo Shrinksafe</a>\r\n\r\n<strong>JavaScript Shells</strong>\r\n\r\nThere are times when you just want to test a snippet of code without actually going through the trouble of creating a full page. That''s where JavaScript shells shine. JSFiddle and JSBin both rock because apart from supporting plain ole JS, they also allow you to include a host of libraries including jQuery, MooTools, & Dojo. \r\n\r\n<a href="http://jsfiddle.net/">jsfiddle.net</a> \r\n<a href="http://jsbin.com/">JSBin</a>\r\n<a href="http://mootools.net/shell/">mootools.net/shell</a> <em>(MooTools-specific)</em>\r\n\r\n<strong>Color Management:</strong>\r\n\r\nAs a programmer, I''m insanely color scheme challenged. I''m inclined to mix yellow with mauve causing a concerted moan to occur across the design community. Luckily, these tools help you choose web safe color schemes that are not only consistent but won''t burn the eyeballs off your site visitors. :)\r\n\r\n<a href="http://www.colourlovers.com/">Colourlovers</a>\r\n<a href="http://kuler.adobe.com/">Kuler</a>\r\n\r\n<strong>Editors and IDEs:</strong>\r\n\r\nI work at Microsoft so you would expect me to be a Visual Studio whiz. Not so. Only recently starting at MS, I''ve only dipped my toe in the VS waters. What I''ve seen though has impressed me but I still have a long way to go before I understand it. If you''re on a Mac, though, I do highly recommend both TextMate and Coda. Both are truly awesome. I''ve used Coda a little more because I liked the UI of it a little better than TextMate''s but TM''s bundle system and ecosystem is amazing. You can get code-complete for just about anything via bundles. For Windows, Notepad++ has been just awesome. I wish it had built-in FTP support like UltraEdit. \r\n\r\n<a href="http://msdn.microsoft.com/en-us/vstudio/default.aspx">Visual Studio</a>\r\n<a href="http://www.microsoft.com/expression/">Expression</a>\r\n<a href="http://macromates.com/">TextMate</a>\r\n<a href="http://panic.com/coda/">Coda</a>\r\n<a href="http://www.ultraedit.com/">UltraEdit</a>\r\n<a href="http://www.activestate.com/komodo/">Komodo IDE</a>\r\n<a href="http://notepad-plus.sourceforge.net/uk/site.htm">Notepad++</a>\r\n<a href="http://notepad2.com/">Notepad2</a>\r\n<a href="http://www.barebones.com/products/bbedit/">BBEdit</a>\r\n<a href="http://www.aptana.org/">Aptana</a>\r\n<a href="http://macrabbit.com/espresso/">Espresso</a>\r\n<a href="http://www.sublimetext.com/">Sublime Text</a>\r\n<a href="http://www.jetbrains.com/webstorm/index.html">WebStorm</a>\r\n<a href="http://www.vim.org/">VIM</a>\r\n<a href="http://www.eclipse.org/">Eclipse</a>\r\n<a href="http://netbeans.org/">Netbeans</a>\r\n<a href="http://www.geany.org/">Geany</a>\r\n\r\n<strong>Wireframing:</strong>\r\n\r\nI know some of you are cowboys (or cowgirls) and you just want to start hacking. Well, for the truly impatient, these tools at least let you wireframe your pages quickly and easily. I''ve used Balsamiq and FlairBuilder and both rock. It seems that FlairBuilder is really cranking it up with some nice features. Both are Adobe AIR apps which means they''re cross-platform.\r\n\r\n<a href="http://www.omnigroup.com/">Omnigraffle</a>\r\n<a href="http://www.balsamiq.com/">Balsamiq</a>\r\n<a href="http://www.flairbuilder.com/">FlairBuilder</a>\r\n<a href="http://office.microsoft.com/en-us/visio/default.aspx">Visio</a>\r\n<a href="http://www.axure.com/">Axure</a>\r\n\r\n<strong>Browser Testing:</strong>\r\n\r\nI''ve been fortunate to have multiple OS versions over the years. My wife would definitely prefer for me to have a couple of less PCs sitting around but it''s let me test out my web apps on a variety of platforms, browsers and OSes. Shoot, I even have a version of IE6! For those with less hardware, these services should definitely help. Note that services like BrowserCam & Gomez are subscription-based but worth the cash if you can afford it.\r\n\r\n<a href="http://www.browsercam.com/Default2.aspx">BrowserCam</a>\r\n<a href="https://browserlab.adobe.com/index.html">Adobe BrowserLab</a>\r\n<a href="http://www.microsoft.com/downloads/details.aspx?FamilyID=8e6ac106-525d-45d0-84db-dccff3fae677&displaylang=en">Microsoft Expression Web SuperPreview for IE</a>\r\n<a href="http://www.gomez.com/products-solutions/products/cross-browser-testing/">Gomez</a>\r\n<a href="http://tredosoft.com/Multiple_IE">TredoSoft MultipleIE</a>\r\n<a href="http://crossbrowsertesting.com/">CrossBrowserTesting</a>\r\n<a href="http://michelf.com/projects/multi-safari/">Multi-Safari</a>\r\n<a href="http://www.browserscope.org/">Browserscope</a>\r\n<a href="http://stevesouders.com/cuzillion/help.php">Cuzillion</a>\r\n<a href="http://www.my-debugbar.com/wiki/IETester/HomePage">IETester</a>\r\n\r\n<strong>Testing (based on the <a href="http://ejohn.org/blog/which-unit-testing-framework/">list by John Resig</a>):</strong>\r\n\r\nThis was a list I snagged from John Resig. Obviously, he''s done a boatload of testing so I know this list rocks. JSLint is the old mainstay created by Douglas Crockford but other have really become increasingly essential to good testing. jQuery developers should definitely be looking at QUnit & jQuery-Lint. The most complete tool is Selenium but it does have a bit of a learning curve. If you''re into determining JS performance, checkout SunSpider, Dromaeo, Google''s V8 Benchmark and JSLitmus. These measure the performance of the JS engine, not your apps.\r\n\r\n<a href="http://jslint.com/">JSLint</a>\r\n<a href="http://github.com/jamespadolsey/jQuery-Lint">jQuery Lint</a>\r\n<a href="http://www.jsunit.net/">JSUnit</a>\r\n<a href="http://seleniumhq.org/projects/core/">Selenium Core</a>\r\n<a href="http://jania.pe.kr/aw/moin.cgi/JSSpec">JSSpec (MooTools)</a>\r\n<a href="http://github.com/tobie/unittest_js/tree/master">UnitTestJS (Prototype)</a>\r\n<a href="http://docs.jquery.com/QUnit">QUnit (jQuery)</a>\r\n<a href="http://docs.dojocampus.org/quickstart/doh">DOH Unit Testing (Dojo)</a>\r\n<a href="http://developer.yahoo.com/yui/yuitest/">YUITest 2</a>\r\n<a href="http://developer.yahoo.com/yui/3/test/">YUITest 3</a>\r\n<a href="https://developer.mozilla.org/En/Mochitest">Mochitest</a>\r\n<a href="http://github.com/nkallen/screw-unit/tree/master">ScrewUnit</a>\r\n<a href="http://jsunittest.com/">JsUnitTest</a>\r\n<a href="http://jsunity.com/">jsUnity</a> \r\n<a href="http://code.google.com/p/js-test-driver/">JsTestDriver</a>\r\n<a href="http://www.thefrontside.net/crosscheck">Crosscheck</a>\r\n<a href="http://groups.google.com/group/envjs">Env.js</a> \r\n<a href="http://fireunit.org/">FireUnit</a>\r\n<a href="http://validator.w3.org/">W3C Markup Validation Service</a>\r\n<a href="http://jigsaw.w3.org/css-validator/">W3C CSS Validation Service</a>\r\n<a href="http://www2.webkit.org/perf/sunspider-0.9/sunspider.html">SunSpider</a>\r\n<a href="http://code.google.com/apis/v8/run.html">V8 Benchmark</a>\r\n<a href="http://v2.dromaeo.com/">Dromaeo</a>\r\n<a href="http://broofa.com/Tools/JSLitmus/">JSLitmus</a>\r\n<a href="http://users.skynet.be/mgueury/mozilla/">HTML Validator Firefox Add-on</a>\r\n\r\n<strong>Documentation:</strong>\r\n\r\n<a href="http://developer.yahoo.com/yui/">Yahoo UI Docs</a>\r\n<a href="http://www.programmableweb.com/">APIs</a> - Most comprehensive list of APIs on the web\r\n<a href="http://api.jquery.com/">jQuery Docs</a>\r\n<a href="http://jqueryui.com/demos/">jQuery UI Docs</a>\r\n<a href="http://mootools.net/docs/core">MooTools Docs</a>\r\n<a href="http://api.prototypejs.org/">Prototype Docs</a>\r\n<a href="http://dojotoolkit.org/documentation/">Dojo Docs</a>\r\n<a href="http://json.org/">JSON Reference</a>\r\n<a href="http://en.wikipedia.org/wiki/JSON#JSONP">JSONP</a>\r\n\r\n<h2>Server-Side JavaScript</h2>\r\n\r\n<a href="http://www.mozilla.org/rhino/">Rhino</a>\r\n<a href="http://nodejs.org/">Node.js</a>\r\n<a href="http://narwhaljs.org/">Narwhal.js</a>\r\n<a href="http://commonjs.org/">CommonJS Standards Project</a>\r\n<a href="http://o.sitepen.com/labs/persevere.php">Persevere</a>\r\n<a href="http://en.wikipedia.org/wiki/Comet_%28programming%29">Comet</a>\r\n\r\n<h2>Books</h2>\r\n\r\nThe books below are really a great selection. I have many in my own library and every so often re-read them I''m currently reading <a href="http://www.amazon.com/gp/product/059680279X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=059680279X">High Performance JavaScript</a> by Nicholas Zakas. Another great book is Stoyan Stefanov''s <a href="http://www.amazon.com/gp/product/1847194141?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847194141">Object-Oriented JavaScript: Create scalable, reusable high-quality JavaScript applications and libraries</a>. I also highly recommend Steve Souders performance book at the bottom of the list. They''re basically the definitive sources for optimizing your web apps.\r\n\r\n<strong>JavaScript/DOM:</strong>\r\n<ul>\r\n<li><a href="http://www.amazon.com/gp/product/0596101996?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596101996">JavaScript: The Definitive Guide</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596101996" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0596517742?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596517742">JavaScript: The Good Parts</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596517742" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/047022780X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=047022780X">Professional JavaScript for Web Developers (Wrox Programmer to Programmer)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=047022780X" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1590595335?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590595335">DOM Scripting: Web Design with JavaScript and the Document Object Model</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590595335" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1590598563?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590598563">AdvancED DOM Scripting: Dynamic Web Design Techniques</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590598563" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1590596803?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590596803">Beginning JavaScript with DOM Scripting and Ajax: From Novice to Professional (Beginning: from Novice to Professional)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590596803" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1847194141?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847194141">Object-Oriented JavaScript: Create scalable, reusable high-quality JavaScript applications and libraries</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847194141" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1590597273?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590597273">Pro JavaScript Techniques</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590597273" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/193398869X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=193398869X">Secrets of the JavaScript Ninja</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=193398869X" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0321491939?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0321491939">Ajax Security</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0321491939" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0321423305?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0321423305">ppk on JavaScript, 1/e</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0321423305" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1590597648?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590597648">Accelerated DOM Scripting with Ajax, APIs, and Libraries</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590597648" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/059680279X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=059680279X">High Performance JavaScript (Build Faster Web Application Interfaces)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=059680279X" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n</li>\r\n</ul>\r\n\r\n<strong>JavaScript Libraries:</strong>\r\n<ul>\r\n<li><a href="http://www.amazon.com/gp/product/0596159773?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596159773">jQuery Cookbook: Solutions & Examples for jQuery Developers (Animal Guide)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596159773" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1847196705?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847196705">Learning jQuery 1.3</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847196705" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1935182323?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1935182323">jQuery in Action, Second Edition</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1935182323" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1847199720?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847199720">jQuery UI 1.7: The User Interface Library for jQuery</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847199720" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1934356115?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1934356115">Mastering Dojo: JavaScript and Ajax Tools for Great Web Experiences (Pragmatic Programmers)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1934356115" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1430210664?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1430210664">Practical Dojo Projects (Practical Projects)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1430210664" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/0470452021?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0470452021">Concise Guide to Dojo (Wrox Programmer to Programmer)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0470452021" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/0596516487?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596516487">Dojo: The Definitive Guide</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596516487" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/0321605128?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0321605128">The Dojo Toolkit: Visual QuickStart Guide</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0321605128" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1430225211?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1430225211">Getting StartED with Dojo</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1430225211" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1847194583?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847194583">MooTools 1.2 Beginner''s Guide</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847194583" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1430209836?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1430209836">MooTools Essentials: The Official MooTools Reference for JavaScript™ and Ajax Development (Firstpress)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1430209836" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n</li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1590599195?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590599195">Practical Prototype and script.aculo.us (Expert''s Voice in Web Development)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590599195" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1934356018?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1934356018">Prototype and script.aculo.us: You Never Knew JavaScript Could Do This! (Pragmatic Programmers)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1934356018" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n</li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1933988037?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1933988037">Prototype and Scriptaculous in Action [Ajax]</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1933988037" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1847192327?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847192327">Learning the Yahoo! User Interface library: Develop your next generation web applications with the YUI JavaScript development library.</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847192327" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1847195148?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847195148">Learning Ext JS</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847195148" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n</li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1847198708?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847198708">Ext JS 3.0 Cookbook</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847198708" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1935182110?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1935182110">Ext JS in Action</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1935182110" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n</li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/047038459X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=047038459X">Professional JavaScript Frameworks: Prototype,YUI, ExtJS, Dojo and MooTools (Wrox Programmer to Programmer)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=047038459X" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n</ul>\r\n\r\n\r\n\r\n<strong>HTML & CSS:</strong>\r\n<ul>\r\n<li><a href="http://www.amazon.com/gp/product/1590598040?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590598040">Pro CSS and HTML Design Patterns</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590598040" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1430219203?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1430219203">Web Standards Solutions: The Markup and Style Handbook, Special Edition</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1430219203" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0321509021?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0321509021">Bulletproof Web Design: Improving flexibility and protecting against worst-case scenarios with XHTML and CSS (2nd Edition)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0321509021" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.sitepoint.com/books/cssdesign1/?SID=82b54f50488243b44b6b9c7acb10731a">The Art & Science Of CSS</a>\r\n<a href="http://www.sitepoint.com/books/css2/?SID=82b54f50488243b44b6b9c7acb10731a">HTML Utopia: Designing Without Tables Using CSS</a></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0980455278?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0980455278">Build Your Own Website The Right Way Using HTML & CSS, 2nd Edition</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0980455278" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1600330045?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1600330045">Head First HTML with CSS & XHTML</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1600330045" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.webstepbook.com/">Web Programming Step by Step</a></li>\r\n\r\n</ul>\r\n\r\n<strong>Performance:</strong>\r\n<ul>\r\n<li><a href="http://www.amazon.com/gp/product/0596529309?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596529309">High Performance Web Sites: Essential Knowledge for Front-End Engineers</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596529309" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0596522304?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596522304">Even Faster Web Sites: Performance Best Practices for Web Developers</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596522304" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n</ul>\r\n', 'The Big List of JavaScript, CSS, and HTML Development Tools, Libraries, Projects, and Books', 0, '', 'inherit', 'open', 'open', '', '664-revision-60', '', '', '2010-05-03 11:39:15', '2010-05-03 15:39:15', '', 664, 'http://blog.reybango.com/2010/05/03/664-revision-60/', 0, 'revision', '', 0),
(884, 3, '2010-06-22 18:38:02', '2010-06-22 22:38:02', 'In an incredibly generous move, jQuery star <a href="http://www.rebeccamurphey.com">Rebecca Murphey</a> has released <a href="http://www.rebeccamurphey.com/jqfundamentals/">the training materials she uses for her jQuery Fundamentals class</a> under the <a href="http://creativecommons.org/licenses/by-sa/3.0/us/">Creative Commons Attribution-Share Alike 3.0 United States license</a>. This is a pretty significant contribution because developing good training material is very difficult and if you''re looking to help get your staff or friends up to speed on <a href="http://jquery.com">jQuery</a>, this is a great foundation to build from. In fact, she seems to encourage it! Check this out:\r\n\r\n<blockquote>You are free to copy, distribute, transmit, and remix this work, provided you attribute the work to Rebecca Murphey as the original author and reference the GitHub repository for the work. If you alter, transform, or build upon this work, you may distribute the resulting work only under the same, similar or a compatible license. Any of the above conditions can be waived if you get permission from the copyright holder. For any reuse or distribution, you must make clear to others the license terms of this work. The best way to do this is with a link to the license.</blockquote>\r\n\r\nSeriously, that''s a lot of flexibility and she''s even set it up in a nicely package <a href="http://github.com/rmurphey/jqfundamentals">Github repo</a> for easy access. I looked it over and this does a great job of covering the basics of jQuery.\r\n\r\nIf you use her materials, definitely give her, at the very least, a shout-out during your training. She deserves it. \r\n\r\nI''m going to add this to my <a href="http://blog.reybango.com/2010/04/29/the-big-list-of-javascript-css-and-html-development-tools-libraries-projects-and-books/">list of awesome web development resources</a> since this is golden.\r\n\r\nThanks for the putting this out there, Rebecca!', 'jQuery Fundamentals Training Material Available as Open Source', 0, '', 'publish', 'open', 'open', '', 'jquery-fundamentals-training-material-available-as-open-source', '', '', '2010-06-22 18:41:24', '2010-06-22 22:41:24', '', 0, 'http://blog.reybango.com/?p=884', 0, 'post', '', 1),
(804, 3, '2010-05-19 13:45:44', '2010-05-19 17:45:44', 'I was watching the Google I/O keynote and was floored by their announcement to release the VP8 codec as royalty-free open-source software. That''s a huge development especially from a huge player like Google. They''ve garnered support from Mozilla & Opera and they''re even discussing converting the whole YouTube archive to the new codec so this is a VERY big deal. \r\n\r\nI just found out the <a href="http://windowsteamblog.com/windows/b/bloggingwindows/archive/2010/05/19/another-follow-up-on-html5-video-in-ie9.aspx">Internet Explorer 9 will also support the VP8 codec on machines that have the codec installed</a>. This is equally exciting as it expands IE9''s HTML video support to be consistent with that of other major browser vendors supporting playback of H.264 video as well as VP8 when the VP8 codec has been installed on Windows.\r\n\r\nYou can read more about the details <a href="http://windowsteamblog.com/windows/b/bloggingwindows/archive/2010/05/19/another-follow-up-on-html5-video-in-ie9.aspx">in the official announcement</a>.', 'Internet Explorer 9 Will Support the Open Source VP8 Video Codec', 0, '', 'publish', 'open', 'open', '', 'internet-explorer-9-will-support-the-open-source-vp8-video-codec', '', '', '2010-05-19 13:45:44', '2010-05-19 17:45:44', '', 0, 'http://blog.reybango.com/?p=804', 0, 'post', '', 13),
(805, 3, '2010-05-19 13:39:20', '2010-05-19 17:39:20', 'I was watching the Google I/O keynote and was floored by their announcement to release the VP8 codec as royalty-free open-source software. That''s a huge development especially from a huge player like Google. They''re even discussing converting the whole YouTube archive to the new codec so this is a \n\nI just found out the Internet Explorer 9 will also support the VP8 codec on machines that have the codec installed. This is equally exciting as it expands IE9''s HTML video support to be consistent with that of other major browser vendors supporting playback of H.264 video as well as VP8 when the VP8 codec has been installed on Windows.\n\nYou can read more about the details in the official IE blog announcement.', '', 0, '', 'inherit', 'open', 'open', '', '804-revision', '', '', '2010-05-19 13:39:20', '2010-05-19 17:39:20', '', 804, 'http://blog.reybango.com/2010/05/19/804-revision/', 0, 'revision', '', 0),
(806, 3, '2010-05-19 13:45:12', '2010-05-19 17:45:12', 'I was watching the Google I/O keynote and was floored by their announcement to release the VP8 codec as royalty-free open-source software. That''s a huge development especially from a huge player like Google. They''ve garnered support from Mozilla & Opera and they''re even discussing converting the whole YouTube archive to the new codec so this is a VERY big deal. \n\nI just found out the <a href="http://windowsteamblog.com/windows/b/bloggingwindows/archive/2010/05/19/another-follow-up-on-html5-video-in-ie9.aspx">Internet Explorer 9 will also support the VP8 codec on machines that have the codec installed</a>. This is equally exciting as it expands IE9''s HTML video support to be consistent with that of other major browser vendors supporting playback of H.264 video as well as VP8 when the VP8 codec has been installed on Windows.\n\nYou can read more about the details <a href="http://windowsteamblog.com/windows/b/bloggingwindows/archive/2010/05/19/another-follow-up-on-html5-video-in-ie9.aspx">in the official announcement</a>.', 'Internet Explorer 9 Will Support the Open Source VP8 Video Codec', 0, '', 'inherit', 'open', 'open', '', '804-revision-2', '', '', '2010-05-19 13:45:12', '2010-05-19 17:45:12', '', 804, 'http://blog.reybango.com/2010/05/19/804-revision-2/', 0, 'revision', '', 0),
(807, 3, '2010-05-19 13:45:24', '2010-05-19 17:45:24', 'I was watching the Google I/O keynote and was floored by their announcement to release the VP8 codec as royalty-free open-source software. That''s a huge development especially from a huge player like Google. They''ve garnered support from Mozilla & Opera and they''re even discussing converting the whole YouTube archive to the new codec so this is a VERY big deal. \r\n\r\nI just found out the <a href="http://windowsteamblog.com/windows/b/bloggingwindows/archive/2010/05/19/another-follow-up-on-html5-video-in-ie9.aspx">Internet Explorer 9 will also support the VP8 codec on machines that have the codec installed</a>. This is equally exciting as it expands IE9''s HTML video support to be consistent with that of other major browser vendors supporting playback of H.264 video as well as VP8 when the VP8 codec has been installed on Windows.\r\n\r\nYou can read more about the details <a href="http://windowsteamblog.com/windows/b/bloggingwindows/archive/2010/05/19/another-follow-up-on-html5-video-in-ie9.aspx">in the official announcement</a>.', 'Internet Explorer 9 Will Support the Open Source VP8 Video Codec', 0, '', 'inherit', 'open', 'open', '', '804-revision-3', '', '', '2010-05-19 13:45:24', '2010-05-19 17:45:24', '', 804, 'http://blog.reybango.com/2010/05/19/804-revision-3/', 0, 'revision', '', 0),
(808, 3, '2010-05-19 13:45:24', '2010-05-19 17:45:24', 'I was watching the Google I/O keynote and was floored by their announcement to release the VP8 codec as royalty-free open-source software. That''s a huge development especially from a huge player like Google. They''ve garnered support from Mozilla & Opera and they''re even discussing converting the whole YouTube archive to the new codec so this is a VERY big deal. \r\n\r\nI just found out the <a href="http://windowsteamblog.com/windows/b/bloggingwindows/archive/2010/05/19/another-follow-up-on-html5-video-in-ie9.aspx">Internet Explorer 9 will also support the VP8 codec on machines that have the codec installed</a>. This is equally exciting as it expands IE9''s HTML video support to be consistent with that of other major browser vendors supporting playback of H.264 video as well as VP8 when the VP8 codec has been installed on Windows.\r\n\r\nYou can read more about the details <a href="http://windowsteamblog.com/windows/b/bloggingwindows/archive/2010/05/19/another-follow-up-on-html5-video-in-ie9.aspx">in the official announcement</a>.', 'Internet Explorer 9 Will Support the Open Source VP8 Video Codec', 0, '', 'inherit', 'open', 'open', '', '804-revision-4', '', '', '2010-05-19 13:45:24', '2010-05-19 17:45:24', '', 804, 'http://blog.reybango.com/2010/05/19/804-revision-4/', 0, 'revision', '', 0),
(866, 3, '2010-06-16 11:57:41', '2010-06-16 15:57:41', 'With all of the performance advances in JavaScript engines in modern browsers, it''s easy to forget that we still need to do some legwork ourselves. Squeezing every bit of performance out is something that will make our apps perform better as well as make <a href="http://stevesouders.com/">Steve Souders</a>, <a href="http://getify.com/">Kyle Simpson</a> & <a href="http://www.nczonline.net/">Nicholas Zakas</a> very happy. :)\r\n\r\nI used to use the <a href="http://developer.yahoo.com/yui/compressor/">YUI Compressor</a> but based on John Resig''s findings during the release of jQuery 1.4, I''ve switched to using Google''s <a href="http://code.google.com/closure/compiler/">Closure Compiler</a> which seems to get better compression.\r\n\r\n<h2>Setting Things Up</h2>\r\n\r\nIt''s incredibly easy to compress files and I''m going to outline the steps. The first thing you need to do is <a href="http://java.com/">download Java</a>. Since the Closure Compiler comes in the form of a .jar binary file, you''ll need Java to run it. Also, I''d recommended ensuring that you make Java available via your OS path so that you don''t need some long, convoluted command line statement to get to it.\r\n\r\nNext, <a href="http://code.google.com/closure/compiler/">download the Closure Compiler .jar file</a> and drop it into a convenient place that''s easily accessible.\r\n\r\n<a href="http://blog.reybango.com/wp-content/uploads/2010/06/closure.png"><img src="http://blog.reybango.com/wp-content/uploads/2010/06/closure.png" alt="" title="closure" width="575" height="272" class="alignright size-full wp-image-852" /></a>\r\n\r\nFor this tutorial, I''m going to use the <a href="http://code.jquery.com/jquery-1.4.2.js">uncompressed version of jQuery</a> since it''s sizeable and will be a good sample to use to demonstrate the results. Uncompressed, that file comes in at 161kb. Note, though, that jQuery already comes packaged in a compressed, ready-to-use form via the jQuery website and I''m only using the file for demonstrating file compression.\r\n\r\n<h2>Compressing the Code</h2>\r\n\r\nActually compressing the code is incredibly easy. Note that I''m using Windows so the steps will differ a little if you''re using OSX with terminal.\r\n\r\nGo ahead and click on Start->Run and open a command prompt window by typing in "CMD" and hitting Enter. From there, change directories to the directory where you''ve saved your uncompressed jQuery JavaScript file. If you can''t remember the DOS command for it, <a href="http://www.computerhope.com/msdos.htm">look up "CD"</a> which is the command to allow you to change directories. For example, I need to enter the following to go to my directory:\r\n\r\n<code>cd \\rey\\closure</code>\r\n\r\nNext, run the following command to run the Closure Compiler:\r\n\r\njava -jar compiler.jar --js=jquery-1.4.2.js --js_output_file=jquery-1.4.2-compressed.js\r\n\r\nThis will run the compiler and create a new, compressed version of the .js file. The results are immediately obvious:\r\n\r\n<strong>jQuery Uncompressed: 161kb\r\njQuery Compresse: 71kb</strong>\r\n\r\nShaving off more than 50% of the file size is a REALLY big savings when your users initially come to the site and you want them to get snappy pages.\r\n', 'Shrinking Your JavaScript Files for Improved Performance', 0, '', 'inherit', 'open', 'open', '', '847-revision-18', '', '', '2010-06-16 11:57:41', '2010-06-16 15:57:41', '', 847, 'http://blog.reybango.com/2010/06/16/847-revision-18/', 0, 'revision', '', 0);
INSERT INTO `wp_dyxkdh_posts` (`ID`, `post_author`, `post_date`, `post_date_gmt`, `post_content`, `post_title`, `post_category`, `post_excerpt`, `post_status`, `comment_status`, `ping_status`, `post_password`, `post_name`, `to_ping`, `pinged`, `post_modified`, `post_modified_gmt`, `post_content_filtered`, `post_parent`, `guid`, `menu_order`, `post_type`, `post_mime_type`, `comment_count`) VALUES
(867, 3, '2010-06-16 11:58:23', '2010-06-16 15:58:23', 'With all of the performance advances in JavaScript engines in modern browsers, it''s easy to forget that we still need to do some legwork ourselves. Squeezing every bit of performance out is something that will make our apps perform better as well as make <a href="http://stevesouders.com/">Steve Souders</a>, <a href="http://getify.com/">Kyle Simpson</a> & <a href="http://www.nczonline.net/">Nicholas Zakas</a> very happy. :)\r\n\r\nI used to use the <a href="http://developer.yahoo.com/yui/compressor/">YUI Compressor</a> but based on John Resig''s findings during the release of jQuery 1.4, I''ve switched to using Google''s <a href="http://code.google.com/closure/compiler/">Closure Compiler</a> which seems to get better compression.\r\n\r\n<h2>Setting Things Up</h2>\r\n\r\nIt''s incredibly easy to compress files and I''m going to outline the steps. The first thing you need to do is <a href="http://java.com/">download Java</a>. Since the Closure Compiler comes in the form of a .jar binary file, you''ll need Java to run it. Also, I''d recommended ensuring that you make Java available via your OS path so that you don''t need some long, convoluted command line statement to get to it.\r\n\r\nNext, <a href="http://code.google.com/closure/compiler/">download the Closure Compiler .jar file</a> and drop it into a convenient place that''s easily accessible.\r\n\r\n<a href="http://code.google.com/closure/compiler/"><img src="http://blog.reybango.com/wp-content/uploads/2010/06/closure.png" alt="" title="closure" width="575" height="272" class="alignright size-full wp-image-852" /></a>\r\n\r\nFor this tutorial, I''m going to use the <a href="http://code.jquery.com/jquery-1.4.2.js">uncompressed version of jQuery</a> since it''s sizeable and will be a good sample to use to demonstrate the results. Uncompressed, that file comes in at 161kb. Note, though, that jQuery already comes packaged in a compressed, ready-to-use form via the jQuery website and I''m only using the file for demonstrating file compression.\r\n\r\n<h2>Compressing the Code</h2>\r\n\r\nActually compressing the code is incredibly easy. Note that I''m using Windows so the steps will differ a little if you''re using OSX with terminal.\r\n\r\nGo ahead and click on Start->Run and open a command prompt window by typing in "CMD" and hitting Enter. From there, change directories to the directory where you''ve saved your uncompressed jQuery JavaScript file. If you can''t remember the DOS command for it, <a href="http://www.computerhope.com/msdos.htm">look up "CD"</a> which is the command to allow you to change directories. For example, I need to enter the following to go to my directory:\r\n\r\n<code>cd \\rey\\closure</code>\r\n\r\nNext, run the following command to run the Closure Compiler:\r\n\r\njava -jar compiler.jar --js=jquery-1.4.2.js --js_output_file=jquery-1.4.2-compressed.js\r\n\r\nThis will run the compiler and create a new, compressed version of the .js file. The results are immediately obvious:\r\n\r\n<strong>jQuery Uncompressed: 161kb\r\njQuery Compresse: 71kb</strong>\r\n\r\nShaving off more than 50% of the file size is a REALLY big savings when your users initially come to the site and you want them to get snappy pages.\r\n', 'Shrinking Your JavaScript Files for Improved Performance', 0, '', 'inherit', 'open', 'open', '', '847-revision-19', '', '', '2010-06-16 11:58:23', '2010-06-16 15:58:23', '', 847, 'http://blog.reybango.com/2010/06/16/847-revision-19/', 0, 'revision', '', 0),
(868, 3, '2010-06-16 11:59:12', '2010-06-16 15:59:12', 'With all of the performance advances in JavaScript engines in modern browsers, it''s easy to forget that we still need to do some legwork ourselves. Squeezing every bit of performance out is something that will make our apps perform better as well as make <a href="http://stevesouders.com/">Steve Souders</a>, <a href="http://getify.com/">Kyle Simpson</a> & <a href="http://www.nczonline.net/">Nicholas Zakas</a> very happy. :)\r\n\r\nI used to use the <a href="http://developer.yahoo.com/yui/compressor/">YUI Compressor</a> but based on John Resig''s findings during the release of jQuery 1.4, I''ve switched to using Google''s <a href="http://code.google.com/closure/compiler/">Closure Compiler</a> which seems to get better compression.\r\n\r\n<h2>Setting Things Up</h2>\r\n\r\nIt''s incredibly easy to compress files and I''m going to outline the steps. The first thing you need to do is <a href="http://java.com/">download Java</a>. Since the Closure Compiler comes in the form of a .jar binary file, you''ll need Java to run it. Also, I''d recommended ensuring that you make Java available via your OS path so that you don''t need some long, convoluted command line statement to get to it.\r\n\r\nNext, <a href="http://code.google.com/closure/compiler/">download the Closure Compiler .jar file</a> and drop it into a convenient place that''s easily accessible.\r\n\r\n<a href="http://code.google.com/closure/compiler/"><img src="http://blog.reybango.com/wp-content/uploads/2010/06/closure.png" alt="" title="closure" width="575" height="272" class="alignright size-full wp-image-852" /></a>\r\n\r\nFor this tutorial, I''m going to use the <a href="http://code.jquery.com/jquery-1.4.2.js">uncompressed version of jQuery</a> since it''s sizeable and will be a good sample to use to demonstrate the results. Uncompressed, that file comes in at 161kb. Note, though, that jQuery already comes packaged in a <a href="http://code.jquery.com/jquery-1.4.2.min.js">compressed, ready-to-use form</a> via the jQuery website and I''m only using the file for demonstrating file compression.\r\n\r\n<h2>Compressing the Code</h2>\r\n\r\nActually compressing the code is incredibly easy. Note that I''m using Windows so the steps will differ a little if you''re using OSX with terminal.\r\n\r\nGo ahead and click on Start->Run and open a command prompt window by typing in "CMD" and hitting Enter. From there, change directories to the directory where you''ve saved your uncompressed jQuery JavaScript file. If you can''t remember the DOS command for it, <a href="http://www.computerhope.com/msdos.htm">look up "CD"</a> which is the command to allow you to change directories. For example, I need to enter the following to go to my directory:\r\n\r\n<code>cd \\rey\\closure</code>\r\n\r\nNext, run the following command to run the Closure Compiler:\r\n\r\njava -jar compiler.jar --js=jquery-1.4.2.js --js_output_file=jquery-1.4.2-compressed.js\r\n\r\nThis will run the compiler and create a new, compressed version of the .js file. The results are immediately obvious:\r\n\r\n<strong>jQuery Uncompressed: 161kb\r\njQuery Compresse: 71kb</strong>\r\n\r\nShaving off more than 50% of the file size is a REALLY big savings when your users initially come to the site and you want them to get snappy pages.\r\n', 'Shrinking Your JavaScript Files for Improved Performance', 0, '', 'inherit', 'open', 'open', '', '847-revision-20', '', '', '2010-06-16 11:59:12', '2010-06-16 15:59:12', '', 847, 'http://blog.reybango.com/2010/06/16/847-revision-20/', 0, 'revision', '', 0),
(869, 3, '2010-06-16 11:59:21', '2010-06-16 15:59:21', 'With all of the performance advances in JavaScript engines in modern browsers, it''s easy to forget that we still need to do some legwork ourselves. Squeezing every bit of performance out is something that will make our apps perform better as well as make <a href="http://stevesouders.com/">Steve Souders</a>, <a href="http://getify.com/">Kyle Simpson</a> & <a href="http://www.nczonline.net/">Nicholas Zakas</a> very happy. :)\r\n\r\nI used to use the <a href="http://developer.yahoo.com/yui/compressor/">YUI Compressor</a> but based on John Resig''s findings during the release of jQuery 1.4, I''ve switched to using Google''s <a href="http://code.google.com/closure/compiler/">Closure Compiler</a> which seems to get better compression.\r\n\r\n<h2>Setting Things Up</h2>\r\n\r\nIt''s incredibly easy to compress files and I''m going to outline the steps. The first thing you need to do is <a href="http://java.com/">download Java</a>. Since the Closure Compiler comes in the form of a .jar binary file, you''ll need Java to run it. Also, I''d recommended ensuring that you make Java available via your OS path so that you don''t need some long, convoluted command line statement to get to it.\r\n\r\nNext, <a href="http://code.google.com/closure/compiler/">download the Closure Compiler .jar file</a> and drop it into a convenient place that''s easily accessible.\r\n\r\n<a href="http://code.google.com/closure/compiler/"><img src="http://blog.reybango.com/wp-content/uploads/2010/06/closure.png" alt="" title="closure" width="575" height="272" class="alignright size-full wp-image-852" /></a>\r\n\r\nFor this tutorial, I''m going to use the <a href="http://code.jquery.com/jquery-1.4.2.js">uncompressed version of jQuery</a> since it''s sizeable and will be a good sample to use to demonstrate the results. Uncompressed, that file comes in at 161kb. Note, though, that jQuery already comes packaged in a <a href="http://code.jquery.com/jquery-1.4.2.min.js">compressed, ready-to-use form</a> via the jQuery website and I''m only using the file for demonstrating file compression.\r\n\r\n<h2>Compressing the Code</h2>\r\n\r\nActually compressing the code is incredibly easy. Note that I''m using Windows so the steps will differ a little if you''re using OSX with terminal.\r\n\r\nGo ahead and click on Start->Run and open a command prompt window by typing in "CMD" and hitting Enter. From there, change directories to the directory where you''ve saved your uncompressed jQuery JavaScript file. If you can''t remember the DOS command for it, <a href="http://www.computerhope.com/msdos.htm">look up "CD"</a> which is the command to allow you to change directories. For example, I need to enter the following to go to my directory:\r\n\r\n<code>cd \\rey\\closure</code>\r\n\r\nNext, run the following command to run the Closure Compiler:\r\n\r\njava -jar compiler.jar --js=jquery-1.4.2.js --js_output_file=jquery-1.4.2-compressed.js\r\n\r\nThis will run the compiler and create a new, compressed version of the .js file. The results are immediately obvious:\r\n\r\n<strong>jQuery Uncompressed: 161kb\r\njQuery Compresse: 71kb</strong>\r\n\r\nShaving off more than 50% of the file size is a REALLY big savings when your users initially come to the site and you want them to get snappy pages.\r\n', 'Shrinking Your JavaScript Files for Improved Performance', 0, '', 'inherit', 'open', 'open', '', '847-revision-21', '', '', '2010-06-16 11:59:21', '2010-06-16 15:59:21', '', 847, 'http://blog.reybango.com/2010/06/16/847-revision-21/', 0, 'revision', '', 0),
(870, 3, '2010-06-16 12:17:29', '2010-06-16 16:17:29', 'With all of the performance advances in JavaScript engines in modern browsers, it''s easy to forget that we still need to do some legwork ourselves. Squeezing every bit of performance out is something that will make our apps perform better as well as make <a href="http://stevesouders.com/">Steve Souders</a>, <a href="http://getify.com/">Kyle Simpson</a> & <a href="http://www.nczonline.net/">Nicholas Zakas</a> very happy. :)\n\nI used to use the <a href="http://developer.yahoo.com/yui/compressor/">YUI Compressor</a> but based on John Resig''s findings during the release of jQuery 1.4, I''ve switched to using Google''s <a href="http://code.google.com/closure/compiler/">Closure Compiler</a> which seems to get better compression.\n\n<h2>Setting Things Up</h2>\n\nIt''s incredibly easy to compress files and I''m going to outline the steps. The first thing you need to do is <a href="http://java.com/">download Java</a>. Since the Closure Compiler comes in the form of a .jar binary file, you''ll need Java to run it. Also, I''d recommended ensuring that you make Java available via your OS path so that you don''t need some long, convoluted command line statement to get to it.\n\nNext, <a href="http://code.google.com/closure/compiler/">download the Closure Compiler .jar file</a> and drop it into a convenient place that''s easily accessible.\n\n<a href="http://code.google.com/closure/compiler/"><img src="http://blog.reybango.com/wp-content/uploads/2010/06/closure.png" alt="" title="closure" width="575" height="272" class="alignright size-full wp-image-852" /></a>\n\nFor this tutorial, I''m going to use the <a href="http://code.jquery.com/jquery-1.4.2.js">uncompressed version of jQuery</a> since it''s sizeable and will be a good sample to use to demonstrate the results. Uncompressed, that file comes in at 161kb. Note, though, that jQuery already comes packaged in a <a href="http://code.jquery.com/jquery-1.4.2.min.js">compressed, ready-to-use form</a> via the jQuery website and I''m only using the file for demonstrating file compression.\n\n<h2>Compressing the Code</h2>\n\nActually compressing the code is incredibly easy. Note that I''m using Windows so the steps will differ a little if you''re using OSX with terminal.\n\nGo ahead and click on Start->Run and open a command prompt window by typing in "CMD" and hitting Enter. From there, change directories to the directory where you''ve saved your uncompressed jQuery JavaScript file. If you can''t remember the DOS command for it, <a href="http://www.computerhope.com/msdos.htm">look up "CD"</a> which is the command to allow you to change directories. For example, I need to enter the following to go to my directory:\n\n<code>cd \\rey\\closure</code>\n\nNext, run the following command to run the Closure Compiler:\n\njava -jar compiler.jar --js=jquery-1.4.2.js --js_output_file=jquery-1.4.2-compressed.js\n\nThis will run the compiler and create a new, compressed version of the .js file. The results are immediately obvious:\n\n<strong>jQuery Uncompressed: 161kb\njQuery Compresse: 71kb</strong>\n\nShaving off more than 50% of the file size is a REALLY big savings when your users initially come to the site and you want them to get snappy pages.\n\n<h2>Other Choices</h2>\n\nI would highly encourage you to check out the other compressors available to determine which one works for you. In a recent post I made <a href="http://blog.reybango.com/2010/04/29/the-big-list-of-javascript-css-and-html-development-tools-libraries-projects-and-books/">outlining a list of tools I think are really important to client-side development</a>, I mentioned the following:\n\n<a href="http://developer.yahoo.com/yui/compressor/">YUI compressor</a>\n<a href="http://www.crockford.com/javascript/jsmin.html">JSMIN</a>\n<a href="http://dean.edwards.name/packer/">Dean Edward''s Packer</a>\n<a href="http://aspnet.codeplex.com/releases/view/40584">Microsoft Ajax Minifer</a> \n<a href="http://shrinksafe.dojotoolkit.org/">Dojo Shrinksafe</a>\n\nFor example, when I ran the YUI Compressor on the same uncompressed jQuery file, the \n', 'Shrinking Your JavaScript Files for Improved Performance', 0, '', 'inherit', 'open', 'open', '', '847-revision-22', '', '', '2010-06-16 12:17:29', '2010-06-16 16:17:29', '', 847, 'http://blog.reybango.com/2010/06/16/847-revision-22/', 0, 'revision', '', 0),
(871, 3, '2010-06-16 12:25:19', '2010-06-16 16:25:19', 'With all of the performance advances in JavaScript engines in modern browsers, it''s easy to forget that we still need to do some legwork ourselves. Squeezing every bit of performance out is something that will make our apps perform better as well as make <a href="http://stevesouders.com/">Steve Souders</a>, <a href="http://getify.com/">Kyle Simpson</a> & <a href="http://www.nczonline.net/">Nicholas Zakas</a> very happy. :)\n\nI used to use the <a href="http://developer.yahoo.com/yui/compressor/">YUI Compressor</a> but based on John Resig''s findings during the release of jQuery 1.4, I''ve switched to using Google''s <a href="http://code.google.com/closure/compiler/">Closure Compiler</a> which seems to get better compression.\n\n<h2>Setting Things Up</h2>\n\nIt''s incredibly easy to compress files and I''m going to outline the steps. The first thing you need to do is <a href="http://java.com/">download Java</a>. Since the Closure Compiler comes in the form of a .jar binary file, you''ll need Java to run it. Also, I''d recommended ensuring that you make Java available via your OS path so that you don''t need some long, convoluted command line statement to get to it.\n\nNext, <a href="http://code.google.com/closure/compiler/">download the Closure Compiler .jar file</a> and drop it into a convenient place that''s easily accessible.\n\n<a href="http://code.google.com/closure/compiler/"><img src="http://blog.reybango.com/wp-content/uploads/2010/06/closure.png" alt="" title="closure" width="575" height="272" class="alignright size-full wp-image-852" /></a>\n\nFor this tutorial, I''m going to use the <a href="http://code.jquery.com/jquery-1.4.2.js">uncompressed version of jQuery</a> since it''s sizeable and will be a good sample to use to demonstrate the results. Uncompressed, that file comes in at 161kb. Note, though, that jQuery already comes packaged in a <a href="http://code.jquery.com/jquery-1.4.2.min.js">compressed, ready-to-use form</a> via the jQuery website and I''m only using the file for demonstrating file compression.\n\n<h2>Compressing the Code</h2>\n\nActually compressing the code is incredibly easy. Note that I''m using Windows so the steps will differ a little if you''re using OSX with terminal.\n\nGo ahead and click on Start->Run and open a command prompt window by typing in "CMD" and hitting Enter. From there, change directories to the directory where you''ve saved your uncompressed jQuery JavaScript file. If you can''t remember the DOS command for it, <a href="http://www.computerhope.com/msdos.htm">look up "CD"</a> which is the command to allow you to change directories. For example, I need to enter the following to go to my directory:\n\n<code>cd \\rey\\closure</code>\n\nNext, run the following command to run the Closure Compiler:\n\njava -jar compiler.jar --js=jquery-1.4.2.js --js_output_file=jquery-1.4.2-compressed.js\n\nThis will run the compiler and create a new, compressed version of the .js file. The results are immediately obvious:\n\n<strong>jQuery Uncompressed: 161kb\njQuery Compresse: 71kb</strong>\n\nShaving off more than 50% of the file size is a REALLY big savings when your users initially come to the site and you want them to get snappy pages.\n\n<h2>Other Choices</h2>\n\nI would highly encourage you to check out the other compressors available to determine which one works for you. In a recent post I made <a href="http://blog.reybango.com/2010/04/29/the-big-list-of-javascript-css-and-html-development-tools-libraries-projects-and-books/">outlining a list of tools I think are really important to client-side development</a>, I mentioned the following:\n\n<a href="http://developer.yahoo.com/yui/compressor/">YUI compressor</a>\n<a href="http://www.crockford.com/javascript/jsmin.html">JSMIN</a>\n<a href="http://dean.edwards.name/packer/">Dean Edward''s Packer</a>\n<a href="http://aspnet.codeplex.com/releases/view/40584">Microsoft Ajax Minifer</a> \n<a href="http://shrinksafe.dojotoolkit.org/">Dojo Shrinksafe</a>\n\nFor example, when I ran the YUI Compressor on the same uncompressed jQuery file, the new compressed version was 78kb. While 7kb may not seem like a big deal, I personally prefer to get the most compression possible. Even Microsoft''s Ajax Minifier compresses just a tad larger coming in at 72kb. Again, I want that extra kilobye\n', 'Shrinking Your JavaScript Files for Improved Performance', 0, '', 'inherit', 'open', 'open', '', '847-revision-23', '', '', '2010-06-16 12:25:19', '2010-06-16 16:25:19', '', 847, 'http://blog.reybango.com/2010/06/16/847-revision-23/', 0, 'revision', '', 0),
(872, 3, '2010-06-16 12:26:16', '2010-06-16 16:26:16', 'With all of the performance advances in JavaScript engines in modern browsers, it''s easy to forget that we still need to do some legwork ourselves. Squeezing every bit of performance out is something that will make our apps perform better as well as make <a href="http://stevesouders.com/">Steve Souders</a>, <a href="http://getify.com/">Kyle Simpson</a> & <a href="http://www.nczonline.net/">Nicholas Zakas</a> very happy. :)\r\n\r\nI used to use the <a href="http://developer.yahoo.com/yui/compressor/">YUI Compressor</a> but based on John Resig''s findings during the release of jQuery 1.4, I''ve switched to using Google''s <a href="http://code.google.com/closure/compiler/">Closure Compiler</a> which seems to get better compression.\r\n\r\n<h2>Setting Things Up</h2>\r\n\r\nIt''s incredibly easy to compress files and I''m going to outline the steps. The first thing you need to do is <a href="http://java.com/">download Java</a>. Since the Closure Compiler comes in the form of a .jar binary file, you''ll need Java to run it. Also, I''d recommended ensuring that you make Java available via your OS path so that you don''t need some long, convoluted command line statement to get to it.\r\n\r\nNext, <a href="http://code.google.com/closure/compiler/">download the Closure Compiler .jar file</a> and drop it into a convenient place that''s easily accessible.\r\n\r\n<a href="http://code.google.com/closure/compiler/"><img src="http://blog.reybango.com/wp-content/uploads/2010/06/closure.png" alt="" title="closure" width="575" height="272" class="alignright size-full wp-image-852" /></a>\r\n\r\nFor this tutorial, I''m going to use the <a href="http://code.jquery.com/jquery-1.4.2.js">uncompressed version of jQuery</a> since it''s sizeable and will be a good sample to use to demonstrate the results. Uncompressed, that file comes in at 161kb. Note, though, that jQuery already comes packaged in a <a href="http://code.jquery.com/jquery-1.4.2.min.js">compressed, ready-to-use form</a> via the jQuery website and I''m only using the file for demonstrating file compression.\r\n\r\n<h2>Compressing the Code</h2>\r\n\r\nActually compressing the code is incredibly easy. Note that I''m using Windows so the steps will differ a little if you''re using OSX with terminal.\r\n\r\nGo ahead and click on Start->Run and open a command prompt window by typing in "CMD" and hitting Enter. From there, change directories to the directory where you''ve saved your uncompressed jQuery JavaScript file. If you can''t remember the DOS command for it, <a href="http://www.computerhope.com/msdos.htm">look up "CD"</a> which is the command to allow you to change directories. For example, I need to enter the following to go to my directory:\r\n\r\n<code>cd \\rey\\closure</code>\r\n\r\nNext, run the following command to run the Closure Compiler:\r\n\r\njava -jar compiler.jar --js=jquery-1.4.2.js --js_output_file=jquery-1.4.2-compressed.js\r\n\r\nThis will run the compiler and create a new, compressed version of the .js file. The results are immediately obvious:\r\n\r\n<strong>jQuery Uncompressed: 161kb\r\njQuery Compresse: 71kb</strong>\r\n\r\nShaving off more than 50% of the file size is a REALLY big savings when your users initially come to the site and you want them to get snappy pages.\r\n\r\n<h2>Other Choices</h2>\r\n\r\nI would highly encourage you to check out the other compressors available to determine which one works for you. In a recent post I made <a href="http://blog.reybango.com/2010/04/29/the-big-list-of-javascript-css-and-html-development-tools-libraries-projects-and-books/">outlining a list of tools I think are really important to client-side development</a>, I mentioned the following:\r\n\r\n<a href="http://developer.yahoo.com/yui/compressor/">YUI compressor</a>\r\n<a href="http://www.crockford.com/javascript/jsmin.html">JSMIN</a>\r\n<a href="http://dean.edwards.name/packer/">Dean Edward''s Packer</a>\r\n<a href="http://aspnet.codeplex.com/releases/view/40584">Microsoft Ajax Minifer</a> \r\n<a href="http://shrinksafe.dojotoolkit.org/">Dojo Shrinksafe</a>\r\n\r\nFor example, when I ran the <a href="http://developer.yahoo.com/yui/compressor/">YUI Compressor</a> on the same uncompressed jQuery file, the new compressed version was 78kb. While 7kb may not seem like a big deal, I personally prefer to get the most compression possible. Even <a href="http://aspnet.codeplex.com/releases/view/40584">Microsoft''s Ajax Minifier</a> compresses just a tad larger coming in at 72kb. Again, I want that extra kilobyte of compression.\r\n', 'Shrinking Your JavaScript Files for Improved Performance', 0, '', 'inherit', 'open', 'open', '', '847-revision-24', '', '', '2010-06-16 12:26:16', '2010-06-16 16:26:16', '', 847, 'http://blog.reybango.com/2010/06/16/847-revision-24/', 0, 'revision', '', 0),
(873, 3, '2010-06-16 12:26:23', '2010-06-16 16:26:23', 'With all of the performance advances in JavaScript engines in modern browsers, it''s easy to forget that we still need to do some legwork ourselves. Squeezing every bit of performance out is something that will make our apps perform better as well as make <a href="http://stevesouders.com/">Steve Souders</a>, <a href="http://getify.com/">Kyle Simpson</a> & <a href="http://www.nczonline.net/">Nicholas Zakas</a> very happy. :)\r\n\r\nI used to use the <a href="http://developer.yahoo.com/yui/compressor/">YUI Compressor</a> but based on John Resig''s findings during the release of jQuery 1.4, I''ve switched to using Google''s <a href="http://code.google.com/closure/compiler/">Closure Compiler</a> which seems to get better compression.\r\n\r\n<h2>Setting Things Up</h2>\r\n\r\nIt''s incredibly easy to compress files and I''m going to outline the steps. The first thing you need to do is <a href="http://java.com/">download Java</a>. Since the Closure Compiler comes in the form of a .jar binary file, you''ll need Java to run it. Also, I''d recommended ensuring that you make Java available via your OS path so that you don''t need some long, convoluted command line statement to get to it.\r\n\r\nNext, <a href="http://code.google.com/closure/compiler/">download the Closure Compiler .jar file</a> and drop it into a convenient place that''s easily accessible.\r\n\r\n<a href="http://code.google.com/closure/compiler/"><img src="http://blog.reybango.com/wp-content/uploads/2010/06/closure.png" alt="" title="closure" width="575" height="272" class="alignright size-full wp-image-852" /></a>\r\n\r\nFor this tutorial, I''m going to use the <a href="http://code.jquery.com/jquery-1.4.2.js">uncompressed version of jQuery</a> since it''s sizeable and will be a good sample to use to demonstrate the results. Uncompressed, that file comes in at 161kb. Note, though, that jQuery already comes packaged in a <a href="http://code.jquery.com/jquery-1.4.2.min.js">compressed, ready-to-use form</a> via the jQuery website and I''m only using the file for demonstrating file compression.\r\n\r\n<h2>Compressing the Code</h2>\r\n\r\nActually compressing the code is incredibly easy. Note that I''m using Windows so the steps will differ a little if you''re using OSX with terminal.\r\n\r\nGo ahead and click on Start->Run and open a command prompt window by typing in "CMD" and hitting Enter. From there, change directories to the directory where you''ve saved your uncompressed jQuery JavaScript file. If you can''t remember the DOS command for it, <a href="http://www.computerhope.com/msdos.htm">look up "CD"</a> which is the command to allow you to change directories. For example, I need to enter the following to go to my directory:\r\n\r\n<code>cd \\rey\\closure</code>\r\n\r\nNext, run the following command to run the Closure Compiler:\r\n\r\njava -jar compiler.jar --js=jquery-1.4.2.js --js_output_file=jquery-1.4.2-compressed.js\r\n\r\nThis will run the compiler and create a new, compressed version of the .js file. The results are immediately obvious:\r\n\r\n<strong>jQuery Uncompressed: 161kb\r\njQuery Compresse: 71kb</strong>\r\n\r\nShaving off more than 50% of the file size is a REALLY big savings when your users initially come to the site and you want them to get snappy pages.\r\n\r\n<h2>Other Choices</h2>\r\n\r\nI would highly encourage you to check out the other compressors available to determine which one works for you. In a recent post I made <a href="http://blog.reybango.com/2010/04/29/the-big-list-of-javascript-css-and-html-development-tools-libraries-projects-and-books/">outlining a list of tools I think are really important to client-side development</a>, I mentioned the following:\r\n\r\n<a href="http://developer.yahoo.com/yui/compressor/">YUI compressor</a>\r\n<a href="http://www.crockford.com/javascript/jsmin.html">JSMIN</a>\r\n<a href="http://dean.edwards.name/packer/">Dean Edward''s Packer</a>\r\n<a href="http://aspnet.codeplex.com/releases/view/40584">Microsoft Ajax Minifer</a> \r\n<a href="http://shrinksafe.dojotoolkit.org/">Dojo Shrinksafe</a>\r\n\r\nFor example, when I ran the <a href="http://developer.yahoo.com/yui/compressor/">YUI Compressor</a> on the same uncompressed jQuery file, the new compressed version was 78kb. While 7kb may not seem like a big deal, I personally prefer to get the most compression possible. Even <a href="http://aspnet.codeplex.com/releases/view/40584">Microsoft''s Ajax Minifier</a> compresses just a tad larger coming in at 72kb. Again, I want that extra kilobyte of compression.\r\n', 'Shrinking Your JavaScript Files for Improved Performance', 0, '', 'inherit', 'open', 'open', '', '847-revision-25', '', '', '2010-06-16 12:26:23', '2010-06-16 16:26:23', '', 847, 'http://blog.reybango.com/2010/06/16/847-revision-25/', 0, 'revision', '', 0),
(875, 3, '2010-06-16 12:43:23', '2010-06-16 16:43:23', 'With all of the performance advances in JavaScript engines in modern browsers, it''s easy to forget that we still need to do some legwork ourselves. Squeezing every bit of performance out is something that will make our apps perform better as well as make <a href="http://stevesouders.com/">Steve Souders</a>, <a href="http://getify.com/">Kyle Simpson</a> & <a href="http://www.nczonline.net/">Nicholas Zakas</a> very happy. :)\n\nI used to use the <a href="http://developer.yahoo.com/yui/compressor/">YUI Compressor</a> but based on John Resig''s findings during the release of jQuery 1.4, I''ve switched to using Google''s <a href="http://code.google.com/closure/compiler/">Closure Compiler</a> which seems to get better compression.\n\n<h2>Setting Things Up</h2>\n\nIt''s incredibly easy to compress files and I''m going to outline the steps. The first thing you need to do is <a href="http://java.com/">download Java</a>. Since the Closure Compiler comes in the form of a .jar binary file, you''ll need Java to run it. Also, I''d recommended ensuring that you make Java available via your OS path so that you don''t need some long, convoluted command line statement to get to it.\n\nNext, <a href="http://code.google.com/closure/compiler/">download the Closure Compiler .jar file</a> and drop it into a convenient place that''s easily accessible.\n\n<a href="http://code.google.com/closure/compiler/"><img src="http://blog.reybango.com/wp-content/uploads/2010/06/closure.png" alt="" title="closure" width="575" height="272" class="alignright size-full wp-image-852" /></a>\n\nFor this tutorial, I''m going to use the <a href="http://code.jquery.com/jquery-1.4.2.js">uncompressed version of jQuery</a> since it''s sizeable and will be a good sample to use to demonstrate the results. Uncompressed, that file comes in at 161kb. Note, though, that jQuery already comes packaged in a <a href="http://code.jquery.com/jquery-1.4.2.min.js">compressed, ready-to-use form</a> via the jQuery website and I''m only using the file for demonstrating file compression.\n\n<h2>Compressing the Code</h2>\n\nActually compressing the code is incredibly easy. Note that I''m using Windows so the steps will differ a little if you''re using OSX with terminal.\n\nGo ahead and click on Start->Run and open a command prompt window by typing in "CMD" and hitting Enter. From there, change directories to the directory where you''ve saved your uncompressed jQuery JavaScript file. If you can''t remember the DOS command for it, <a href="http://www.computerhope.com/msdos.htm">look up "CD"</a> which is the command to allow you to change directories. For example, I need to enter the following to go to my directory:\n\n<code>cd \\rey\\closure</code>\n\nNext, run the following command to run the Closure Compiler:\n\njava -jar compiler.jar --js=jquery-1.4.2.js --js_output_file=jquery-1.4.2-compressed.js\n\nThis will run the compiler and create a new, compressed version of the .js file. The results are immediately obvious:\n\n<strong>jQuery Uncompressed: 161kb\njQuery Compresse: 71kb</strong>\n\nShaving off more than 50% of the file size is a REALLY big savings when your users initially come to the site and you want them to get snappy pages.\n\n<h2>Other Choices</h2>\n\nI would highly encourage you to check out the other compressors available to determine which one works for you. In a recent post I made <a href="http://blog.reybango.com/2010/04/29/the-big-list-of-javascript-css-and-html-development-tools-libraries-projects-and-books/">outlining a list of tools I think are really important to client-side development</a>, I mentioned the following:\n\n<a href="http://developer.yahoo.com/yui/compressor/">YUI compressor</a>\n<a href="http://www.crockford.com/javascript/jsmin.html">JSMIN</a>\n<a href="http://dean.edwards.name/packer/">Dean Edward''s Packer</a>\n<a href="http://aspnet.codeplex.com/releases/view/40584">Microsoft Ajax Minifer</a> \n<a href="http://shrinksafe.dojotoolkit.org/">Dojo Shrinksafe</a>\n\nFor example, when I ran those tools on the same uncompressed jQuery file, here''s what I got:\n\nYUI Compressor: 78kb\nMicrosoft''s Ajax Minifier: 72kb\nDojo Shrinksafe: 86kb\n\nI tried using Packer and an online version of JSMin but I think the size of the file caused them both to timeout so I don''t have figures for you.\n\nAgain, it''s important that you do your own homework as there may settings that I''m not leveraging and could offer even better compression. If you find better performance, let me know. I''d love to hear about it.\n', 'Shrinking Your JavaScript Files for Improved Performance', 0, '', 'inherit', 'open', 'open', '', '847-revision-27', '', '', '2010-06-16 12:43:23', '2010-06-16 16:43:23', '', 847, 'http://blog.reybango.com/2010/06/16/847-revision-27/', 0, 'revision', '', 0),
(874, 3, '2010-06-16 12:28:35', '2010-06-16 16:28:35', 'With all of the performance advances in JavaScript engines in modern browsers, it''s easy to forget that we still need to do some legwork ourselves. Squeezing every bit of performance out is something that will make our apps perform better as well as make <a href="http://stevesouders.com/">Steve Souders</a>, <a href="http://getify.com/">Kyle Simpson</a> & <a href="http://www.nczonline.net/">Nicholas Zakas</a> very happy. :)\r\n\r\nI used to use the <a href="http://developer.yahoo.com/yui/compressor/">YUI Compressor</a> but based on John Resig''s findings during the release of jQuery 1.4, I''ve switched to using Google''s <a href="http://code.google.com/closure/compiler/">Closure Compiler</a> which seems to get better compression.\r\n\r\n<h2>Setting Things Up</h2>\r\n\r\nIt''s incredibly easy to compress files and I''m going to outline the steps. The first thing you need to do is <a href="http://java.com/">download Java</a>. Since the Closure Compiler comes in the form of a .jar binary file, you''ll need Java to run it. Also, I''d recommended ensuring that you make Java available via your OS path so that you don''t need some long, convoluted command line statement to get to it.\r\n\r\nNext, <a href="http://code.google.com/closure/compiler/">download the Closure Compiler .jar file</a> and drop it into a convenient place that''s easily accessible.\r\n\r\n<a href="http://code.google.com/closure/compiler/"><img src="http://blog.reybango.com/wp-content/uploads/2010/06/closure.png" alt="" title="closure" width="575" height="272" class="alignright size-full wp-image-852" /></a>\r\n\r\nFor this tutorial, I''m going to use the <a href="http://code.jquery.com/jquery-1.4.2.js">uncompressed version of jQuery</a> since it''s sizeable and will be a good sample to use to demonstrate the results. Uncompressed, that file comes in at 161kb. Note, though, that jQuery already comes packaged in a <a href="http://code.jquery.com/jquery-1.4.2.min.js">compressed, ready-to-use form</a> via the jQuery website and I''m only using the file for demonstrating file compression.\r\n\r\n<h2>Compressing the Code</h2>\r\n\r\nActually compressing the code is incredibly easy. Note that I''m using Windows so the steps will differ a little if you''re using OSX with terminal.\r\n\r\nGo ahead and click on Start->Run and open a command prompt window by typing in "CMD" and hitting Enter. From there, change directories to the directory where you''ve saved your uncompressed jQuery JavaScript file. If you can''t remember the DOS command for it, <a href="http://www.computerhope.com/msdos.htm">look up "CD"</a> which is the command to allow you to change directories. For example, I need to enter the following to go to my directory:\r\n\r\n<code>cd \\rey\\closure</code>\r\n\r\nNext, run the following command to run the Closure Compiler:\r\n\r\njava -jar compiler.jar --js=jquery-1.4.2.js --js_output_file=jquery-1.4.2-compressed.js\r\n\r\nThis will run the compiler and create a new, compressed version of the .js file. The results are immediately obvious:\r\n\r\n<strong>jQuery Uncompressed: 161kb\r\njQuery Compresse: 71kb</strong>\r\n\r\nShaving off more than 50% of the file size is a REALLY big savings when your users initially come to the site and you want them to get snappy pages.\r\n\r\n<h2>Other Choices</h2>\r\n\r\nI would highly encourage you to check out the other compressors available to determine which one works for you. In a recent post I made <a href="http://blog.reybango.com/2010/04/29/the-big-list-of-javascript-css-and-html-development-tools-libraries-projects-and-books/">outlining a list of tools I think are really important to client-side development</a>, I mentioned the following:\r\n\r\n<a href="http://developer.yahoo.com/yui/compressor/">YUI compressor</a>\r\n<a href="http://www.crockford.com/javascript/jsmin.html">JSMIN</a>\r\n<a href="http://dean.edwards.name/packer/">Dean Edward''s Packer</a>\r\n<a href="http://aspnet.codeplex.com/releases/view/40584">Microsoft Ajax Minifer</a> \r\n<a href="http://shrinksafe.dojotoolkit.org/">Dojo Shrinksafe</a>\r\n\r\nFor example, when I ran the <a href="http://developer.yahoo.com/yui/compressor/">YUI Compressor</a> on the same uncompressed jQuery file, the new compressed version was 78kb. While 7kb may not seem like a big deal, I personally prefer to get the most compression possible. Even <a href="http://aspnet.codeplex.com/releases/view/40584">Microsoft''s Ajax Minifier</a> compresses just a tad larger coming in at 72kb. Again, I want that extra kilobyte of compression.\r\n\r\nAgain, it''s important that you do your own homework as there may settings that I''m not leveraging and could offer even better compression. If you find better performance, let me know. I''d love to hear about it.\r\n', 'Shrinking Your JavaScript Files for Improved Performance', 0, '', 'inherit', 'open', 'open', '', '847-revision-26', '', '', '2010-06-16 12:28:35', '2010-06-16 16:28:35', '', 847, 'http://blog.reybango.com/2010/06/16/847-revision-26/', 0, 'revision', '', 0),
(876, 3, '2010-06-16 12:43:40', '2010-06-16 16:43:40', 'With all of the performance advances in JavaScript engines in modern browsers, it''s easy to forget that we still need to do some legwork ourselves. Squeezing every bit of performance out is something that will make our apps perform better as well as make <a href="http://stevesouders.com/">Steve Souders</a>, <a href="http://getify.com/">Kyle Simpson</a> & <a href="http://www.nczonline.net/">Nicholas Zakas</a> very happy. :)\r\n\r\nI used to use the <a href="http://developer.yahoo.com/yui/compressor/">YUI Compressor</a> but based on John Resig''s findings during the release of jQuery 1.4, I''ve switched to using Google''s <a href="http://code.google.com/closure/compiler/">Closure Compiler</a> which seems to get better compression.\r\n\r\n<h2>Setting Things Up</h2>\r\n\r\nIt''s incredibly easy to compress files and I''m going to outline the steps. The first thing you need to do is <a href="http://java.com/">download Java</a>. Since the Closure Compiler comes in the form of a .jar binary file, you''ll need Java to run it. Also, I''d recommended ensuring that you make Java available via your OS path so that you don''t need some long, convoluted command line statement to get to it.\r\n\r\nNext, <a href="http://code.google.com/closure/compiler/">download the Closure Compiler .jar file</a> and drop it into a convenient place that''s easily accessible.\r\n\r\n<a href="http://code.google.com/closure/compiler/"><img src="http://blog.reybango.com/wp-content/uploads/2010/06/closure.png" alt="" title="closure" width="575" height="272" class="alignright size-full wp-image-852" /></a>\r\n\r\nFor this tutorial, I''m going to use the <a href="http://code.jquery.com/jquery-1.4.2.js">uncompressed version of jQuery</a> since it''s sizeable and will be a good sample to use to demonstrate the results. Uncompressed, that file comes in at 161kb. Note, though, that jQuery already comes packaged in a <a href="http://code.jquery.com/jquery-1.4.2.min.js">compressed, ready-to-use form</a> via the jQuery website and I''m only using the file for demonstrating file compression.\r\n\r\n<h2>Compressing the Code</h2>\r\n\r\nActually compressing the code is incredibly easy. Note that I''m using Windows so the steps will differ a little if you''re using OSX with terminal.\r\n\r\nGo ahead and click on Start->Run and open a command prompt window by typing in "CMD" and hitting Enter. From there, change directories to the directory where you''ve saved your uncompressed jQuery JavaScript file. If you can''t remember the DOS command for it, <a href="http://www.computerhope.com/msdos.htm">look up "CD"</a> which is the command to allow you to change directories. For example, I need to enter the following to go to my directory:\r\n\r\n<code>cd \\rey\\closure</code>\r\n\r\nNext, run the following command to run the Closure Compiler:\r\n\r\njava -jar compiler.jar --js=jquery-1.4.2.js --js_output_file=jquery-1.4.2-compressed.js\r\n\r\nThis will run the compiler and create a new, compressed version of the .js file. The results are immediately obvious:\r\n\r\n<strong>jQuery Uncompressed: 161kb\r\njQuery Compresse: 71kb</strong>\r\n\r\nShaving off more than 50% of the file size is a REALLY big savings when your users initially come to the site and you want them to get snappy pages.\r\n\r\n<h2>Other Choices</h2>\r\n\r\nI would highly encourage you to check out the other compressors available to determine which one works for you. In a recent post I made <a href="http://blog.reybango.com/2010/04/29/the-big-list-of-javascript-css-and-html-development-tools-libraries-projects-and-books/">outlining a list of tools I think are really important to client-side development</a>, I mentioned the following:\r\n\r\n<a href="http://developer.yahoo.com/yui/compressor/">YUI compressor</a>\r\n<a href="http://www.crockford.com/javascript/jsmin.html">JSMIN</a>\r\n<a href="http://dean.edwards.name/packer/">Dean Edward''s Packer</a>\r\n<a href="http://aspnet.codeplex.com/releases/view/40584">Microsoft Ajax Minifer</a> \r\n<a href="http://shrinksafe.dojotoolkit.org/">Dojo Shrinksafe</a>\r\n\r\nFor example, when I ran those tools on the same uncompressed jQuery file, here''s what I got:\r\n\r\nYUI Compressor: 78kb\r\nMicrosoft''s Ajax Minifier: 72kb\r\nDojo Shrinksafe: 86kb\r\n\r\nI tried using Packer and an online version of JSMin but I think the size of the file caused them both to timeout so I don''t have figures for you.\r\n\r\nAgain, it''s important that you do your own homework as there may settings that I''m not leveraging and could offer even better compression. If you find better performance, let me know. I''d love to hear about it. \r\n', 'Shrinking Your JavaScript Files for Improved Performance', 0, '', 'inherit', 'open', 'open', '', '847-revision-28', '', '', '2010-06-16 12:43:40', '2010-06-16 16:43:40', '', 847, 'http://blog.reybango.com/2010/06/16/847-revision-28/', 0, 'revision', '', 0),
(877, 3, '2010-06-16 12:43:45', '2010-06-16 16:43:45', 'With all of the performance advances in JavaScript engines in modern browsers, it''s easy to forget that we still need to do some legwork ourselves. Squeezing every bit of performance out is something that will make our apps perform better as well as make <a href="http://stevesouders.com/">Steve Souders</a>, <a href="http://getify.com/">Kyle Simpson</a> & <a href="http://www.nczonline.net/">Nicholas Zakas</a> very happy. :)\r\n\r\nI used to use the <a href="http://developer.yahoo.com/yui/compressor/">YUI Compressor</a> but based on John Resig''s findings during the release of jQuery 1.4, I''ve switched to using Google''s <a href="http://code.google.com/closure/compiler/">Closure Compiler</a> which seems to get better compression.\r\n\r\n<h2>Setting Things Up</h2>\r\n\r\nIt''s incredibly easy to compress files and I''m going to outline the steps. The first thing you need to do is <a href="http://java.com/">download Java</a>. Since the Closure Compiler comes in the form of a .jar binary file, you''ll need Java to run it. Also, I''d recommended ensuring that you make Java available via your OS path so that you don''t need some long, convoluted command line statement to get to it.\r\n\r\nNext, <a href="http://code.google.com/closure/compiler/">download the Closure Compiler .jar file</a> and drop it into a convenient place that''s easily accessible.\r\n\r\n<a href="http://code.google.com/closure/compiler/"><img src="http://blog.reybango.com/wp-content/uploads/2010/06/closure.png" alt="" title="closure" width="575" height="272" class="alignright size-full wp-image-852" /></a>\r\n\r\nFor this tutorial, I''m going to use the <a href="http://code.jquery.com/jquery-1.4.2.js">uncompressed version of jQuery</a> since it''s sizeable and will be a good sample to use to demonstrate the results. Uncompressed, that file comes in at 161kb. Note, though, that jQuery already comes packaged in a <a href="http://code.jquery.com/jquery-1.4.2.min.js">compressed, ready-to-use form</a> via the jQuery website and I''m only using the file for demonstrating file compression.\r\n\r\n<h2>Compressing the Code</h2>\r\n\r\nActually compressing the code is incredibly easy. Note that I''m using Windows so the steps will differ a little if you''re using OSX with terminal.\r\n\r\nGo ahead and click on Start->Run and open a command prompt window by typing in "CMD" and hitting Enter. From there, change directories to the directory where you''ve saved your uncompressed jQuery JavaScript file. If you can''t remember the DOS command for it, <a href="http://www.computerhope.com/msdos.htm">look up "CD"</a> which is the command to allow you to change directories. For example, I need to enter the following to go to my directory:\r\n\r\n<code>cd \\rey\\closure</code>\r\n\r\nNext, run the following command to run the Closure Compiler:\r\n\r\njava -jar compiler.jar --js=jquery-1.4.2.js --js_output_file=jquery-1.4.2-compressed.js\r\n\r\nThis will run the compiler and create a new, compressed version of the .js file. The results are immediately obvious:\r\n\r\n<strong>jQuery Uncompressed: 161kb\r\njQuery Compresse: 71kb</strong>\r\n\r\nShaving off more than 50% of the file size is a REALLY big savings when your users initially come to the site and you want them to get snappy pages.\r\n\r\n<h2>Other Choices</h2>\r\n\r\nI would highly encourage you to check out the other compressors available to determine which one works for you. In a recent post I made <a href="http://blog.reybango.com/2010/04/29/the-big-list-of-javascript-css-and-html-development-tools-libraries-projects-and-books/">outlining a list of tools I think are really important to client-side development</a>, I mentioned the following:\r\n\r\n<a href="http://developer.yahoo.com/yui/compressor/">YUI compressor</a>\r\n<a href="http://www.crockford.com/javascript/jsmin.html">JSMIN</a>\r\n<a href="http://dean.edwards.name/packer/">Dean Edward''s Packer</a>\r\n<a href="http://aspnet.codeplex.com/releases/view/40584">Microsoft Ajax Minifer</a> \r\n<a href="http://shrinksafe.dojotoolkit.org/">Dojo Shrinksafe</a>\r\n\r\nFor example, when I ran those tools on the same uncompressed jQuery file, here''s what I got:\r\n\r\nYUI Compressor: 78kb\r\nMicrosoft''s Ajax Minifier: 72kb\r\nDojo Shrinksafe: 86kb\r\n\r\nI tried using Packer and an online version of JSMin but I think the size of the file caused them both to timeout so I don''t have figures for you.\r\n\r\nAgain, it''s important that you do your own homework as there may settings that I''m not leveraging and could offer even better compression. If you find better performance, let me know. I''d love to hear about it. \r\n', 'Shrinking Your JavaScript Files for Improved Performance', 0, '', 'inherit', 'open', 'open', '', '847-revision-29', '', '', '2010-06-16 12:43:45', '2010-06-16 16:43:45', '', 847, 'http://blog.reybango.com/2010/06/16/847-revision-29/', 0, 'revision', '', 0);
INSERT INTO `wp_dyxkdh_posts` (`ID`, `post_author`, `post_date`, `post_date_gmt`, `post_content`, `post_title`, `post_category`, `post_excerpt`, `post_status`, `comment_status`, `ping_status`, `post_password`, `post_name`, `to_ping`, `pinged`, `post_modified`, `post_modified_gmt`, `post_content_filtered`, `post_parent`, `guid`, `menu_order`, `post_type`, `post_mime_type`, `comment_count`) VALUES
(878, 3, '2010-06-16 12:44:32', '2010-06-16 16:44:32', 'With all of the performance advances in JavaScript engines in modern browsers, it''s easy to forget that we still need to do some legwork ourselves, especially considering users on older browsers. Squeezing every bit of performance out is something that will make our apps perform better as well as make <a href="http://stevesouders.com/">Steve Souders</a>, <a href="http://getify.com/">Kyle Simpson</a> & <a href="http://www.nczonline.net/">Nicholas Zakas</a> very happy. :)\r\n\r\nI used to use the <a href="http://developer.yahoo.com/yui/compressor/">YUI Compressor</a> but based on John Resig''s findings during the release of jQuery 1.4, I''ve switched to using Google''s <a href="http://code.google.com/closure/compiler/">Closure Compiler</a> which seems to get better compression.\r\n\r\n<h2>Setting Things Up</h2>\r\n\r\nIt''s incredibly easy to compress files and I''m going to outline the steps. The first thing you need to do is <a href="http://java.com/">download Java</a>. Since the Closure Compiler comes in the form of a .jar binary file, you''ll need Java to run it. Also, I''d recommended ensuring that you make Java available via your OS path so that you don''t need some long, convoluted command line statement to get to it.\r\n\r\nNext, <a href="http://code.google.com/closure/compiler/">download the Closure Compiler .jar file</a> and drop it into a convenient place that''s easily accessible.\r\n\r\n<a href="http://code.google.com/closure/compiler/"><img src="http://blog.reybango.com/wp-content/uploads/2010/06/closure.png" alt="" title="closure" width="575" height="272" class="alignright size-full wp-image-852" /></a>\r\n\r\nFor this tutorial, I''m going to use the <a href="http://code.jquery.com/jquery-1.4.2.js">uncompressed version of jQuery</a> since it''s sizeable and will be a good sample to use to demonstrate the results. Uncompressed, that file comes in at 161kb. Note, though, that jQuery already comes packaged in a <a href="http://code.jquery.com/jquery-1.4.2.min.js">compressed, ready-to-use form</a> via the jQuery website and I''m only using the file for demonstrating file compression.\r\n\r\n<h2>Compressing the Code</h2>\r\n\r\nActually compressing the code is incredibly easy. Note that I''m using Windows so the steps will differ a little if you''re using OSX with terminal.\r\n\r\nGo ahead and click on Start->Run and open a command prompt window by typing in "CMD" and hitting Enter. From there, change directories to the directory where you''ve saved your uncompressed jQuery JavaScript file. If you can''t remember the DOS command for it, <a href="http://www.computerhope.com/msdos.htm">look up "CD"</a> which is the command to allow you to change directories. For example, I need to enter the following to go to my directory:\r\n\r\n<code>cd \\rey\\closure</code>\r\n\r\nNext, run the following command to run the Closure Compiler:\r\n\r\njava -jar compiler.jar --js=jquery-1.4.2.js --js_output_file=jquery-1.4.2-compressed.js\r\n\r\nThis will run the compiler and create a new, compressed version of the .js file. The results are immediately obvious:\r\n\r\n<strong>jQuery Uncompressed: 161kb\r\njQuery Compresse: 71kb</strong>\r\n\r\nShaving off more than 50% of the file size is a REALLY big savings when your users initially come to the site and you want them to get snappy pages.\r\n\r\n<h2>Other Choices</h2>\r\n\r\nI would highly encourage you to check out the other compressors available to determine which one works for you. In a recent post I made <a href="http://blog.reybango.com/2010/04/29/the-big-list-of-javascript-css-and-html-development-tools-libraries-projects-and-books/">outlining a list of tools I think are really important to client-side development</a>, I mentioned the following:\r\n\r\n<a href="http://developer.yahoo.com/yui/compressor/">YUI compressor</a>\r\n<a href="http://www.crockford.com/javascript/jsmin.html">JSMIN</a>\r\n<a href="http://dean.edwards.name/packer/">Dean Edward''s Packer</a>\r\n<a href="http://aspnet.codeplex.com/releases/view/40584">Microsoft Ajax Minifer</a> \r\n<a href="http://shrinksafe.dojotoolkit.org/">Dojo Shrinksafe</a>\r\n\r\nFor example, when I ran those tools on the same uncompressed jQuery file, here''s what I got:\r\n\r\nYUI Compressor: 78kb\r\nMicrosoft''s Ajax Minifier: 72kb\r\nDojo Shrinksafe: 86kb\r\n\r\nI tried using Packer and an online version of JSMin but I think the size of the file caused them both to timeout so I don''t have figures for you.\r\n\r\nAgain, it''s important that you do your own homework as there may settings that I''m not leveraging and could offer even better compression. If you find better performance, let me know. I''d love to hear about it. \r\n', 'Shrinking Your JavaScript Files for Improved Performance', 0, '', 'inherit', 'open', 'open', '', '847-revision-30', '', '', '2010-06-16 12:44:32', '2010-06-16 16:44:32', '', 847, 'http://blog.reybango.com/2010/06/16/847-revision-30/', 0, 'revision', '', 0),
(879, 3, '2010-06-16 12:44:36', '2010-06-16 16:44:36', 'With all of the performance advances in JavaScript engines in modern browsers, it''s easy to forget that we still need to do some legwork ourselves, especially considering users on older browsers. Squeezing every bit of performance out is something that will make our apps perform better as well as make <a href="http://stevesouders.com/">Steve Souders</a>, <a href="http://getify.com/">Kyle Simpson</a> & <a href="http://www.nczonline.net/">Nicholas Zakas</a> very happy. :)\r\n\r\nI used to use the <a href="http://developer.yahoo.com/yui/compressor/">YUI Compressor</a> but based on John Resig''s findings during the release of jQuery 1.4, I''ve switched to using Google''s <a href="http://code.google.com/closure/compiler/">Closure Compiler</a> which seems to get better compression.\r\n\r\n<h2>Setting Things Up</h2>\r\n\r\nIt''s incredibly easy to compress files and I''m going to outline the steps. The first thing you need to do is <a href="http://java.com/">download Java</a>. Since the Closure Compiler comes in the form of a .jar binary file, you''ll need Java to run it. Also, I''d recommended ensuring that you make Java available via your OS path so that you don''t need some long, convoluted command line statement to get to it.\r\n\r\nNext, <a href="http://code.google.com/closure/compiler/">download the Closure Compiler .jar file</a> and drop it into a convenient place that''s easily accessible.\r\n\r\n<a href="http://code.google.com/closure/compiler/"><img src="http://blog.reybango.com/wp-content/uploads/2010/06/closure.png" alt="" title="closure" width="575" height="272" class="alignright size-full wp-image-852" /></a>\r\n\r\nFor this tutorial, I''m going to use the <a href="http://code.jquery.com/jquery-1.4.2.js">uncompressed version of jQuery</a> since it''s sizeable and will be a good sample to use to demonstrate the results. Uncompressed, that file comes in at 161kb. Note, though, that jQuery already comes packaged in a <a href="http://code.jquery.com/jquery-1.4.2.min.js">compressed, ready-to-use form</a> via the jQuery website and I''m only using the file for demonstrating file compression.\r\n\r\n<h2>Compressing the Code</h2>\r\n\r\nActually compressing the code is incredibly easy. Note that I''m using Windows so the steps will differ a little if you''re using OSX with terminal.\r\n\r\nGo ahead and click on Start->Run and open a command prompt window by typing in "CMD" and hitting Enter. From there, change directories to the directory where you''ve saved your uncompressed jQuery JavaScript file. If you can''t remember the DOS command for it, <a href="http://www.computerhope.com/msdos.htm">look up "CD"</a> which is the command to allow you to change directories. For example, I need to enter the following to go to my directory:\r\n\r\n<code>cd \\rey\\closure</code>\r\n\r\nNext, run the following command to run the Closure Compiler:\r\n\r\njava -jar compiler.jar --js=jquery-1.4.2.js --js_output_file=jquery-1.4.2-compressed.js\r\n\r\nThis will run the compiler and create a new, compressed version of the .js file. The results are immediately obvious:\r\n\r\n<strong>jQuery Uncompressed: 161kb\r\njQuery Compresse: 71kb</strong>\r\n\r\nShaving off more than 50% of the file size is a REALLY big savings when your users initially come to the site and you want them to get snappy pages.\r\n\r\n<h2>Other Choices</h2>\r\n\r\nI would highly encourage you to check out the other compressors available to determine which one works for you. In a recent post I made <a href="http://blog.reybango.com/2010/04/29/the-big-list-of-javascript-css-and-html-development-tools-libraries-projects-and-books/">outlining a list of tools I think are really important to client-side development</a>, I mentioned the following:\r\n\r\n<a href="http://developer.yahoo.com/yui/compressor/">YUI compressor</a>\r\n<a href="http://www.crockford.com/javascript/jsmin.html">JSMIN</a>\r\n<a href="http://dean.edwards.name/packer/">Dean Edward''s Packer</a>\r\n<a href="http://aspnet.codeplex.com/releases/view/40584">Microsoft Ajax Minifer</a> \r\n<a href="http://shrinksafe.dojotoolkit.org/">Dojo Shrinksafe</a>\r\n\r\nFor example, when I ran those tools on the same uncompressed jQuery file, here''s what I got:\r\n\r\nYUI Compressor: 78kb\r\nMicrosoft''s Ajax Minifier: 72kb\r\nDojo Shrinksafe: 86kb\r\n\r\nI tried using Packer and an online version of JSMin but I think the size of the file caused them both to timeout so I don''t have figures for you.\r\n\r\nAgain, it''s important that you do your own homework as there may settings that I''m not leveraging and could offer even better compression. If you find better performance, let me know. I''d love to hear about it. \r\n', 'Shrinking Your JavaScript Files for Improved Performance', 0, '', 'inherit', 'open', 'open', '', '847-revision-31', '', '', '2010-06-16 12:44:36', '2010-06-16 16:44:36', '', 847, 'http://blog.reybango.com/2010/06/16/847-revision-31/', 0, 'revision', '', 0),
(880, 3, '2010-06-16 12:44:56', '2010-06-16 16:44:56', 'With all of the performance advances in JavaScript engines in modern browsers, it''s easy to forget that we still need to do some legwork ourselves, especially considering how many users are still on older browsers. Squeezing every bit of performance out is something that will make our apps perform better as well as make <a href="http://stevesouders.com/">Steve Souders</a>, <a href="http://getify.com/">Kyle Simpson</a> & <a href="http://www.nczonline.net/">Nicholas Zakas</a> very happy. :)\r\n\r\nI used to use the <a href="http://developer.yahoo.com/yui/compressor/">YUI Compressor</a> but based on John Resig''s findings during the release of jQuery 1.4, I''ve switched to using Google''s <a href="http://code.google.com/closure/compiler/">Closure Compiler</a> which seems to get better compression.\r\n\r\n<h2>Setting Things Up</h2>\r\n\r\nIt''s incredibly easy to compress files and I''m going to outline the steps. The first thing you need to do is <a href="http://java.com/">download Java</a>. Since the Closure Compiler comes in the form of a .jar binary file, you''ll need Java to run it. Also, I''d recommended ensuring that you make Java available via your OS path so that you don''t need some long, convoluted command line statement to get to it.\r\n\r\nNext, <a href="http://code.google.com/closure/compiler/">download the Closure Compiler .jar file</a> and drop it into a convenient place that''s easily accessible.\r\n\r\n<a href="http://code.google.com/closure/compiler/"><img src="http://blog.reybango.com/wp-content/uploads/2010/06/closure.png" alt="" title="closure" width="575" height="272" class="alignright size-full wp-image-852" /></a>\r\n\r\nFor this tutorial, I''m going to use the <a href="http://code.jquery.com/jquery-1.4.2.js">uncompressed version of jQuery</a> since it''s sizeable and will be a good sample to use to demonstrate the results. Uncompressed, that file comes in at 161kb. Note, though, that jQuery already comes packaged in a <a href="http://code.jquery.com/jquery-1.4.2.min.js">compressed, ready-to-use form</a> via the jQuery website and I''m only using the file for demonstrating file compression.\r\n\r\n<h2>Compressing the Code</h2>\r\n\r\nActually compressing the code is incredibly easy. Note that I''m using Windows so the steps will differ a little if you''re using OSX with terminal.\r\n\r\nGo ahead and click on Start->Run and open a command prompt window by typing in "CMD" and hitting Enter. From there, change directories to the directory where you''ve saved your uncompressed jQuery JavaScript file. If you can''t remember the DOS command for it, <a href="http://www.computerhope.com/msdos.htm">look up "CD"</a> which is the command to allow you to change directories. For example, I need to enter the following to go to my directory:\r\n\r\n<code>cd \\rey\\closure</code>\r\n\r\nNext, run the following command to run the Closure Compiler:\r\n\r\njava -jar compiler.jar --js=jquery-1.4.2.js --js_output_file=jquery-1.4.2-compressed.js\r\n\r\nThis will run the compiler and create a new, compressed version of the .js file. The results are immediately obvious:\r\n\r\n<strong>jQuery Uncompressed: 161kb\r\njQuery Compresse: 71kb</strong>\r\n\r\nShaving off more than 50% of the file size is a REALLY big savings when your users initially come to the site and you want them to get snappy pages.\r\n\r\n<h2>Other Choices</h2>\r\n\r\nI would highly encourage you to check out the other compressors available to determine which one works for you. In a recent post I made <a href="http://blog.reybango.com/2010/04/29/the-big-list-of-javascript-css-and-html-development-tools-libraries-projects-and-books/">outlining a list of tools I think are really important to client-side development</a>, I mentioned the following:\r\n\r\n<a href="http://developer.yahoo.com/yui/compressor/">YUI compressor</a>\r\n<a href="http://www.crockford.com/javascript/jsmin.html">JSMIN</a>\r\n<a href="http://dean.edwards.name/packer/">Dean Edward''s Packer</a>\r\n<a href="http://aspnet.codeplex.com/releases/view/40584">Microsoft Ajax Minifer</a> \r\n<a href="http://shrinksafe.dojotoolkit.org/">Dojo Shrinksafe</a>\r\n\r\nFor example, when I ran those tools on the same uncompressed jQuery file, here''s what I got:\r\n\r\nYUI Compressor: 78kb\r\nMicrosoft''s Ajax Minifier: 72kb\r\nDojo Shrinksafe: 86kb\r\n\r\nI tried using Packer and an online version of JSMin but I think the size of the file caused them both to timeout so I don''t have figures for you.\r\n\r\nAgain, it''s important that you do your own homework as there may settings that I''m not leveraging and could offer even better compression. If you find better performance, let me know. I''d love to hear about it. \r\n', 'Shrinking Your JavaScript Files for Improved Performance', 0, '', 'inherit', 'open', 'open', '', '847-revision-32', '', '', '2010-06-16 12:44:56', '2010-06-16 16:44:56', '', 847, 'http://blog.reybango.com/2010/06/16/847-revision-32/', 0, 'revision', '', 0),
(881, 3, '2010-06-16 12:45:00', '2010-06-16 16:45:00', 'With all of the performance advances in JavaScript engines in modern browsers, it''s easy to forget that we still need to do some legwork ourselves, especially considering how many users are still on older browsers. Squeezing every bit of performance out is something that will make our apps perform better as well as make <a href="http://stevesouders.com/">Steve Souders</a>, <a href="http://getify.com/">Kyle Simpson</a> & <a href="http://www.nczonline.net/">Nicholas Zakas</a> very happy. :)\r\n\r\nI used to use the <a href="http://developer.yahoo.com/yui/compressor/">YUI Compressor</a> but based on John Resig''s findings during the release of jQuery 1.4, I''ve switched to using Google''s <a href="http://code.google.com/closure/compiler/">Closure Compiler</a> which seems to get better compression.\r\n\r\n<h2>Setting Things Up</h2>\r\n\r\nIt''s incredibly easy to compress files and I''m going to outline the steps. The first thing you need to do is <a href="http://java.com/">download Java</a>. Since the Closure Compiler comes in the form of a .jar binary file, you''ll need Java to run it. Also, I''d recommended ensuring that you make Java available via your OS path so that you don''t need some long, convoluted command line statement to get to it.\r\n\r\nNext, <a href="http://code.google.com/closure/compiler/">download the Closure Compiler .jar file</a> and drop it into a convenient place that''s easily accessible.\r\n\r\n<a href="http://code.google.com/closure/compiler/"><img src="http://blog.reybango.com/wp-content/uploads/2010/06/closure.png" alt="" title="closure" width="575" height="272" class="alignright size-full wp-image-852" /></a>\r\n\r\nFor this tutorial, I''m going to use the <a href="http://code.jquery.com/jquery-1.4.2.js">uncompressed version of jQuery</a> since it''s sizeable and will be a good sample to use to demonstrate the results. Uncompressed, that file comes in at 161kb. Note, though, that jQuery already comes packaged in a <a href="http://code.jquery.com/jquery-1.4.2.min.js">compressed, ready-to-use form</a> via the jQuery website and I''m only using the file for demonstrating file compression.\r\n\r\n<h2>Compressing the Code</h2>\r\n\r\nActually compressing the code is incredibly easy. Note that I''m using Windows so the steps will differ a little if you''re using OSX with terminal.\r\n\r\nGo ahead and click on Start->Run and open a command prompt window by typing in "CMD" and hitting Enter. From there, change directories to the directory where you''ve saved your uncompressed jQuery JavaScript file. If you can''t remember the DOS command for it, <a href="http://www.computerhope.com/msdos.htm">look up "CD"</a> which is the command to allow you to change directories. For example, I need to enter the following to go to my directory:\r\n\r\n<code>cd \\rey\\closure</code>\r\n\r\nNext, run the following command to run the Closure Compiler:\r\n\r\njava -jar compiler.jar --js=jquery-1.4.2.js --js_output_file=jquery-1.4.2-compressed.js\r\n\r\nThis will run the compiler and create a new, compressed version of the .js file. The results are immediately obvious:\r\n\r\n<strong>jQuery Uncompressed: 161kb\r\njQuery Compresse: 71kb</strong>\r\n\r\nShaving off more than 50% of the file size is a REALLY big savings when your users initially come to the site and you want them to get snappy pages.\r\n\r\n<h2>Other Choices</h2>\r\n\r\nI would highly encourage you to check out the other compressors available to determine which one works for you. In a recent post I made <a href="http://blog.reybango.com/2010/04/29/the-big-list-of-javascript-css-and-html-development-tools-libraries-projects-and-books/">outlining a list of tools I think are really important to client-side development</a>, I mentioned the following:\r\n\r\n<a href="http://developer.yahoo.com/yui/compressor/">YUI compressor</a>\r\n<a href="http://www.crockford.com/javascript/jsmin.html">JSMIN</a>\r\n<a href="http://dean.edwards.name/packer/">Dean Edward''s Packer</a>\r\n<a href="http://aspnet.codeplex.com/releases/view/40584">Microsoft Ajax Minifer</a> \r\n<a href="http://shrinksafe.dojotoolkit.org/">Dojo Shrinksafe</a>\r\n\r\nFor example, when I ran those tools on the same uncompressed jQuery file, here''s what I got:\r\n\r\nYUI Compressor: 78kb\r\nMicrosoft''s Ajax Minifier: 72kb\r\nDojo Shrinksafe: 86kb\r\n\r\nI tried using Packer and an online version of JSMin but I think the size of the file caused them both to timeout so I don''t have figures for you.\r\n\r\nAgain, it''s important that you do your own homework as there may settings that I''m not leveraging and could offer even better compression. If you find better performance, let me know. I''d love to hear about it. \r\n', 'Shrinking Your JavaScript Files for Improved Performance', 0, '', 'inherit', 'open', 'open', '', '847-revision-33', '', '', '2010-06-16 12:45:00', '2010-06-16 16:45:00', '', 847, 'http://blog.reybango.com/2010/06/16/847-revision-33/', 0, 'revision', '', 0),
(882, 3, '2010-06-16 12:46:53', '2010-06-16 16:46:53', 'With all of the performance advances in JavaScript engines in modern browsers, it''s easy to forget that we still need to do some legwork ourselves, especially considering how many users are still on older browsers. Compressing JavaScript files is an oft forgotten task which could have a dramatic & positive impact and something that will make our apps perform better (as well as make <a href="http://stevesouders.com/">Steve Souders</a>, <a href="http://getify.com/">Kyle Simpson</a> & <a href="http://www.nczonline.net/">Nicholas Zakas</a> very happy). :)\r\n\r\nI used to use the <a href="http://developer.yahoo.com/yui/compressor/">YUI Compressor</a> but based on John Resig''s findings during the release of jQuery 1.4, I''ve switched to using Google''s <a href="http://code.google.com/closure/compiler/">Closure Compiler</a> which seems to get better compression.\r\n\r\n<h2>Setting Things Up</h2>\r\n\r\nIt''s incredibly easy to compress files and I''m going to outline the steps. The first thing you need to do is <a href="http://java.com/">download Java</a>. Since the Closure Compiler comes in the form of a .jar binary file, you''ll need Java to run it. Also, I''d recommended ensuring that you make Java available via your OS path so that you don''t need some long, convoluted command line statement to get to it.\r\n\r\nNext, <a href="http://code.google.com/closure/compiler/">download the Closure Compiler .jar file</a> and drop it into a convenient place that''s easily accessible.\r\n\r\n<a href="http://code.google.com/closure/compiler/"><img src="http://blog.reybango.com/wp-content/uploads/2010/06/closure.png" alt="" title="closure" width="575" height="272" class="alignright size-full wp-image-852" /></a>\r\n\r\nFor this tutorial, I''m going to use the <a href="http://code.jquery.com/jquery-1.4.2.js">uncompressed version of jQuery</a> since it''s sizeable and will be a good sample to use to demonstrate the results. Uncompressed, that file comes in at 161kb. Note, though, that jQuery already comes packaged in a <a href="http://code.jquery.com/jquery-1.4.2.min.js">compressed, ready-to-use form</a> via the jQuery website and I''m only using the file for demonstrating file compression.\r\n\r\n<h2>Compressing the Code</h2>\r\n\r\nActually compressing the code is incredibly easy. Note that I''m using Windows so the steps will differ a little if you''re using OSX with terminal.\r\n\r\nGo ahead and click on Start->Run and open a command prompt window by typing in "CMD" and hitting Enter. From there, change directories to the directory where you''ve saved your uncompressed jQuery JavaScript file. If you can''t remember the DOS command for it, <a href="http://www.computerhope.com/msdos.htm">look up "CD"</a> which is the command to allow you to change directories. For example, I need to enter the following to go to my directory:\r\n\r\n<code>cd \\rey\\closure</code>\r\n\r\nNext, run the following command to run the Closure Compiler:\r\n\r\njava -jar compiler.jar --js=jquery-1.4.2.js --js_output_file=jquery-1.4.2-compressed.js\r\n\r\nThis will run the compiler and create a new, compressed version of the .js file. The results are immediately obvious:\r\n\r\n<strong>jQuery Uncompressed: 161kb\r\njQuery Compresse: 71kb</strong>\r\n\r\nShaving off more than 50% of the file size is a REALLY big savings when your users initially come to the site and you want them to get snappy pages.\r\n\r\n<h2>Other Choices</h2>\r\n\r\nI would highly encourage you to check out the other compressors available to determine which one works for you. In a recent post I made <a href="http://blog.reybango.com/2010/04/29/the-big-list-of-javascript-css-and-html-development-tools-libraries-projects-and-books/">outlining a list of tools I think are really important to client-side development</a>, I mentioned the following:\r\n\r\n<a href="http://developer.yahoo.com/yui/compressor/">YUI compressor</a>\r\n<a href="http://www.crockford.com/javascript/jsmin.html">JSMIN</a>\r\n<a href="http://dean.edwards.name/packer/">Dean Edward''s Packer</a>\r\n<a href="http://aspnet.codeplex.com/releases/view/40584">Microsoft Ajax Minifer</a> \r\n<a href="http://shrinksafe.dojotoolkit.org/">Dojo Shrinksafe</a>\r\n\r\nFor example, when I ran those tools on the same uncompressed jQuery file, here''s what I got:\r\n\r\nYUI Compressor: 78kb\r\nMicrosoft''s Ajax Minifier: 72kb\r\nDojo Shrinksafe: 86kb\r\n\r\nI tried using Packer and an online version of JSMin but I think the size of the file caused them both to timeout so I don''t have figures for you.\r\n\r\nAgain, it''s important that you do your own homework as there may settings that I''m not leveraging and could offer even better compression. If you find better performance, let me know. I''d love to hear about it. \r\n', 'Shrinking Your JavaScript Files for Improved Performance', 0, '', 'inherit', 'open', 'open', '', '847-revision-34', '', '', '2010-06-16 12:46:53', '2010-06-16 16:46:53', '', 847, 'http://blog.reybango.com/2010/06/16/847-revision-34/', 0, 'revision', '', 0),
(883, 3, '2010-06-16 12:47:02', '2010-06-16 16:47:02', 'With all of the performance advances in JavaScript engines in modern browsers, it''s easy to forget that we still need to do some legwork ourselves, especially considering how many users are still on older browsers. Compressing JavaScript files is an oft forgotten task which could have a dramatic & positive impact and something that will make our apps perform better (as well as make <a href="http://stevesouders.com/">Steve Souders</a>, <a href="http://getify.com/">Kyle Simpson</a> & <a href="http://www.nczonline.net/">Nicholas Zakas</a> very happy). :)\r\n\r\nI used to use the <a href="http://developer.yahoo.com/yui/compressor/">YUI Compressor</a> but based on John Resig''s findings during the release of jQuery 1.4, I''ve switched to using Google''s <a href="http://code.google.com/closure/compiler/">Closure Compiler</a> which seems to get better compression.\r\n\r\n<h2>Setting Things Up</h2>\r\n\r\nIt''s incredibly easy to compress files and I''m going to outline the steps. The first thing you need to do is <a href="http://java.com/">download Java</a>. Since the Closure Compiler comes in the form of a .jar binary file, you''ll need Java to run it. Also, I''d recommended ensuring that you make Java available via your OS path so that you don''t need some long, convoluted command line statement to get to it.\r\n\r\nNext, <a href="http://code.google.com/closure/compiler/">download the Closure Compiler .jar file</a> and drop it into a convenient place that''s easily accessible.\r\n\r\n<a href="http://code.google.com/closure/compiler/"><img src="http://blog.reybango.com/wp-content/uploads/2010/06/closure.png" alt="" title="closure" width="575" height="272" class="alignright size-full wp-image-852" /></a>\r\n\r\nFor this tutorial, I''m going to use the <a href="http://code.jquery.com/jquery-1.4.2.js">uncompressed version of jQuery</a> since it''s sizeable and will be a good sample to use to demonstrate the results. Uncompressed, that file comes in at 161kb. Note, though, that jQuery already comes packaged in a <a href="http://code.jquery.com/jquery-1.4.2.min.js">compressed, ready-to-use form</a> via the jQuery website and I''m only using the file for demonstrating file compression.\r\n\r\n<h2>Compressing the Code</h2>\r\n\r\nActually compressing the code is incredibly easy. Note that I''m using Windows so the steps will differ a little if you''re using OSX with terminal.\r\n\r\nGo ahead and click on Start->Run and open a command prompt window by typing in "CMD" and hitting Enter. From there, change directories to the directory where you''ve saved your uncompressed jQuery JavaScript file. If you can''t remember the DOS command for it, <a href="http://www.computerhope.com/msdos.htm">look up "CD"</a> which is the command to allow you to change directories. For example, I need to enter the following to go to my directory:\r\n\r\n<code>cd \\rey\\closure</code>\r\n\r\nNext, run the following command to run the Closure Compiler:\r\n\r\njava -jar compiler.jar --js=jquery-1.4.2.js --js_output_file=jquery-1.4.2-compressed.js\r\n\r\nThis will run the compiler and create a new, compressed version of the .js file. The results are immediately obvious:\r\n\r\n<strong>jQuery Uncompressed: 161kb\r\njQuery Compresse: 71kb</strong>\r\n\r\nShaving off more than 50% of the file size is a REALLY big savings when your users initially come to the site and you want them to get snappy pages.\r\n\r\n<h2>Other Choices</h2>\r\n\r\nI would highly encourage you to check out the other compressors available to determine which one works for you. In a recent post I made <a href="http://blog.reybango.com/2010/04/29/the-big-list-of-javascript-css-and-html-development-tools-libraries-projects-and-books/">outlining a list of tools I think are really important to client-side development</a>, I mentioned the following:\r\n\r\n<a href="http://developer.yahoo.com/yui/compressor/">YUI compressor</a>\r\n<a href="http://www.crockford.com/javascript/jsmin.html">JSMIN</a>\r\n<a href="http://dean.edwards.name/packer/">Dean Edward''s Packer</a>\r\n<a href="http://aspnet.codeplex.com/releases/view/40584">Microsoft Ajax Minifer</a> \r\n<a href="http://shrinksafe.dojotoolkit.org/">Dojo Shrinksafe</a>\r\n\r\nFor example, when I ran those tools on the same uncompressed jQuery file, here''s what I got:\r\n\r\nYUI Compressor: 78kb\r\nMicrosoft''s Ajax Minifier: 72kb\r\nDojo Shrinksafe: 86kb\r\n\r\nI tried using Packer and an online version of JSMin but I think the size of the file caused them both to timeout so I don''t have figures for you.\r\n\r\nAgain, it''s important that you do your own homework as there may settings that I''m not leveraging and could offer even better compression. If you find better performance, let me know. I''d love to hear about it. \r\n', 'Shrinking Your JavaScript Files for Improved Performance', 0, '', 'inherit', 'open', 'open', '', '847-revision-35', '', '', '2010-06-16 12:47:02', '2010-06-16 16:47:02', '', 847, 'http://blog.reybango.com/2010/06/16/847-revision-35/', 0, 'revision', '', 0);
INSERT INTO `wp_dyxkdh_posts` (`ID`, `post_author`, `post_date`, `post_date_gmt`, `post_content`, `post_title`, `post_category`, `post_excerpt`, `post_status`, `comment_status`, `ping_status`, `post_password`, `post_name`, `to_ping`, `pinged`, `post_modified`, `post_modified_gmt`, `post_content_filtered`, `post_parent`, `guid`, `menu_order`, `post_type`, `post_mime_type`, `comment_count`) VALUES
(897, 3, '2010-06-22 18:46:42', '2010-06-22 22:46:42', 'I''ve been meaning to do a roll-up of top JavaScript, CSS & HTML development tools that I use or have been recommended to me and after having lunch with my bud Brian Wilpon today, I realized I just needed to do it. He asked me what some of the newer tools are and I think this is the best way to help him (and the community in general). It''s definitely not an all-inclusive list so if you see some that you feel I should add or remove, let me know in the comments.\r\n\r\nHere they are by category:\r\n\r\n<p>\r\n<a href="#sites">Sites and Lists to Learn From</a><br />\r\n<a href="#debug">Debugging Tools That Make Life MUCH Easier</a><br />\r\n<a href="#csse">CSS Editors</a><br />\r\n<a href="#cssf">CSS Frameworks</a><br />\r\n<a href="#cssr">CSS Resets</a><br />\r\n<a href="#jslibs">JavaScript Libraries</a><br />\r\n<a href="#jsmin">JavaScript Minifiers</a><br />\r\n<a href="#jsshells">JavaScript Shells</a><br />\r\n<a href="#color">Color Management</a><br />\r\n<a href="#editors">Editors and IDEs</a><br />\r\n<a href="#wireframe">Wireframing</a><br />\r\n<a href="#browsertest">Browser Testing</a><br />\r\n<a href="#test">Testing</a><br />\r\n<a href="#docs">Documentation</a><br />\r\n<a href="#ssjs">Server-Side JavaScript</a><br />\r\n<a href="#books-js">Books - JavaScript/DOM</a><br />\r\n<a href="#books-jslibs">Books - JavaScript Libraries</a><br />\r\n<a href="#books-html">Books - HTML & CSS</a><br />\r\n<a href="#books-perf">Books - Performance</a><br />\r\n<a href="#podcasts">Podcasts & Videos</a><br />\r\n<a href="#events">Conferences</a><br />\r\n<a href="#blogs">Blogs</a><br />\r\n\r\n<strong><a name="sites"></a>Sites and Lists to Learn From:</strong>\r\n\r\nYou want to make sure you stay up-to-date on the latest and greatest web development best practices and the following sites do a great job of providing information:\r\n\r\n<a href="http://scriptjunkie.com">Script Junkie</a> - I''m a little biased since I manage that site but I''ve worked hard to get the best developers in the industry to create articles that provide actual solutions to common problems. No theory or odd examples. The articles are solutions-based.\r\n<a href="http://jsmentors.com">JSMentors Mailing List</a> - Want to learn JavaScript from elite developers? Then sign-up for this list<br />\r\n<a href="http://visitmix.com/">MIX Online</a> - Great articles and op-ed pieces on web development<br />\r\n<a href="http://badassjs.com/">Badass JavaScript</a> - It''s exactly that; badass. Great JavaScript-related content and news.<br />\r\n<a href="http://dailyjs.com/">Daily JS</a> - A daily does of great JavaScript content. Love it.<br />\r\n<a href="http://www.alistapart.com">A List Apart</a> - Must read for any web developer. <br />\r\n<a href="http://www.smashingmagazine.com/">Smashing Magazine</a> - A nice breadth of articles covering many aspects of web development and design.<br />\r\n<a href="http://net.tutsplus.com/">Nettuts+</a> - Absolutely amazing tutorials on current technologies. Covers server-side and client-side development.<br />\r\n\r\n\r\n\r\n\r\n\r\n<strong><a name="debug"></a>Debugging Tools That Make Life MUCH Easier:</strong>\r\n\r\nEffectively debugging JavaScript applications is a royal pain in the derriere and to compile that, the available tools just don''t stand up to those used by managed code developers. Luckily, we do have a decent set of tools that lessens the pain substantially. Firebug is definitely a must have since it incorporates so much DOM & XHR introspection as well as the Web Developer Toolbar. Both are simply awesome. I also love Charles for HTTP sniffing and it''s saved my butt when Firebug couldn''t handle it. \r\n\r\n<a href="http://msdn.microsoft.com/en-us/library/dd565628%28VS.85%29.aspx">IE8 Developer Tools</a> - Microsoft''s browser debugger tools\r\n<a href="http://getfirebug.com/">Firebug</a> - Mozilla''s browser debugger add-on \r\n<a href="http://trac.webkit.org/wiki/WebInspector">WebKit Web Inspector</a> - Webkit''s browser debugger tools\r\n<a href="http://www.fiddler2.com/fiddler2/">Fiddler</a> - HTTP Sniffer. Great for seeing Ajax requests.\r\n<a href="http://www.charlesproxy.com/">Charles</a> - HTTP Sniffer. Great for seeing Ajax requests. (my personal fav)\r\n<a href="http://kevinlangdon.com/serviceCapture/">Service Capture</a> - HTTP Sniffer. Great for seeing Ajax requests.\r\n<a href="http://ajax.dynatrace.com/pages/">dynaTrace Ajax</a> - HTTP performance analyzer\r\n<a href="http://chrispederick.com/work/web-developer/">Web Developer’s Toolbar</a> - All purpose Firefox toolbar to inspect everything on a page\r\n<a href="http://developer.yahoo.com/yslow/">YSlow</a> - Analyzes page performance based on accepted industry best practices.\r\n<a href="http://code.google.com/speed/page-speed/">PageSpeed</a> - Analyzes page performance based on accepted industry best practices.\r\n<a href="http://www.debugbar.com/">DebugBar</a> - An IE plugin that brings advanced debugging features to IE including JS, DOM & HTTP inspection\r\n<a href="https://chrome.google.com/extensions/detail/gbkffbkamcejhkcaocmkdeiiccpmjfdi">Pendule</a> - Chrome extension similar to Firefox''s Web Developer Toolbar Add-on\r\n\r\n<a name="csse"></a><strong>CSS Editors:</strong>\r\n\r\nI prefer to write my CSS code by hand. Call me old-school but many swear by the following CSS editors. CSSEdit by MacRabbit (Mac only) is especially loved by many designers.\r\n\r\n<a href="http://www.topstyle4.com/">TopStyle</a>\r\n<a href="http://www.blumentals.net/rapidcss/">Rapid CSS</a>\r\n<a href="http://www.culturedcode.com/xyle/">Xyle</a>\r\n<a href="http://www.skybound.ca/">Stylizer</a>\r\n<a href="http://www.macrabbit.com/cssedit/">CSSEdit</a>\r\n\r\n<a name="cssf"></a><strong>CSS Frameworks:</strong>\r\n\r\nThese frameworks have really taken off. Like their JavaScript brethren, they help to abstract much of the complexity of building consistent layouts in cross-browser fashion. They''re definitely something I need to look into more and from what I''ve read, 960 GS & Blueprint are the ones people are looking at.\r\n\r\n<a href="http://960.gs">960 Grid System</a>\r\n<a href="http://blueprintcss.org/">Blueprint CSS Framework</a>\r\n<a href="http://www.yaml.de/en/">YAML</a>\r\n<a href="http://developer.yahoo.com/yui/grids/">Yahoo YUI Grids CSS</a>\r\n<a href="http://devkick.com/lab/tripoli/">Tripoli</a>\r\n<a href="http://net.tutsplus.com/tutorials/html-css-techniques/object-oriented-css-what-how-and-why/">Object-Oriented CSS</a>\r\n\r\n<a name="cssr"></a><strong>CSS Resets:</strong>\r\n\r\nWant to minimize browser inconsistencies? Then use a CSS reset stylesheet to specify baseline CSS styles that make browser presentation defaults more consistent. \r\n\r\n<a href="http://meyerweb.com/eric/tools/css/reset/">Meyer Reset by Eric Meyer</a>\r\n<a href="http://developer.yahoo.com/yui/reset/">YUI2: Reset CSS</a>\r\n<a href="http://www.iecss.com/">IECSS</a>\r\n\r\n<a name="jslibs"></a><strong>JavaScript Libraries:</strong>\r\n\r\nI definitely recommend everyone to learn JavaScript as you''ll need it to be a really effective client-side developer. With that said, a good JS library will go a long way to making your development faster and much more stable. These libraries are all very mature and dramatically help to abstract the complexities of cross-browser development. My personal favorite is <a href="http://jquery.com/">jQuery</a>, of which I''m a member of the project team.\r\n\r\n<a href="http://jquery.com/">jQuery</a>\r\n<a href="http://jqueryui.com">jQuery UI</a>\r\n<a href="http://prototypejs.org/">Prototype</a>\r\n<a href="http://mootools.net/">MooTools</a>\r\n<a href="http://dojotoolkit.org/">Dojo</a>\r\n<a href="http://developer.yahoo.com/yui/">YUI</a>\r\n<a href="http://javascriptmvc.com/">JavaScriptMVC</a>\r\n<a href="http://qooxdoo.org/">qooxdoo</a>\r\n<a href="http://extjs.com">Ext JS</a>\r\n<a href="http://raphaeljs.com/">Raphael.js</a> - simplifies working with vector graphics on the web\r\n<a href="http://labjs.com/">LabJS Dynamic Script Loader</a> - Allows execution and load management of JavaScript files\r\n<a href="http://requirejs.org/">RequireJS Dynamic Script Loader</a> - Allows execution and load management of JavaScript files\r\n<a href="http://brianleroux.github.com/lawnchair/">Lawnchair</a> - A lightweight client-side JSON document store\r\n<a href="http://www.thomasfrank.se/sessionvars.html">Sessvars.js</a> - Client-side session data management solution\r\n<a href="http://codebetter.com/blogs/matthew.podwysocki/archive/2010/02/16/introduction-to-the-reactive-extensions-to-javascript.aspx">Reactive Extensions For JS</a>\r\n<a href="http://beebole.com/pure">PURE JS Templating Lib</a>\r\n<a href="http://documentcloud.github.com/underscore/">Underscore.js</a> - Utility lib for jQuery that provides a ton of extended functionality\r\n<a href="http://dhtmlx.com/">DHTMLX</a>\r\n\r\n<a name="jsmin"></a><strong>JavaScript Minifiers</strong>\r\n\r\nEvery byte counts when you''re sending files via HTTP and best practices dictate that on a production, you need to optimize all of your files to minimize page load times. Compressing JavaScript code is one of the easiest ways to do that and these tools will help. On the jQuery project, we''ve started using Google''s Closure compiler because it''s generated the best compression. Try all of them out to see which suits you best.\r\n\r\n<a href="http://developer.yahoo.com/yui/compressor/">YUI compressor</a>\r\n<a href="http://code.google.com/closure/compiler/">Closure compiler</a>\r\n<a href="http://www.crockford.com/javascript/jsmin.html">JSMIN</a>\r\n<a href="http://dean.edwards.name/packer/">Dean Edward''s Packer</a>\r\n<a href="http://aspnet.codeplex.com/releases/view/40584">Microsoft Ajax Minifer</a> \r\n<a href="http://shrinksafe.dojotoolkit.org/">Dojo Shrinksafe</a>\r\n\r\n<a name="jsshells"></a><strong>JavaScript Shells</strong>\r\n\r\nThere are times when you just want to test a snippet of code without actually going through the trouble of creating a full page. That''s where JavaScript shells shine. JSFiddle and JSBin both rock because apart from supporting plain ole JS, they also allow you to include a host of libraries including jQuery, MooTools, & Dojo. \r\n\r\n<a href="http://jsfiddle.net/">jsfiddle.net</a> \r\n<a href="http://jsbin.com/">JSBin</a>\r\n<a href="http://jsapp.us/">JSApp.us</a> - Shell for node.js development\r\n\r\n<a name="color"></a><strong>Color Management:</strong>\r\n\r\nAs a programmer, I''m insanely color scheme challenged. I''m inclined to mix yellow with mauve causing a concerted moan to occur across the design community. Luckily, these tools help you choose web safe color schemes that are not only consistent but won''t burn the eyeballs off your site visitors. :)\r\n\r\n<a href="http://www.colourlovers.com/">Colourlovers</a>\r\n<a href="http://kuler.adobe.com/">Kuler</a>\r\n\r\n<a name="editors"></a><strong>Editors and IDEs:</strong>\r\n\r\nI work at Microsoft so you would expect me to be a Visual Studio whiz. Not so. Only recently starting at MS, I''ve only dipped my toe in the VS waters. What I''ve seen though has impressed me but I still have a long way to go before I understand it. If you''re on a Mac, though, I do highly recommend both TextMate and Coda. Both are truly awesome. I''ve used Coda a little more because I liked the UI of it a little better than TextMate''s but TM''s bundle system and ecosystem is amazing. You can get code-complete for just about anything via bundles. For Windows, Notepad++ has been just awesome. I wish it had built-in FTP support like UltraEdit. \r\n\r\n<a href="http://msdn.microsoft.com/en-us/vstudio/default.aspx">Visual Studio</a>\r\n<a href="http://www.microsoft.com/expression/">Expression</a>\r\n<a href="http://macromates.com/">TextMate</a>\r\n<a href="http://panic.com/coda/">Coda</a>\r\n<a href="http://www.ultraedit.com/">UltraEdit</a>\r\n<a href="http://www.activestate.com/komodo/">Komodo IDE</a>\r\n<a href="http://notepad-plus.sourceforge.net/uk/site.htm">Notepad++</a>\r\n<a href="http://notepad2.com/">Notepad2</a>\r\n<a href="http://www.barebones.com/products/bbedit/">BBEdit</a>\r\n<a href="http://www.aptana.org/">Aptana</a>\r\n<a href="http://macrabbit.com/espresso/">Espresso</a>\r\n<a href="http://www.sublimetext.com/">Sublime Text</a>\r\n<a href="http://www.jetbrains.com/webstorm/index.html">WebStorm</a>\r\n<a href="http://www.vim.org/">VIM</a>\r\n<a href="http://www.eclipse.org/">Eclipse</a>\r\n<a href="http://netbeans.org/">Netbeans</a>\r\n<a href="http://www.geany.org/">Geany</a>\r\n\r\n<a name="wireframe"></a><strong>Wireframing:</strong>\r\n\r\nI know some of you are cowboys (or cowgirls) and you just want to start hacking. Well, for the truly impatient, these tools at least let you wireframe your pages quickly and easily. I''ve used Balsamiq and FlairBuilder and both rock. It seems that FlairBuilder is really cranking it up with some nice features. Both are Adobe AIR apps which means they''re cross-platform.\r\n\r\n<a href="http://www.omnigroup.com/">Omnigraffle</a>\r\n<a href="http://www.balsamiq.com/">Balsamiq</a>\r\n<a href="http://www.flairbuilder.com/">FlairBuilder</a>\r\n<a href="http://office.microsoft.com/en-us/visio/default.aspx">Visio</a>\r\n<a href="http://www.axure.com/">Axure</a>\r\n\r\n<a name="browsertest"></a><strong>Browser Testing:</strong>\r\n\r\nI''ve been fortunate to have multiple OS versions over the years. My wife would definitely prefer for me to have a couple of less PCs sitting around but it''s let me test out my web apps on a variety of platforms, browsers and OSes. Shoot, I even have a version of IE6! For those with less hardware, these services should definitely help. Note that services like BrowserCam & Gomez are subscription-based but worth the cash if you can afford it.\r\n\r\n<a href="http://www.browsercam.com/Default2.aspx">BrowserCam</a>\r\n<a href="https://browserlab.adobe.com/index.html">Adobe BrowserLab</a>\r\n<a href="http://www.microsoft.com/downloads/details.aspx?FamilyID=8e6ac106-525d-45d0-84db-dccff3fae677&displaylang=en">Microsoft Expression Web SuperPreview for IE</a>\r\n<a href="http://www.gomez.com/products-solutions/products/cross-browser-testing/">Gomez</a>\r\n<a href="http://tredosoft.com/Multiple_IE">TredoSoft MultipleIE</a>\r\n<a href="http://crossbrowsertesting.com/">CrossBrowserTesting</a>\r\n<a href="http://michelf.com/projects/multi-safari/">Multi-Safari</a>\r\n<a href="http://www.browserscope.org/">Browserscope</a>\r\n<a href="http://stevesouders.com/cuzillion/help.php">Cuzillion</a>\r\n<a href="http://www.my-debugbar.com/wiki/IETester/HomePage">IETester</a>\r\n<a href="http://litmusapp.com/">Litmus</a>\r\n\r\n<a name="test"></a><strong>Testing (based on the <a href="http://ejohn.org/blog/which-unit-testing-framework/">list by John Resig</a>):</strong>\r\n\r\nThis was a list I snagged from John Resig. Obviously, he''s done a boatload of testing so I know this list rocks. JSLint is the old mainstay created by Douglas Crockford but other have really become increasingly essential to good testing. jQuery developers should definitely be looking at QUnit & jQuery-Lint. The most complete tool is Selenium but it does have a bit of a learning curve. If you''re into determining JS performance, checkout SunSpider, Dromaeo, Google''s V8 Benchmark and JSLitmus. These measure the performance of the JS engine, not your apps.\r\n\r\n<a href="http://jslint.com/">JSLint</a>\r\n<a href="http://github.com/jamespadolsey/jQuery-Lint">jQuery Lint</a>\r\n<a href="http://www.jsunit.net/">JSUnit</a>\r\n<a href="http://seleniumhq.org/projects/core/">Selenium Core</a>\r\n<a href="http://jania.pe.kr/aw/moin.cgi/JSSpec">JSSpec (MooTools)</a>\r\n<a href="http://github.com/tobie/unittest_js/tree/master">UnitTestJS (Prototype)</a>\r\n<a href="http://docs.jquery.com/QUnit">QUnit (jQuery)</a>\r\n<a href="http://docs.dojocampus.org/quickstart/doh">DOH Unit Testing (Dojo)</a>\r\n<a href="http://developer.yahoo.com/yui/yuitest/">YUITest 2</a>\r\n<a href="http://developer.yahoo.com/yui/3/test/">YUITest 3</a>\r\n<a href="https://developer.mozilla.org/En/Mochitest">Mochitest</a>\r\n<a href="http://github.com/nkallen/screw-unit/tree/master">ScrewUnit</a>\r\n<a href="http://jsunittest.com/">JsUnitTest</a>\r\n<a href="http://jsunity.com/">jsUnity</a> \r\n<a href="http://code.google.com/p/js-test-driver/">JsTestDriver</a>\r\n<a href="http://www.thefrontside.net/crosscheck">Crosscheck</a>\r\n<a href="http://groups.google.com/group/envjs">Env.js</a> \r\n<a href="http://fireunit.org/">FireUnit</a>\r\n<a href="http://validator.w3.org/">W3C Markup Validation Service</a>\r\n<a href="http://jigsaw.w3.org/css-validator/">W3C CSS Validation Service</a>\r\n<a href="http://www2.webkit.org/perf/sunspider-0.9/sunspider.html">SunSpider</a>\r\n<a href="http://code.google.com/apis/v8/run.html">V8 Benchmark</a>\r\n<a href="http://v2.dromaeo.com/">Dromaeo</a>\r\n<a href="http://broofa.com/Tools/JSLitmus/">JSLitmus</a>\r\n<a href="http://users.skynet.be/mgueury/mozilla/">HTML Validator Firefox Add-on</a>\r\n\r\n<a name="docs"></a><strong>Documentation:</strong>\r\n\r\n<a href="http://msdn.microsoft.com/en-us/ie/ff468705.aspx">Internet Explorer 9 Beta Guide for Developers</a>\r\n<a href="http://developer.yahoo.com/yui/">Yahoo UI Docs</a>\r\n<a href="http://www.programmableweb.com/">APIs</a> - Most comprehensive list of APIs on the web\r\n<a href="http://api.jquery.com/">jQuery Docs</a>\r\n<a href="http://jqueryui.com/demos/">jQuery UI Docs</a>\r\n<a href="http://mootools.net/docs/core">MooTools Docs</a>\r\n<a href="http://api.prototypejs.org/">Prototype Docs</a>\r\n<a href="http://dojotoolkit.org/documentation/">Dojo Docs</a>\r\n<a href="http://json.org/">JSON Reference</a>\r\n<a href="http://en.wikipedia.org/wiki/JSON#JSONP">JSONP</a>\r\n\r\n<a name="ssjs"></a><h2>Server-Side JavaScript</h2>\r\n\r\n<a href="http://www.mozilla.org/rhino/">Rhino</a>\r\n<a href="http://nodejs.org/">Node.js</a>\r\n<a href="http://narwhaljs.org/">Narwhal.js</a>\r\n<a href="http://commonjs.org/">CommonJS Standards Project</a>\r\n<a href="http://o.sitepen.com/labs/persevere.php">Persevere</a>\r\n<a href="http://en.wikipedia.org/wiki/Comet_%28programming%29">Comet</a>\r\n\r\n<h2>Books</h2>\r\n\r\nThe books below are really a great selection. I have many in my own library and every so often re-read them I''m currently reading <a href="http://www.amazon.com/gp/product/059680279X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=059680279X">High Performance JavaScript</a> by Nicholas Zakas. Another great book is Stoyan Stefanov''s <a href="http://www.amazon.com/gp/product/1847194141?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847194141">Object-Oriented JavaScript: Create scalable, reusable high-quality JavaScript applications and libraries</a>. I also highly recommend Steve Souders performance book at the bottom of the list. They''re basically the definitive sources for optimizing your web apps.\r\n\r\n<a name="books-js"></a><strong>JavaScript/DOM:</strong>\r\n<ul>\r\n<li><a href="http://www.amazon.com/gp/product/0596101996?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596101996">JavaScript: The Definitive Guide</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596101996" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0596517742?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596517742">JavaScript: The Good Parts</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596517742" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/047022780X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=047022780X">Professional JavaScript for Web Developers (Wrox Programmer to Programmer)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=047022780X" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1590595335?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590595335">DOM Scripting: Web Design with JavaScript and the Document Object Model</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590595335" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1590598563?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590598563">AdvancED DOM Scripting: Dynamic Web Design Techniques</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590598563" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1590596803?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590596803">Beginning JavaScript with DOM Scripting and Ajax: From Novice to Professional (Beginning: from Novice to Professional)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590596803" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1847194141?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847194141">Object-Oriented JavaScript: Create scalable, reusable high-quality JavaScript applications and libraries</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847194141" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1590597273?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590597273">Pro JavaScript Techniques</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590597273" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/193398869X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=193398869X">Secrets of the JavaScript Ninja</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=193398869X" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0321491939?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0321491939">Ajax Security</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0321491939" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0321423305?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0321423305">ppk on JavaScript, 1/e</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0321423305" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1590597648?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590597648">Accelerated DOM Scripting with Ajax, APIs, and Libraries</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590597648" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/059680279X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=059680279X">High Performance JavaScript (Build Faster Web Application Interfaces)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=059680279X" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n</li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0596806752?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596806752">JavaScript Patterns</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596806752" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1934356670?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1934356670">Pragmatic Guide to JavaScript</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1934356670" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/0321683919?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0321683919">Test-Driven JavaScript Development (Developer''s Library)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0321683919" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n</li>\r\n\r\n</ul>\r\n\r\n<a name="books-jslibs"></a><strong>JavaScript Libraries:</strong>\r\n<ul>\r\n<li><a href="http://www.amazon.com/gp/product/0596159773?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596159773">jQuery Cookbook: Solutions & Examples for jQuery Developers (Animal Guide)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596159773" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1847196705?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847196705">Learning jQuery 1.3</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847196705" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1935182323?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1935182323">jQuery in Action, Second Edition</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1935182323" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1847199720?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847199720">jQuery UI 1.7: The User Interface Library for jQuery</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847199720" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.rebeccamurphey.com/jqfundamentals/">Rebecca Murphey''s jQuery Fundamentals Training Materials (Creative Commons License)</a></li>\r\n\r\n\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1934356115?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1934356115">Mastering Dojo: JavaScript and Ajax Tools for Great Web Experiences (Pragmatic Programmers)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1934356115" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1430210664?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1430210664">Practical Dojo Projects (Practical Projects)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1430210664" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/0470452021?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0470452021">Concise Guide to Dojo (Wrox Programmer to Programmer)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0470452021" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/0596516487?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596516487">Dojo: The Definitive Guide</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596516487" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/0321605128?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0321605128">The Dojo Toolkit: Visual QuickStart Guide</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0321605128" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1430225211?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1430225211">Getting StartED with Dojo</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1430225211" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1847194583?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847194583">MooTools 1.2 Beginner''s Guide</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847194583" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1430209836?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1430209836">MooTools Essentials: The Official MooTools Reference for JavaScript™ and Ajax Development (Firstpress)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1430209836" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n</li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1590599195?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590599195">Practical Prototype and script.aculo.us (Expert''s Voice in Web Development)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590599195" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1934356018?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1934356018">Prototype and script.aculo.us: You Never Knew JavaScript Could Do This! (Pragmatic Programmers)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1934356018" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n</li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1933988037?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1933988037">Prototype and Scriptaculous in Action [Ajax]</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1933988037" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1847192327?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847192327">Learning the Yahoo! User Interface library: Develop your next generation web applications with the YUI JavaScript development library.</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847192327" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1847195148?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847195148">Learning Ext JS</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847195148" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n</li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1847198708?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847198708">Ext JS 3.0 Cookbook</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847198708" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1935182110?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1935182110">Ext JS in Action</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1935182110" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n</li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/047038459X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=047038459X">Professional JavaScript Frameworks: Prototype,YUI, ExtJS, Dojo and MooTools (Wrox Programmer to Programmer)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=047038459X" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1935182110?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1935182110">Ext JS in Action</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1935182110" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n</li>\r\n\r\n\r\n</ul>\r\n\r\n\r\n\r\n<a name="books-html"></a><strong>HTML & CSS:</strong>\r\n<ul>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/0321687299?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0321687299">Introducing HTML5 (Voices That Matter)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0321687299" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n</li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/0596806027?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596806027">HTML5: Up and Running</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596806027" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n</li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1430227907?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1430227907">Pro HTML5 Programming: Powerful APIs for Richer Internet Application Development</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1430227907" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n</li>\r\n\r\n\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1590598040?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590598040">Pro CSS and HTML Design Patterns</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590598040" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1430219203?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1430219203">Web Standards Solutions: The Markup and Style Handbook, Special Edition</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1430219203" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0321509021?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0321509021">Bulletproof Web Design: Improving flexibility and protecting against worst-case scenarios with XHTML and CSS (2nd Edition)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0321509021" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.sitepoint.com/books/cssdesign1/?SID=82b54f50488243b44b6b9c7acb10731a">The Art & Science Of CSS</a>\r\n<a href="http://www.sitepoint.com/books/css2/?SID=82b54f50488243b44b6b9c7acb10731a">HTML Utopia: Designing Without Tables Using CSS</a></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0980455278?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0980455278">Build Your Own Website The Right Way Using HTML & CSS, 2nd Edition</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0980455278" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1600330045?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1600330045">Head First HTML with CSS & XHTML</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1600330045" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.webstepbook.com/">Web Programming Step by Step</a></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/0321660773?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0321660773">Microformats Made Simple</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0321660773" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n</li>\r\n\r\n\r\n</ul>\r\n\r\n<a name="books-perf"></a><strong>Performance:</strong>\r\n<ul>\r\n<li><a href="http://www.amazon.com/gp/product/0596529309?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596529309">High Performance Web Sites: Essential Knowledge for Front-End Engineers</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596529309" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0596522304?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596522304">Even Faster Web Sites: Performance Best Practices for Web Developers</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596522304" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n</ul>\r\n\r\n<a name="podcasts"></a><h2>Podcasts & Videos</h2>\r\n\r\n<a href="http://msdn.microsoft.com/en-us/scriptjunkie/ff699060.aspx">Script Junkie Videos</a> - Lots of screencasts to help improve your web development<br />\r\n<a href="http://jsconflive.com/">JSConf Live</a> - Discussions with top JavaScript developers<br />\r\n<a href="http://www.aminutewithbrendan.com/">A Minute with Brendan</a> - Listen to the creator of JavaScript discuss the future of the language<br />\r\n<a href="http://podcast.jquery.com/">Official jQuery Podcast</a> - Discussion with members of the jQuery community<br />\r\n<a href="http://yayquery.com/">YayQuery</a> - General discussion about front-end development<br />\r\n<a href="http://developer.yahoo.com/yui/theater/">YUI Theater</a> - Tons of video presentations about JavaScript and the YUI library<br />\r\n\r\n<a name="events"></a><h2>Conferences</h2>\r\n\r\n<a href="http://jsconf.us/">JSConf U.S.</a> - THE event to attend in the U.S. for the best JavaScript presentations<br />\r\n<a href="http://jsconf.eu/">JSConf Europe</a> - THE event to attend in Europe for the best JavaScript presentations<br />\r\n<a href="http://full-frontal.org/">Full Frontal</a> - Great speakers and topics relating to front-end development<br />\r\n<a href="http://fronteers.nl/">Fronteers</a> - Great speakers and topics relating to front-end development<br />\r\n<a href="http://aneventapart.com/">An Event Apart</a> - If you''re into web design, this event is awesome and is held in multiple cities<br />\r\n<a href="http://events.jquery.org">Official jQuery Conference</a> - The twice yearly jQuery event is the always sold out.<br />\r\n<a href="http://sxsw.com/">SXSW</a> - SO MUCH TO DO at this event. Covers technology along with music and film<br />\r\n\r\n<a name="blogs"></a><h2>Blogs</h2>\r\n\r\n<a href="http://scriptJunkie.com">ScriptJunkie.com</a> - I''m a little biased on this one because I manage this site but I work hard to get really good content about JavaScript as well as HTML & CSS<br />\r\n<a href="http://jsmentors.com/">JSmentors.com</a> - the JavaScript mailing list I started with <a href="http://twitter.com/abozhilov">Asen Bozhilov</a> which provides a safe, professional place to discuss JavaScript and learn from the best<br />\r\n<a href="http://dailyjs.com/">DailyJS</a><br />\r\n<a href="http://badassjs.com/">BadassJS</a><br />\r\n<a href="http://javascriptweekly.com/">JavaScript Weekly Newsletter</a><br />\r\n<a href="http://www.jsmag.com/">JSMag</a> - Monthly Magazine<br />\r\n<a href="http://developer.yahoo.com/yui/theater/">YUI Theatre</a> - Tons of videos on JavaScript-related topics<br />\r\n<a href="http://ejohn.org/category/blog/">John Resig</a><br />\r\n<a href="http://qfox.nl/weblog">Peter van der Zee</a><br />\r\n<a href="http://michaux.ca/">Peter Michaux</a><br />\r\n<a href="http://jsmentors.com/Garrett-Smith.html">Garrett Smith</a><br />\r\n<a href="http://jsmentors.com/Juriy-Zaytsev.html">Juriy Zaytsev a.k.a. kangax</a><br />\r\n<a href="http://jsmentors.com/Dmitry-A-Soshnikov.html">Dmitry A. Soshnikov</a><br />\r\n<a href="http://jsmentors.com/Steven-Levithan.html">Steven Levithan</a><br />\r\n<a href="http://jsmentors.com/John-David-Dalton.html">John-David Dalton</a><br />\r\n<a href="http://jsmentors.com/Stoyan-Stefanov.html">Stoyan Stefanov</a><br />\r\n<a href="http://jsmentors.com/Benjamin-Rosseaux.html">Benjamin Rosseaux a.k.a. BeRo</a><br />\r\n<a href="http://jsmentors.com/Diego-Perini.html">Diego Perini</a><br />\r\n<a href="http://javascriptweblog.wordpress.com/">Angus Croll</a><br />\r\n<a href="http://jsmentors.com/Peter-van-der-Zee.html">Peter van der Zee</a><br />\r\n<a href="http://jsmentors.com/Christian-C-Salvado.html">Christian C. Salvadó</a><br />\r\n<a href=http://jsmentors.com/"Christophe-Porteneuve.html">Christophe Porteneuve</a><br />\r\n<a href="http://jsmentors.com/Nicholas-C-Zakas.html">Nicholas C. Zakas</a><br />\r\n<a href="http://jsmentors.com/David-Flanagan.html">David Flanagan</a><br />\r\n<a href="http://feeds.feedburner.com/reybango/zSyW">Rey Bango</a> - That''s me! Here''s my feed URL. Subscribe!<br />\r\n\r\n\r\n', 'The Big List of JavaScript, CSS, and HTML Development Tools, Libraries, Projects, and Books', 0, '', 'publish', 'open', 'open', '', 'the-big-list-of-javascript-css-and-html-development-tools-libraries-projects-and-books', '', '', '2011-01-05 18:08:17', '2011-01-05 22:08:17', '', 0, 'http://blog.reybango.com/?page_id=897', 0, 'page', '', 6);
INSERT INTO `wp_dyxkdh_posts` (`ID`, `post_author`, `post_date`, `post_date_gmt`, `post_content`, `post_title`, `post_category`, `post_excerpt`, `post_status`, `comment_status`, `ping_status`, `post_password`, `post_name`, `to_ping`, `pinged`, `post_modified`, `post_modified_gmt`, `post_content_filtered`, `post_parent`, `guid`, `menu_order`, `post_type`, `post_mime_type`, `comment_count`) VALUES
(898, 3, '2010-06-22 18:45:54', '2010-06-22 22:45:54', 'I''ve been meaning to do a roll-up of top JavaScript, CSS & HTML development tools that I use or have been recommended to me and after having lunch with my bud Brian Wilpon today, I realized I just needed to do it. He asked me what some of the newer tools are and I think this is the best way to help him (and the community in general). It''s definitely not an all-inclusive list so if you see some that you feel I should add or remove, let me know in the comments.\n\nHere they are by category:\n\n<strong>Debugging Tools That Make Life MUCH Easier:</strong>\n\nEffectively debugging JavaScript applications is a royal pain in the derriere and to compile that, the available tools just don''t stand up to those used by managed code developers. Luckily, we do have a decent set of tools that lessens the pain substantially. Firebug is definitely a must have since it incorporates so much DOM & XHR introspection as well as the Web Developer Toolbar. Both are simply awesome. I also love Charles for HTTP sniffing and it''s saved my butt when Firebug couldn''t handle it. \n\n<a href="http://msdn.microsoft.com/en-us/library/dd565628%28VS.85%29.aspx">IE8 Developer Tools</a> - Microsoft''s browser debugger tools\n<a href="http://getfirebug.com/">Firebug</a> - Mozilla''s browser debugger add-on \n<a href="http://trac.webkit.org/wiki/WebInspector">WebKit Web Inspector</a> - Webkit''s browser debugger tools\n<a href="http://www.fiddler2.com/fiddler2/">Fiddler</a> - HTTP Sniffer. Great for seeing Ajax requests.\n<a href="http://www.charlesproxy.com/">Charles</a> - HTTP Sniffer. Great for seeing Ajax requests. (my personal fav)\n<a href="http://kevinlangdon.com/serviceCapture/">Service Capture</a> - HTTP Sniffer. Great for seeing Ajax requests.\n<a href="http://ajax.dynatrace.com/pages/">dynaTrace Ajax</a> - HTTP performance analyzer\n<a href="http://chrispederick.com/work/web-developer/">Web Developer’s Toolbar</a> - All purpose Firefox toolbar to inspect everything on a page\n<a href="http://developer.yahoo.com/yslow/">YSlow</a> - Analyzes page performance based on accepted industry best practices.\n<a href="http://code.google.com/speed/page-speed/">PageSpeed</a> - Analyzes page performance based on accepted industry best practices.\n<a href="http://www.debugbar.com/">DebugBar</a> - An IE plugin that brings advanced debugging features to IE including JS, DOM & HTTP inspection\n\n<strong>CSS Editors:</strong>\n\nI prefer to write my CSS code by hand. Call me old-school but many swear by the following CSS editors. CSSEdit by MacRabbit (Mac only) is especially loved by many designers.\n\n<a href="http://www.topstyle4.com/">TopStyle</a>\n<a href="http://www.blumentals.net/rapidcss/">Rapid CSS</a>\n<a href="http://www.culturedcode.com/xyle/">Xyle</a>\n<a href="http://www.skybound.ca/">Stylizer</a>\n<a href="http://www.macrabbit.com/cssedit/">CSSEdit</a>\n\n<strong>CSS Frameworks:</strong>\n\nThese frameworks have really taken off. Like their JavaScript brethren, they help to abstract much of the complexity of building consistent layouts in cross-browser fashion. They''re definitely something I need to look into more and from what I''ve read, 960 GS & Blueprint are the ones people are looking at.\n\n<a href="http://960.gs">960 Grid System</a>\n<a href="http://blueprintcss.org/">Blueprint CSS Framework</a>\n<a href="http://www.yaml.de/en/">YAML</a>\n<a href="http://developer.yahoo.com/yui/grids/">Yahoo YUI Grids CSS</a>\n<a href="http://devkick.com/lab/tripoli/">Tripoli</a>\n<a href="http://net.tutsplus.com/tutorials/html-css-techniques/object-oriented-css-what-how-and-why/">Object-Oriented CSS</a>\n\n<strong>CSS Resets:</strong>\n\nWant to minimize browser inconsistencies? Then use a CSS reset stylesheet to specify baseline CSS styles that make browser presentation defaults more consistent. \n\n<a href="http://meyerweb.com/eric/tools/css/reset/">Meyer Reset by Eric Meyer</a>\n<a href="http://developer.yahoo.com/yui/reset/">YUI2: Reset CSS</a>\n<a href="http://www.iecss.com/">IECSS</a>\n\n<strong>JavaScript Libraries:</strong>\n\nI definitely recommend everyone to learn JavaScript as you''ll need it to be a really effective client-side developer. With that said, a good JS library will go a long way to making your development faster and much more stable. These libraries are all very mature and dramatically help to abstract the complexities of cross-browser development. My personal favorite is <a href="http://jquery.com/">jQuery</a>, of which I''m a member of the project team.\n\n<a href="http://jquery.com/">jQuery</a>\n<a href="http://jqueryui.com">jQuery UI</a>\n<a href="http://prototypejs.org/">Prototype</a>\n<a href="http://mootools.net/">MooTools</a>\n<a href="http://dojotoolkit.org/">Dojo</a>\n<a href="http://developer.yahoo.com/yui/">YUI</a>\n<a href="http://javascriptmvc.com/">JavaScriptMVC</a>\n<a href="http://qooxdoo.org/">qooxdoo</a>\n<a href="http://extjs.com">Ext JS</a>\n<a href="http://labs.adobe.com/technologies/spry/">Adobe Spry</a>\n<a href="http://raphaeljs.com/">Raphael.js</a> - simplifies working with vector graphics on the web\n<a href="http://labjs.com/">LabJS Dynamic Script Loader</a> - Allows execution and load management of JavaScript files\n<a href="http://brianleroux.github.com/lawnchair/">Lawnchair</a> - A lightweight client-side JSON document store\n<a href="http://www.thomasfrank.se/sessionvars.html">Sessvars.js</a> - Client-side session data management solution\n<a href="http://codebetter.com/blogs/matthew.podwysocki/archive/2010/02/16/introduction-to-the-reactive-extensions-to-javascript.aspx">Reactive Extensions For JS</a>\n<a href="http://beebole.com/pure">PURE JS Templating Lib</a>\n<a href="http://documentcloud.github.com/underscore/">Underscore.js</a> - Utility lib for jQuery that provides a ton of extended functionality\n\n<strong>JavaScript Minifiers</strong>\n\nEvery byte counts when you''re sending files via HTTP and best practices dictate that on a production, you need to optimize all of your files to minimize page load times. Compressing JavaScript code is one of the easiest ways to do that and these tools will help. On the jQuery project, we''ve started using Google''s Closure compiler because it''s generated the best compression. Try all of them out to see which suits you best.\n\n<a href="http://developer.yahoo.com/yui/compressor/">YUI compressor</a>\n<a href="http://code.google.com/closure/compiler/">Closure compiler</a>\n<a href="http://www.crockford.com/javascript/jsmin.html">JSMIN</a>\n<a href="http://dean.edwards.name/packer/">Dean Edward''s Packer</a>\n<a href="http://aspnet.codeplex.com/releases/view/40584">Microsoft Ajax Minifer</a> \n<a href="http://shrinksafe.dojotoolkit.org/">Dojo Shrinksafe</a>\n\n<strong>JavaScript Shells</strong>\n\nThere are times when you just want to test a snippet of code without actually going through the trouble of creating a full page. That''s where JavaScript shells shine. JSFiddle and JSBin both rock because apart from supporting plain ole JS, they also allow you to include a host of libraries including jQuery, MooTools, & Dojo. \n\n<a href="http://jsfiddle.net/">jsfiddle.net</a> \n<a href="http://jsbin.com/">JSBin</a>\n<a href="http://mootools.net/shell/">mootools.net/shell</a> <em>(MooTools-specific)</em>\n\n<strong>Color Management:</strong>\n\nAs a programmer, I''m insanely color scheme challenged. I''m inclined to mix yellow with mauve causing a concerted moan to occur across the design community. Luckily, these tools help you choose web safe color schemes that are not only consistent but won''t burn the eyeballs off your site visitors. :)\n\n<a href="http://www.colourlovers.com/">Colourlovers</a>\n<a href="http://kuler.adobe.com/">Kuler</a>\n\n<strong>Editors and IDEs:</strong>\n\nI work at Microsoft so you would expect me to be a Visual Studio whiz. Not so. Only recently starting at MS, I''ve only dipped my toe in the VS waters. What I''ve seen though has impressed me but I still have a long way to go before I understand it. If you''re on a Mac, though, I do highly recommend both TextMate and Coda. Both are truly awesome. I''ve used Coda a little more because I liked the UI of it a little better than TextMate''s but TM''s bundle system and ecosystem is amazing. You can get code-complete for just about anything via bundles. For Windows, Notepad++ has been just awesome. I wish it had built-in FTP support like UltraEdit. \n\n<a href="http://msdn.microsoft.com/en-us/vstudio/default.aspx">Visual Studio</a>\n<a href="http://www.microsoft.com/expression/">Expression</a>\n<a href="http://macromates.com/">TextMate</a>\n<a href="http://panic.com/coda/">Coda</a>\n<a href="http://www.ultraedit.com/">UltraEdit</a>\n<a href="http://www.activestate.com/komodo/">Komodo IDE</a>\n<a href="http://notepad-plus.sourceforge.net/uk/site.htm">Notepad++</a>\n<a href="http://notepad2.com/">Notepad2</a>\n<a href="http://www.barebones.com/products/bbedit/">BBEdit</a>\n<a href="http://www.aptana.org/">Aptana</a>\n<a href="http://macrabbit.com/espresso/">Espresso</a>\n<a href="http://www.sublimetext.com/">Sublime Text</a>\n<a href="http://www.jetbrains.com/webstorm/index.html">WebStorm</a>\n<a href="http://www.vim.org/">VIM</a>\n<a href="http://www.eclipse.org/">Eclipse</a>\n<a href="http://netbeans.org/">Netbeans</a>\n<a href="http://www.geany.org/">Geany</a>\n\n<strong>Wireframing:</strong>\n\nI know some of you are cowboys (or cowgirls) and you just want to start hacking. Well, for the truly impatient, these tools at least let you wireframe your pages quickly and easily. I''ve used Balsamiq and FlairBuilder and both rock. It seems that FlairBuilder is really cranking it up with some nice features. Both are Adobe AIR apps which means they''re cross-platform.\n\n<a href="http://www.omnigroup.com/">Omnigraffle</a>\n<a href="http://www.balsamiq.com/">Balsamiq</a>\n<a href="http://www.flairbuilder.com/">FlairBuilder</a>\n<a href="http://office.microsoft.com/en-us/visio/default.aspx">Visio</a>\n<a href="http://www.axure.com/">Axure</a>\n\n<strong>Browser Testing:</strong>\n\nI''ve been fortunate to have multiple OS versions over the years. My wife would definitely prefer for me to have a couple of less PCs sitting around but it''s let me test out my web apps on a variety of platforms, browsers and OSes. Shoot, I even have a version of IE6! For those with less hardware, these services should definitely help. Note that services like BrowserCam & Gomez are subscription-based but worth the cash if you can afford it.\n\n<a href="http://www.browsercam.com/Default2.aspx">BrowserCam</a>\n<a href="https://browserlab.adobe.com/index.html">Adobe BrowserLab</a>\n<a href="http://www.microsoft.com/downloads/details.aspx?FamilyID=8e6ac106-525d-45d0-84db-dccff3fae677&displaylang=en">Microsoft Expression Web SuperPreview for IE</a>\n<a href="http://www.gomez.com/products-solutions/products/cross-browser-testing/">Gomez</a>\n<a href="http://tredosoft.com/Multiple_IE">TredoSoft MultipleIE</a>\n<a href="http://crossbrowsertesting.com/">CrossBrowserTesting</a>\n<a href="http://michelf.com/projects/multi-safari/">Multi-Safari</a>\n<a href="http://www.browserscope.org/">Browserscope</a>\n<a href="http://stevesouders.com/cuzillion/help.php">Cuzillion</a>\n<a href="http://www.my-debugbar.com/wiki/IETester/HomePage">IETester</a>\n\n<strong>Testing (based on the <a href="http://ejohn.org/blog/which-unit-testing-framework/">list by John Resig</a>):</strong>\n\nThis was a list I snagged from John Resig. Obviously, he''s done a boatload of testing so I know this list rocks. JSLint is the old mainstay created by Douglas Crockford but other have really become increasingly essential to good testing. jQuery developers should definitely be looking at QUnit & jQuery-Lint. The most complete tool is Selenium but it does have a bit of a learning curve. If you''re into determining JS performance, checkout SunSpider, Dromaeo, Google''s V8 Benchmark and JSLitmus. These measure the performance of the JS engine, not your apps.\n\n<a href="http://jslint.com/">JSLint</a>\n<a href="http://github.com/jamespadolsey/jQuery-Lint">jQuery Lint</a>\n<a href="http://www.jsunit.net/">JSUnit</a>\n<a href="http://seleniumhq.org/projects/core/">Selenium Core</a>\n<a href="http://jania.pe.kr/aw/moin.cgi/JSSpec">JSSpec (MooTools)</a>\n<a href="http://github.com/tobie/unittest_js/tree/master">UnitTestJS (Prototype)</a>\n<a href="http://docs.jquery.com/QUnit">QUnit (jQuery)</a>\n<a href="http://docs.dojocampus.org/quickstart/doh">DOH Unit Testing (Dojo)</a>\n<a href="http://developer.yahoo.com/yui/yuitest/">YUITest 2</a>\n<a href="http://developer.yahoo.com/yui/3/test/">YUITest 3</a>\n<a href="https://developer.mozilla.org/En/Mochitest">Mochitest</a>\n<a href="http://github.com/nkallen/screw-unit/tree/master">ScrewUnit</a>\n<a href="http://jsunittest.com/">JsUnitTest</a>\n<a href="http://jsunity.com/">jsUnity</a> \n<a href="http://code.google.com/p/js-test-driver/">JsTestDriver</a>\n<a href="http://www.thefrontside.net/crosscheck">Crosscheck</a>\n<a href="http://groups.google.com/group/envjs">Env.js</a> \n<a href="http://fireunit.org/">FireUnit</a>\n<a href="http://validator.w3.org/">W3C Markup Validation Service</a>\n<a href="http://jigsaw.w3.org/css-validator/">W3C CSS Validation Service</a>\n<a href="http://www2.webkit.org/perf/sunspider-0.9/sunspider.html">SunSpider</a>\n<a href="http://code.google.com/apis/v8/run.html">V8 Benchmark</a>\n<a href="http://v2.dromaeo.com/">Dromaeo</a>\n<a href="http://broofa.com/Tools/JSLitmus/">JSLitmus</a>\n<a href="http://users.skynet.be/mgueury/mozilla/">HTML Validator Firefox Add-on</a>\n\n<strong>Documentation:</strong>\n\n<a href="http://developer.yahoo.com/yui/">Yahoo UI Docs</a>\n<a href="http://www.programmableweb.com/">APIs</a> - Most comprehensive list of APIs on the web\n<a href="http://api.jquery.com/">jQuery Docs</a>\n<a href="http://jqueryui.com/demos/">jQuery UI Docs</a>\n<a href="http://mootools.net/docs/core">MooTools Docs</a>\n<a href="http://api.prototypejs.org/">Prototype Docs</a>\n<a href="http://dojotoolkit.org/documentation/">Dojo Docs</a>\n<a href="http://json.org/">JSON Reference</a>\n<a href="http://en.wikipedia.org/wiki/JSON#JSONP">JSONP</a>\n\n<h2>Server-Side JavaScript</h2>\n\n<a href="http://www.mozilla.org/rhino/">Rhino</a>\n<a href="http://nodejs.org/">Node.js</a>\n<a href="http://narwhaljs.org/">Narwhal.js</a>\n<a href="http://commonjs.org/">CommonJS Standards Project</a>\n<a href="http://o.sitepen.com/labs/persevere.php">Persevere</a>\n<a href="http://en.wikipedia.org/wiki/Comet_%28programming%29">Comet</a>\n\n<h2>Books</h2>\n\nThe books below are really a great selection. I have many in my own library and every so often re-read them I''m currently reading <a href="http://www.amazon.com/gp/product/059680279X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=059680279X">High Performance JavaScript</a> by Nicholas Zakas. Another great book is Stoyan Stefanov''s <a href="http://www.amazon.com/gp/product/1847194141?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847194141">Object-Oriented JavaScript: Create scalable, reusable high-quality JavaScript applications and libraries</a>. I also highly recommend Steve Souders performance book at the bottom of the list. They''re basically the definitive sources for optimizing your web apps.\n\n<strong>JavaScript/DOM:</strong>\n<ul>\n<li><a href="http://www.amazon.com/gp/product/0596101996?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596101996">JavaScript: The Definitive Guide</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596101996" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\n\n<li><a href="http://www.amazon.com/gp/product/0596517742?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596517742">JavaScript: The Good Parts</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596517742" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\n\n<li><a href="http://www.amazon.com/gp/product/047022780X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=047022780X">Professional JavaScript for Web Developers (Wrox Programmer to Programmer)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=047022780X" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\n\n<li><a href="http://www.amazon.com/gp/product/1590595335?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590595335">DOM Scripting: Web Design with JavaScript and the Document Object Model</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590595335" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\n\n<li><a href="http://www.amazon.com/gp/product/1590598563?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590598563">AdvancED DOM Scripting: Dynamic Web Design Techniques</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590598563" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\n\n<li><a href="http://www.amazon.com/gp/product/1590596803?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590596803">Beginning JavaScript with DOM Scripting and Ajax: From Novice to Professional (Beginning: from Novice to Professional)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590596803" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\n\n<li><a href="http://www.amazon.com/gp/product/1847194141?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847194141">Object-Oriented JavaScript: Create scalable, reusable high-quality JavaScript applications and libraries</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847194141" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\n\n<li><a href="http://www.amazon.com/gp/product/1590597273?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590597273">Pro JavaScript Techniques</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590597273" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\n\n<li><a href="http://www.amazon.com/gp/product/193398869X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=193398869X">Secrets of the JavaScript Ninja</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=193398869X" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\n\n<li><a href="http://www.amazon.com/gp/product/0321491939?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0321491939">Ajax Security</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0321491939" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\n\n<li><a href="http://www.amazon.com/gp/product/0321423305?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0321423305">ppk on JavaScript, 1/e</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0321423305" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\n\n<li><a href="http://www.amazon.com/gp/product/1590597648?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590597648">Accelerated DOM Scripting with Ajax, APIs, and Libraries</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590597648" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\n\n<li><a href="http://www.amazon.com/gp/product/059680279X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=059680279X">High Performance JavaScript (Build Faster Web Application Interfaces)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=059680279X" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\n</li>\n</ul>\n\n<strong>JavaScript Libraries:</strong>\n<ul>\n<li><a href="http://www.amazon.com/gp/product/0596159773?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596159773">jQuery Cookbook: Solutions & Examples for jQuery Developers (Animal Guide)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596159773" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\n\n<li><a href="http://www.amazon.com/gp/product/1847196705?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847196705">Learning jQuery 1.3</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847196705" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\n\n<li><a href="http://www.amazon.com/gp/product/1935182323?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1935182323">jQuery in Action, Second Edition</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1935182323" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\n\n	<li><a href="http://www.amazon.com/gp/product/1847199720?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847199720">jQuery UI 1.7: The User Interface Library for jQuery</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847199720" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\n\n	<li><a href="http://www.rebeccamurphey.com/jqfundamentals/">Rebecca Murphey''s jQuery Fundamentals Training Materials (Creative Commons License)</a></li>\n\n\n\n	<li><a href="http://www.amazon.com/gp/product/1934356115?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1934356115">Mastering Dojo: JavaScript and Ajax Tools for Great Web Experiences (Pragmatic Programmers)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1934356115" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\n\n\n	<li><a href="http://www.amazon.com/gp/product/1430210664?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1430210664">Practical Dojo Projects (Practical Projects)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1430210664" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\n\n\n	<li><a href="http://www.amazon.com/gp/product/0470452021?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0470452021">Concise Guide to Dojo (Wrox Programmer to Programmer)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0470452021" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\n\n\n	<li><a href="http://www.amazon.com/gp/product/0596516487?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596516487">Dojo: The Definitive Guide</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596516487" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\n\n\n	<li><a href="http://www.amazon.com/gp/product/0321605128?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0321605128">The Dojo Toolkit: Visual QuickStart Guide</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0321605128" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\n\n\n	<li><a href="http://www.amazon.com/gp/product/1430225211?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1430225211">Getting StartED with Dojo</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1430225211" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\n\n	<li><a href="http://www.amazon.com/gp/product/1847194583?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847194583">MooTools 1.2 Beginner''s Guide</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847194583" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\n\n	<li><a href="http://www.amazon.com/gp/product/1430209836?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1430209836">MooTools Essentials: The Official MooTools Reference for JavaScript™ and Ajax Development (Firstpress)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1430209836" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\n</li>\n\n	<li><a href="http://www.amazon.com/gp/product/1590599195?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590599195">Practical Prototype and script.aculo.us (Expert''s Voice in Web Development)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590599195" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\n\n	<li><a href="http://www.amazon.com/gp/product/1934356018?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1934356018">Prototype and script.aculo.us: You Never Knew JavaScript Could Do This! (Pragmatic Programmers)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1934356018" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\n</li>\n\n	<li><a href="http://www.amazon.com/gp/product/1933988037?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1933988037">Prototype and Scriptaculous in Action [Ajax]</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1933988037" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\n\n	<li><a href="http://www.amazon.com/gp/product/1847192327?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847192327">Learning the Yahoo! User Interface library: Develop your next generation web applications with the YUI JavaScript development library.</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847192327" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\n\n	<li><a href="http://www.amazon.com/gp/product/1847195148?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847195148">Learning Ext JS</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847195148" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\n</li>\n\n	<li><a href="http://www.amazon.com/gp/product/1847198708?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847198708">Ext JS 3.0 Cookbook</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847198708" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\n\n	<li><a href="http://www.amazon.com/gp/product/1935182110?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1935182110">Ext JS in Action</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1935182110" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\n</li>\n\n<li><a href="http://www.amazon.com/gp/product/047038459X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=047038459X">Professional JavaScript Frameworks: Prototype,YUI, ExtJS, Dojo and MooTools (Wrox Programmer to Programmer)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=047038459X" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\n\n</ul>\n\n\n\n<strong>HTML & CSS:</strong>\n<ul>\n<li><a href="http://www.amazon.com/gp/product/1590598040?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590598040">Pro CSS and HTML Design Patterns</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590598040" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\n\n<li><a href="http://www.amazon.com/gp/product/1430219203?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1430219203">Web Standards Solutions: The Markup and Style Handbook, Special Edition</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1430219203" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\n\n<li><a href="http://www.amazon.com/gp/product/0321509021?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0321509021">Bulletproof Web Design: Improving flexibility and protecting against worst-case scenarios with XHTML and CSS (2nd Edition)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0321509021" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\n\n<li><a href="http://www.sitepoint.com/books/cssdesign1/?SID=82b54f50488243b44b6b9c7acb10731a">The Art & Science Of CSS</a>\n<a href="http://www.sitepoint.com/books/css2/?SID=82b54f50488243b44b6b9c7acb10731a">HTML Utopia: Designing Without Tables Using CSS</a></li>\n\n<li><a href="http://www.amazon.com/gp/product/0980455278?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0980455278">Build Your Own Website The Right Way Using HTML & CSS, 2nd Edition</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0980455278" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\n\n<li><a href="http://www.amazon.com/gp/product/1600330045?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1600330045">Head First HTML with CSS & XHTML</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1600330045" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\n\n	<li><a href="http://www.webstepbook.com/">Web Programming Step by Step</a></li>\n\n</ul>\n\n<strong>Performance:</strong>\n<ul>\n<li><a href="http://www.amazon.com/gp/product/0596529309?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596529309">High Performance Web Sites: Essential Knowledge for Front-End Engineers</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596529309" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\n\n<li><a href="http://www.amazon.com/gp/product/0596522304?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596522304">Even Faster Web Sites: Performance Best Practices for Web Developers</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596522304" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\n</ul>\n', 'The Big List of JavaScript, CSS, and HTML Development Tools, Libraries, Projects, and Books', 0, '', 'inherit', 'open', 'open', '', '897-revision', '', '', '2010-06-22 18:45:54', '2010-06-22 22:45:54', '', 897, 'http://blog.reybango.com/2010/06/22/897-revision/', 0, 'revision', '', 0);
INSERT INTO `wp_dyxkdh_posts` (`ID`, `post_author`, `post_date`, `post_date_gmt`, `post_content`, `post_title`, `post_category`, `post_excerpt`, `post_status`, `comment_status`, `ping_status`, `post_password`, `post_name`, `to_ping`, `pinged`, `post_modified`, `post_modified_gmt`, `post_content_filtered`, `post_parent`, `guid`, `menu_order`, `post_type`, `post_mime_type`, `comment_count`) VALUES
(899, 3, '2010-06-22 18:46:01', '2010-06-22 22:46:01', 'I''ve been meaning to do a roll-up of top JavaScript, CSS & HTML development tools that I use or have been recommended to me and after having lunch with my bud Brian Wilpon today, I realized I just needed to do it. He asked me what some of the newer tools are and I think this is the best way to help him (and the community in general). It''s definitely not an all-inclusive list so if you see some that you feel I should add or remove, let me know in the comments.\r\n\r\nHere they are by category:\r\n\r\n<strong>Debugging Tools That Make Life MUCH Easier:</strong>\r\n\r\nEffectively debugging JavaScript applications is a royal pain in the derriere and to compile that, the available tools just don''t stand up to those used by managed code developers. Luckily, we do have a decent set of tools that lessens the pain substantially. Firebug is definitely a must have since it incorporates so much DOM & XHR introspection as well as the Web Developer Toolbar. Both are simply awesome. I also love Charles for HTTP sniffing and it''s saved my butt when Firebug couldn''t handle it. \r\n\r\n<a href="http://msdn.microsoft.com/en-us/library/dd565628%28VS.85%29.aspx">IE8 Developer Tools</a> - Microsoft''s browser debugger tools\r\n<a href="http://getfirebug.com/">Firebug</a> - Mozilla''s browser debugger add-on \r\n<a href="http://trac.webkit.org/wiki/WebInspector">WebKit Web Inspector</a> - Webkit''s browser debugger tools\r\n<a href="http://www.fiddler2.com/fiddler2/">Fiddler</a> - HTTP Sniffer. Great for seeing Ajax requests.\r\n<a href="http://www.charlesproxy.com/">Charles</a> - HTTP Sniffer. Great for seeing Ajax requests. (my personal fav)\r\n<a href="http://kevinlangdon.com/serviceCapture/">Service Capture</a> - HTTP Sniffer. Great for seeing Ajax requests.\r\n<a href="http://ajax.dynatrace.com/pages/">dynaTrace Ajax</a> - HTTP performance analyzer\r\n<a href="http://chrispederick.com/work/web-developer/">Web Developer’s Toolbar</a> - All purpose Firefox toolbar to inspect everything on a page\r\n<a href="http://developer.yahoo.com/yslow/">YSlow</a> - Analyzes page performance based on accepted industry best practices.\r\n<a href="http://code.google.com/speed/page-speed/">PageSpeed</a> - Analyzes page performance based on accepted industry best practices.\r\n<a href="http://www.debugbar.com/">DebugBar</a> - An IE plugin that brings advanced debugging features to IE including JS, DOM & HTTP inspection\r\n\r\n<strong>CSS Editors:</strong>\r\n\r\nI prefer to write my CSS code by hand. Call me old-school but many swear by the following CSS editors. CSSEdit by MacRabbit (Mac only) is especially loved by many designers.\r\n\r\n<a href="http://www.topstyle4.com/">TopStyle</a>\r\n<a href="http://www.blumentals.net/rapidcss/">Rapid CSS</a>\r\n<a href="http://www.culturedcode.com/xyle/">Xyle</a>\r\n<a href="http://www.skybound.ca/">Stylizer</a>\r\n<a href="http://www.macrabbit.com/cssedit/">CSSEdit</a>\r\n\r\n<strong>CSS Frameworks:</strong>\r\n\r\nThese frameworks have really taken off. Like their JavaScript brethren, they help to abstract much of the complexity of building consistent layouts in cross-browser fashion. They''re definitely something I need to look into more and from what I''ve read, 960 GS & Blueprint are the ones people are looking at.\r\n\r\n<a href="http://960.gs">960 Grid System</a>\r\n<a href="http://blueprintcss.org/">Blueprint CSS Framework</a>\r\n<a href="http://www.yaml.de/en/">YAML</a>\r\n<a href="http://developer.yahoo.com/yui/grids/">Yahoo YUI Grids CSS</a>\r\n<a href="http://devkick.com/lab/tripoli/">Tripoli</a>\r\n<a href="http://net.tutsplus.com/tutorials/html-css-techniques/object-oriented-css-what-how-and-why/">Object-Oriented CSS</a>\r\n\r\n<strong>CSS Resets:</strong>\r\n\r\nWant to minimize browser inconsistencies? Then use a CSS reset stylesheet to specify baseline CSS styles that make browser presentation defaults more consistent. \r\n\r\n<a href="http://meyerweb.com/eric/tools/css/reset/">Meyer Reset by Eric Meyer</a>\r\n<a href="http://developer.yahoo.com/yui/reset/">YUI2: Reset CSS</a>\r\n<a href="http://www.iecss.com/">IECSS</a>\r\n\r\n<strong>JavaScript Libraries:</strong>\r\n\r\nI definitely recommend everyone to learn JavaScript as you''ll need it to be a really effective client-side developer. With that said, a good JS library will go a long way to making your development faster and much more stable. These libraries are all very mature and dramatically help to abstract the complexities of cross-browser development. My personal favorite is <a href="http://jquery.com/">jQuery</a>, of which I''m a member of the project team.\r\n\r\n<a href="http://jquery.com/">jQuery</a>\r\n<a href="http://jqueryui.com">jQuery UI</a>\r\n<a href="http://prototypejs.org/">Prototype</a>\r\n<a href="http://mootools.net/">MooTools</a>\r\n<a href="http://dojotoolkit.org/">Dojo</a>\r\n<a href="http://developer.yahoo.com/yui/">YUI</a>\r\n<a href="http://javascriptmvc.com/">JavaScriptMVC</a>\r\n<a href="http://qooxdoo.org/">qooxdoo</a>\r\n<a href="http://extjs.com">Ext JS</a>\r\n<a href="http://labs.adobe.com/technologies/spry/">Adobe Spry</a>\r\n<a href="http://raphaeljs.com/">Raphael.js</a> - simplifies working with vector graphics on the web\r\n<a href="http://labjs.com/">LabJS Dynamic Script Loader</a> - Allows execution and load management of JavaScript files\r\n<a href="http://brianleroux.github.com/lawnchair/">Lawnchair</a> - A lightweight client-side JSON document store\r\n<a href="http://www.thomasfrank.se/sessionvars.html">Sessvars.js</a> - Client-side session data management solution\r\n<a href="http://codebetter.com/blogs/matthew.podwysocki/archive/2010/02/16/introduction-to-the-reactive-extensions-to-javascript.aspx">Reactive Extensions For JS</a>\r\n<a href="http://beebole.com/pure">PURE JS Templating Lib</a>\r\n<a href="http://documentcloud.github.com/underscore/">Underscore.js</a> - Utility lib for jQuery that provides a ton of extended functionality\r\n\r\n<strong>JavaScript Minifiers</strong>\r\n\r\nEvery byte counts when you''re sending files via HTTP and best practices dictate that on a production, you need to optimize all of your files to minimize page load times. Compressing JavaScript code is one of the easiest ways to do that and these tools will help. On the jQuery project, we''ve started using Google''s Closure compiler because it''s generated the best compression. Try all of them out to see which suits you best.\r\n\r\n<a href="http://developer.yahoo.com/yui/compressor/">YUI compressor</a>\r\n<a href="http://code.google.com/closure/compiler/">Closure compiler</a>\r\n<a href="http://www.crockford.com/javascript/jsmin.html">JSMIN</a>\r\n<a href="http://dean.edwards.name/packer/">Dean Edward''s Packer</a>\r\n<a href="http://aspnet.codeplex.com/releases/view/40584">Microsoft Ajax Minifer</a> \r\n<a href="http://shrinksafe.dojotoolkit.org/">Dojo Shrinksafe</a>\r\n\r\n<strong>JavaScript Shells</strong>\r\n\r\nThere are times when you just want to test a snippet of code without actually going through the trouble of creating a full page. That''s where JavaScript shells shine. JSFiddle and JSBin both rock because apart from supporting plain ole JS, they also allow you to include a host of libraries including jQuery, MooTools, & Dojo. \r\n\r\n<a href="http://jsfiddle.net/">jsfiddle.net</a> \r\n<a href="http://jsbin.com/">JSBin</a>\r\n<a href="http://mootools.net/shell/">mootools.net/shell</a> <em>(MooTools-specific)</em>\r\n\r\n<strong>Color Management:</strong>\r\n\r\nAs a programmer, I''m insanely color scheme challenged. I''m inclined to mix yellow with mauve causing a concerted moan to occur across the design community. Luckily, these tools help you choose web safe color schemes that are not only consistent but won''t burn the eyeballs off your site visitors. :)\r\n\r\n<a href="http://www.colourlovers.com/">Colourlovers</a>\r\n<a href="http://kuler.adobe.com/">Kuler</a>\r\n\r\n<strong>Editors and IDEs:</strong>\r\n\r\nI work at Microsoft so you would expect me to be a Visual Studio whiz. Not so. Only recently starting at MS, I''ve only dipped my toe in the VS waters. What I''ve seen though has impressed me but I still have a long way to go before I understand it. If you''re on a Mac, though, I do highly recommend both TextMate and Coda. Both are truly awesome. I''ve used Coda a little more because I liked the UI of it a little better than TextMate''s but TM''s bundle system and ecosystem is amazing. You can get code-complete for just about anything via bundles. For Windows, Notepad++ has been just awesome. I wish it had built-in FTP support like UltraEdit. \r\n\r\n<a href="http://msdn.microsoft.com/en-us/vstudio/default.aspx">Visual Studio</a>\r\n<a href="http://www.microsoft.com/expression/">Expression</a>\r\n<a href="http://macromates.com/">TextMate</a>\r\n<a href="http://panic.com/coda/">Coda</a>\r\n<a href="http://www.ultraedit.com/">UltraEdit</a>\r\n<a href="http://www.activestate.com/komodo/">Komodo IDE</a>\r\n<a href="http://notepad-plus.sourceforge.net/uk/site.htm">Notepad++</a>\r\n<a href="http://notepad2.com/">Notepad2</a>\r\n<a href="http://www.barebones.com/products/bbedit/">BBEdit</a>\r\n<a href="http://www.aptana.org/">Aptana</a>\r\n<a href="http://macrabbit.com/espresso/">Espresso</a>\r\n<a href="http://www.sublimetext.com/">Sublime Text</a>\r\n<a href="http://www.jetbrains.com/webstorm/index.html">WebStorm</a>\r\n<a href="http://www.vim.org/">VIM</a>\r\n<a href="http://www.eclipse.org/">Eclipse</a>\r\n<a href="http://netbeans.org/">Netbeans</a>\r\n<a href="http://www.geany.org/">Geany</a>\r\n\r\n<strong>Wireframing:</strong>\r\n\r\nI know some of you are cowboys (or cowgirls) and you just want to start hacking. Well, for the truly impatient, these tools at least let you wireframe your pages quickly and easily. I''ve used Balsamiq and FlairBuilder and both rock. It seems that FlairBuilder is really cranking it up with some nice features. Both are Adobe AIR apps which means they''re cross-platform.\r\n\r\n<a href="http://www.omnigroup.com/">Omnigraffle</a>\r\n<a href="http://www.balsamiq.com/">Balsamiq</a>\r\n<a href="http://www.flairbuilder.com/">FlairBuilder</a>\r\n<a href="http://office.microsoft.com/en-us/visio/default.aspx">Visio</a>\r\n<a href="http://www.axure.com/">Axure</a>\r\n\r\n<strong>Browser Testing:</strong>\r\n\r\nI''ve been fortunate to have multiple OS versions over the years. My wife would definitely prefer for me to have a couple of less PCs sitting around but it''s let me test out my web apps on a variety of platforms, browsers and OSes. Shoot, I even have a version of IE6! For those with less hardware, these services should definitely help. Note that services like BrowserCam & Gomez are subscription-based but worth the cash if you can afford it.\r\n\r\n<a href="http://www.browsercam.com/Default2.aspx">BrowserCam</a>\r\n<a href="https://browserlab.adobe.com/index.html">Adobe BrowserLab</a>\r\n<a href="http://www.microsoft.com/downloads/details.aspx?FamilyID=8e6ac106-525d-45d0-84db-dccff3fae677&displaylang=en">Microsoft Expression Web SuperPreview for IE</a>\r\n<a href="http://www.gomez.com/products-solutions/products/cross-browser-testing/">Gomez</a>\r\n<a href="http://tredosoft.com/Multiple_IE">TredoSoft MultipleIE</a>\r\n<a href="http://crossbrowsertesting.com/">CrossBrowserTesting</a>\r\n<a href="http://michelf.com/projects/multi-safari/">Multi-Safari</a>\r\n<a href="http://www.browserscope.org/">Browserscope</a>\r\n<a href="http://stevesouders.com/cuzillion/help.php">Cuzillion</a>\r\n<a href="http://www.my-debugbar.com/wiki/IETester/HomePage">IETester</a>\r\n\r\n<strong>Testing (based on the <a href="http://ejohn.org/blog/which-unit-testing-framework/">list by John Resig</a>):</strong>\r\n\r\nThis was a list I snagged from John Resig. Obviously, he''s done a boatload of testing so I know this list rocks. JSLint is the old mainstay created by Douglas Crockford but other have really become increasingly essential to good testing. jQuery developers should definitely be looking at QUnit & jQuery-Lint. The most complete tool is Selenium but it does have a bit of a learning curve. If you''re into determining JS performance, checkout SunSpider, Dromaeo, Google''s V8 Benchmark and JSLitmus. These measure the performance of the JS engine, not your apps.\r\n\r\n<a href="http://jslint.com/">JSLint</a>\r\n<a href="http://github.com/jamespadolsey/jQuery-Lint">jQuery Lint</a>\r\n<a href="http://www.jsunit.net/">JSUnit</a>\r\n<a href="http://seleniumhq.org/projects/core/">Selenium Core</a>\r\n<a href="http://jania.pe.kr/aw/moin.cgi/JSSpec">JSSpec (MooTools)</a>\r\n<a href="http://github.com/tobie/unittest_js/tree/master">UnitTestJS (Prototype)</a>\r\n<a href="http://docs.jquery.com/QUnit">QUnit (jQuery)</a>\r\n<a href="http://docs.dojocampus.org/quickstart/doh">DOH Unit Testing (Dojo)</a>\r\n<a href="http://developer.yahoo.com/yui/yuitest/">YUITest 2</a>\r\n<a href="http://developer.yahoo.com/yui/3/test/">YUITest 3</a>\r\n<a href="https://developer.mozilla.org/En/Mochitest">Mochitest</a>\r\n<a href="http://github.com/nkallen/screw-unit/tree/master">ScrewUnit</a>\r\n<a href="http://jsunittest.com/">JsUnitTest</a>\r\n<a href="http://jsunity.com/">jsUnity</a> \r\n<a href="http://code.google.com/p/js-test-driver/">JsTestDriver</a>\r\n<a href="http://www.thefrontside.net/crosscheck">Crosscheck</a>\r\n<a href="http://groups.google.com/group/envjs">Env.js</a> \r\n<a href="http://fireunit.org/">FireUnit</a>\r\n<a href="http://validator.w3.org/">W3C Markup Validation Service</a>\r\n<a href="http://jigsaw.w3.org/css-validator/">W3C CSS Validation Service</a>\r\n<a href="http://www2.webkit.org/perf/sunspider-0.9/sunspider.html">SunSpider</a>\r\n<a href="http://code.google.com/apis/v8/run.html">V8 Benchmark</a>\r\n<a href="http://v2.dromaeo.com/">Dromaeo</a>\r\n<a href="http://broofa.com/Tools/JSLitmus/">JSLitmus</a>\r\n<a href="http://users.skynet.be/mgueury/mozilla/">HTML Validator Firefox Add-on</a>\r\n\r\n<strong>Documentation:</strong>\r\n\r\n<a href="http://developer.yahoo.com/yui/">Yahoo UI Docs</a>\r\n<a href="http://www.programmableweb.com/">APIs</a> - Most comprehensive list of APIs on the web\r\n<a href="http://api.jquery.com/">jQuery Docs</a>\r\n<a href="http://jqueryui.com/demos/">jQuery UI Docs</a>\r\n<a href="http://mootools.net/docs/core">MooTools Docs</a>\r\n<a href="http://api.prototypejs.org/">Prototype Docs</a>\r\n<a href="http://dojotoolkit.org/documentation/">Dojo Docs</a>\r\n<a href="http://json.org/">JSON Reference</a>\r\n<a href="http://en.wikipedia.org/wiki/JSON#JSONP">JSONP</a>\r\n\r\n<h2>Server-Side JavaScript</h2>\r\n\r\n<a href="http://www.mozilla.org/rhino/">Rhino</a>\r\n<a href="http://nodejs.org/">Node.js</a>\r\n<a href="http://narwhaljs.org/">Narwhal.js</a>\r\n<a href="http://commonjs.org/">CommonJS Standards Project</a>\r\n<a href="http://o.sitepen.com/labs/persevere.php">Persevere</a>\r\n<a href="http://en.wikipedia.org/wiki/Comet_%28programming%29">Comet</a>\r\n\r\n<h2>Books</h2>\r\n\r\nThe books below are really a great selection. I have many in my own library and every so often re-read them I''m currently reading <a href="http://www.amazon.com/gp/product/059680279X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=059680279X">High Performance JavaScript</a> by Nicholas Zakas. Another great book is Stoyan Stefanov''s <a href="http://www.amazon.com/gp/product/1847194141?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847194141">Object-Oriented JavaScript: Create scalable, reusable high-quality JavaScript applications and libraries</a>. I also highly recommend Steve Souders performance book at the bottom of the list. They''re basically the definitive sources for optimizing your web apps.\r\n\r\n<strong>JavaScript/DOM:</strong>\r\n<ul>\r\n<li><a href="http://www.amazon.com/gp/product/0596101996?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596101996">JavaScript: The Definitive Guide</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596101996" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0596517742?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596517742">JavaScript: The Good Parts</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596517742" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/047022780X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=047022780X">Professional JavaScript for Web Developers (Wrox Programmer to Programmer)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=047022780X" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1590595335?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590595335">DOM Scripting: Web Design with JavaScript and the Document Object Model</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590595335" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1590598563?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590598563">AdvancED DOM Scripting: Dynamic Web Design Techniques</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590598563" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1590596803?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590596803">Beginning JavaScript with DOM Scripting and Ajax: From Novice to Professional (Beginning: from Novice to Professional)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590596803" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1847194141?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847194141">Object-Oriented JavaScript: Create scalable, reusable high-quality JavaScript applications and libraries</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847194141" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1590597273?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590597273">Pro JavaScript Techniques</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590597273" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/193398869X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=193398869X">Secrets of the JavaScript Ninja</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=193398869X" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0321491939?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0321491939">Ajax Security</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0321491939" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0321423305?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0321423305">ppk on JavaScript, 1/e</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0321423305" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1590597648?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590597648">Accelerated DOM Scripting with Ajax, APIs, and Libraries</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590597648" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/059680279X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=059680279X">High Performance JavaScript (Build Faster Web Application Interfaces)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=059680279X" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n</li>\r\n</ul>\r\n\r\n<strong>JavaScript Libraries:</strong>\r\n<ul>\r\n<li><a href="http://www.amazon.com/gp/product/0596159773?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596159773">jQuery Cookbook: Solutions & Examples for jQuery Developers (Animal Guide)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596159773" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1847196705?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847196705">Learning jQuery 1.3</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847196705" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1935182323?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1935182323">jQuery in Action, Second Edition</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1935182323" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1847199720?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847199720">jQuery UI 1.7: The User Interface Library for jQuery</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847199720" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.rebeccamurphey.com/jqfundamentals/">Rebecca Murphey''s jQuery Fundamentals Training Materials (Creative Commons License)</a></li>\r\n\r\n\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1934356115?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1934356115">Mastering Dojo: JavaScript and Ajax Tools for Great Web Experiences (Pragmatic Programmers)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1934356115" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1430210664?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1430210664">Practical Dojo Projects (Practical Projects)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1430210664" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/0470452021?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0470452021">Concise Guide to Dojo (Wrox Programmer to Programmer)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0470452021" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/0596516487?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596516487">Dojo: The Definitive Guide</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596516487" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/0321605128?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0321605128">The Dojo Toolkit: Visual QuickStart Guide</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0321605128" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1430225211?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1430225211">Getting StartED with Dojo</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1430225211" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1847194583?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847194583">MooTools 1.2 Beginner''s Guide</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847194583" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1430209836?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1430209836">MooTools Essentials: The Official MooTools Reference for JavaScript™ and Ajax Development (Firstpress)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1430209836" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n</li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1590599195?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590599195">Practical Prototype and script.aculo.us (Expert''s Voice in Web Development)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590599195" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1934356018?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1934356018">Prototype and script.aculo.us: You Never Knew JavaScript Could Do This! (Pragmatic Programmers)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1934356018" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n</li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1933988037?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1933988037">Prototype and Scriptaculous in Action [Ajax]</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1933988037" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1847192327?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847192327">Learning the Yahoo! User Interface library: Develop your next generation web applications with the YUI JavaScript development library.</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847192327" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1847195148?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847195148">Learning Ext JS</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847195148" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n</li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1847198708?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847198708">Ext JS 3.0 Cookbook</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847198708" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1935182110?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1935182110">Ext JS in Action</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1935182110" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n</li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/047038459X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=047038459X">Professional JavaScript Frameworks: Prototype,YUI, ExtJS, Dojo and MooTools (Wrox Programmer to Programmer)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=047038459X" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n</ul>\r\n\r\n\r\n\r\n<strong>HTML & CSS:</strong>\r\n<ul>\r\n<li><a href="http://www.amazon.com/gp/product/1590598040?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590598040">Pro CSS and HTML Design Patterns</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590598040" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1430219203?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1430219203">Web Standards Solutions: The Markup and Style Handbook, Special Edition</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1430219203" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0321509021?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0321509021">Bulletproof Web Design: Improving flexibility and protecting against worst-case scenarios with XHTML and CSS (2nd Edition)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0321509021" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.sitepoint.com/books/cssdesign1/?SID=82b54f50488243b44b6b9c7acb10731a">The Art & Science Of CSS</a>\r\n<a href="http://www.sitepoint.com/books/css2/?SID=82b54f50488243b44b6b9c7acb10731a">HTML Utopia: Designing Without Tables Using CSS</a></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0980455278?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0980455278">Build Your Own Website The Right Way Using HTML & CSS, 2nd Edition</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0980455278" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1600330045?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1600330045">Head First HTML with CSS & XHTML</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1600330045" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.webstepbook.com/">Web Programming Step by Step</a></li>\r\n\r\n</ul>\r\n\r\n<strong>Performance:</strong>\r\n<ul>\r\n<li><a href="http://www.amazon.com/gp/product/0596529309?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596529309">High Performance Web Sites: Essential Knowledge for Front-End Engineers</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596529309" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0596522304?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596522304">Even Faster Web Sites: Performance Best Practices for Web Developers</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596522304" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n</ul>\r\n', 'The Big List of JavaScript, CSS, and HTML Development Tools, Libraries, Projects, and Books', 0, '', 'inherit', 'open', 'open', '', '897-revision-2', '', '', '2010-06-22 18:46:01', '2010-06-22 22:46:01', '', 897, 'http://blog.reybango.com/2010/06/22/897-revision-2/', 0, 'revision', '', 0),
(903, 3, '2010-07-01 15:08:14', '2010-07-01 19:08:14', 'I hate to admit it but I haven''t looked at &lt;canvas&gt; yet. It''s not for lack of wanting but more of time. Seems like there''s SO many cool things out there to learn and nailing down time is tough. So I decided to dip my toe into.\r\n\r\nFor those not familiar with it, the <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html">HTML 5 &lt;canvas&gt; element</a> provides a rectangular area where you can draw anything you want on. It''s pretty slick and seems pretty powerful. In essence, instead of solely relying on image creation tools like Photoshop, GIMP or Paint.net for generating graphics, you now have a native element on which to do it. \r\n\r\nIf we look at the &lt;canvas&gt; element, the format is just like any other HTML element:\r\n\r\n[code lang="html"]\r\n&lt;canvas id=&quot;can1&quot; width=&quot;300&quot; height=&quot;300&quot;&gt;&lt;/canvas&gt;\r\n[/code]\r\n\r\nYou define the element along with specific attributes, just like most any other HTML element. In this case, we''re assigning it an "id" along with the width and height of the rectangular drawing area. The reason we assign it an "id" is to allow us to later reference the element via JavaScript and call the methods necessary to start drawing.\r\n\r\nNow, I''m by no means a Picasso, which is why I tend to focus more on programming than design work. I prefer to leave that to the pros with a real creative knack but I will at least attempt to create something colorful.\r\n\r\nThe first thing we need to do is great a reference to the &lt;canvas&gt; element. Remember that I discussed adding an "id" attribute to the element? This is where it comes in handy:\r\n\r\n[code lang="js"]\r\nvar myCanvas = document.getElementById( &quot;can1&quot; );\r\n[/code]\r\n\r\nYou could do the same thing in jQuery this way:\r\n\r\n[code lang="js"]\r\nvar myCanvas = $( &quot;#can1&quot; )[0];\r\n[/code]\r\n\r\nbut because we really don''t need all of the jQuery library''s syntactic sugar for this small demo, I''m just going to use plain ''ole JavaScript.\r\n\r\nNext, we''ll use the element''s <em>getContext()</em> method to grab the rendering context for that element. This is the area within your &lt;canvas&gt; element where the actual drawing will occur. It doesn''t have to be the same size as your canvas but it needs to fit within it.\r\n\r\n[code lang="js"]\r\nvar myContext = myCanvas.getContext( &quot;2d&quot; );\r\n[/code]\r\n\r\nWe specify "2d" as a parameter because it''s the only rendering context currently supported by the specification so for now, you''re limited to flat drawings.\r\n\r\nNow that I have the rendering context, I can begin making my drawing. Using the <em>fillStyle</em> and <em>strokeStyle</em> properties, I can set the fill color for specific areas of my drawing and the color of the borders respectively. Then using the <em>strokeRect()</em> & <em>fillRect()</em> methods, I can use the colors defined in those properties to effect the change:\r\n\r\n[code lang="js"]\r\n  myContext.fillStyle   = ''#00f'';\r\n  myContext.strokeStyle = ''#f00'';  \r\n  myContext.lineWidth   = 4;  \r\n  myContext.strokeRect( 0,0,300,300);\r\n  myContext.fillRect(0, 0, 300, 300);\r\n[/code]\r\n\r\nWhat this does is gives me a nice blue box with a red border around it. It may not look like much but the fact that we''re able to do this via HTML and JavaScript is pretty cool:\r\n\r\n<a href="http://blog.reybango.com/wp-content/uploads/2010/07/box1.png"><img src="http://blog.reybango.com/wp-content/uploads/2010/07/box1.png" alt="" title="box1" width="304" height="304" class="alignright size-full wp-image-909" /></a>\r\n\r\nNow I want to get fancy (well as much as I guess I can). I want to create a shape within the canvas rendering context so I''m first going to use the <em>moveTo()</em> method to position my starting point. The two parameters are "x,y" coordinates within your rendering context and I''d like to start at the top and centered:\r\n\r\n[code lang="js"]\r\n  myContext.moveTo( 150, 0 );\r\n[/code]\r\n\r\nNext, I''ll use the <em>lineTo()</em> method to draw a line to different "x,y" coordinates. Notice that I don''t have to re-use the <em>moveTo()</em> method to reposition the starting point of each line. \r\n\r\n[code lang="js"]\r\n  myContext.lineTo( 0, 150 );\r\n  myContext.lineTo( 150, 300 );    \r\n  myContext.lineTo( 300, 150 );    \r\n  myContext.lineTo( 150, 0 ); \r\n[/code]\r\n\r\nThis code renders a box like this:\r\n\r\n<a href="http://blog.reybango.com/wp-content/uploads/2010/07/box2.png"><img src="http://blog.reybango.com/wp-content/uploads/2010/07/box2.png" alt="" title="box2" width="303" height="303" class="alignright size-full wp-image-914" /></a>\r\n\r\nThe last things I want to do are to adjust the <em>fillStyle</em> and <em>strokeStyle</em> properties so that they''re a different color:\r\n\r\n[code lang="js"]\r\n  myContext.fillStyle   = ''#F63806'';  \r\n  myContext.strokeStyle = &quot;#000&quot;;\r\n[/code]  \r\n\r\nand then using the <em>fill()</em> and <em>stroke()</em> methods, apply the color changes to the new drawing:\r\n\r\n[code lang="js"]\r\n  myContext.fill();\r\n  myContext.stroke();\r\n[/code]\r\n\r\n<a href="http://blog.reybango.com/wp-content/uploads/2010/07/box3.png"><img src="http://blog.reybango.com/wp-content/uploads/2010/07/box3.png" alt="" title="box3" width="306" height="307" class="alignright size-full wp-image-919" /></a>\r\n\r\nWooo!! Okay, okay this is not going to land me a million bucks at an auction or even $1.50 on Esty but it''s a start. While what I built is fairly simple, the power of &lt;canvas&gt; can really be seen by visiting <a href="http://www.canvasdemos.com/">Canvasdemos.com</a>. Along with excellent demos built using &lt;canvas&gt;, it provides tutorials on how to get up to speed on this element. \r\n\r\nOne really cool thing is that the gaming industry is keenly looking at &lt;canvas&gt; since it will help them distribute new games without the need for special plugins. <a href="http://www.canvasdemos.com/2009/07/09/game-development-tutorials/">Here''s a tutorial</a>, for example, that talks about how to create a game using &lt;canvas&gt;. It certainly won''t replace dedicated console or PC games but it does open up opportunities to build the next FarmVille or PacMan. :)\r\n\r\nHere''s the code to my tutorial:\r\n\r\n[code lang="html"]\r\n&lt;!DOCTYPE html&gt;\r\n&lt;html lang=&quot;en&quot;&gt;\r\n&lt;head&gt; \r\n  &lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot; /&gt; \r\n  &lt;meta name=&quot;robots&quot; content=&quot;noindex&quot; /&gt; \r\n  &lt;title&gt;Canvas Test&lt;/title&gt; \r\n&lt;/head&gt; \r\n \r\n&lt;body&gt; \r\n\r\n&lt;canvas id=&quot;can1&quot; width=&quot;300&quot; height=&quot;300&quot;&gt;&lt;/canvas&gt;\r\n\r\n  &lt;script type=&quot;text/javascript&quot;&gt;\r\n  var myCanvas = document.getElementById( &quot;can1&quot; );\r\n  var myContext = myCanvas.getContext( &quot;2d&quot; );\r\n  myContext.fillStyle   = ''#00f'';\r\n  myContext.strokeStyle = ''#F63806'';  \r\n  myContext.lineWidth   = 4;  \r\n  myContext.fillRect(0, 0, 300, 300);  \r\n  myContext.strokeRect( 0,0,300,300);\r\n\r\n  myContext.moveTo( 150, 0 );\r\n  myContext.lineTo( 0, 150 );\r\n  myContext.lineTo( 150, 300 );    \r\n  myContext.lineTo( 300, 150 );    \r\n  myContext.lineTo( 150, 0 );      \r\n\r\n  myContext.fillStyle   = ''#F63806'';  \r\n  myContext.strokeStyle = &quot;#000&quot;;\r\n  \r\n  myContext.fill();\r\n  myContext.stroke();\r\n\r\n  &lt;/script&gt;\r\n \r\n&lt;/body&gt; \r\n&lt;/html&gt; \r\n[/code]\r\n', 'Canvas Baby Steps: An Introduction to the HTML 5 Canvas Element', 0, '', 'publish', 'open', 'open', '', 'canvas-baby-steps-an-introduction-to-the-html-5-canvas-element', '', 'http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html\nhttp://www.canvasdemos.com/2009/07/09/game-development-tutorials/', '2010-07-01 15:25:50', '2010-07-01 19:25:50', '', 0, 'http://blog.reybango.com/?p=903', 0, 'post', '', 7);
INSERT INTO `wp_dyxkdh_posts` (`ID`, `post_author`, `post_date`, `post_date_gmt`, `post_content`, `post_title`, `post_category`, `post_excerpt`, `post_status`, `comment_status`, `ping_status`, `post_password`, `post_name`, `to_ping`, `pinged`, `post_modified`, `post_modified_gmt`, `post_content_filtered`, `post_parent`, `guid`, `menu_order`, `post_type`, `post_mime_type`, `comment_count`) VALUES
(901, 3, '2011-01-05 18:08:05', '2011-01-05 22:08:05', 'I''ve been meaning to do a roll-up of top JavaScript, CSS & HTML development tools that I use or have been recommended to me and after having lunch with my bud Brian Wilpon today, I realized I just needed to do it. He asked me what some of the newer tools are and I think this is the best way to help him (and the community in general). It''s definitely not an all-inclusive list so if you see some that you feel I should add or remove, let me know in the comments.\r\n\r\nHere they are by category:\r\n\r\n<p>\r\n<a href="#sites">Sites and Lists to Learn From</a><br />\r\n<a href="#debug">Debugging Tools That Make Life MUCH Easier</a><br />\r\n<a href="#csse">CSS Editors</a><br />\r\n<a href="#cssf">CSS Frameworks</a><br />\r\n<a href="#cssr">CSS Resets</a><br />\r\n<a href="#jslibs">JavaScript Libraries</a><br />\r\n<a href="#jsmin">JavaScript Minifiers</a><br />\r\n<a href="#jsshells">JavaScript Shells</a><br />\r\n<a href="#color">Color Management</a><br />\r\n<a href="#editors">Editors and IDEs</a><br />\r\n<a href="#wireframe">Wireframing</a><br />\r\n<a href="#browsertest">Browser Testing</a><br />\r\n<a href="#test">Testing</a><br />\r\n<a href="#docs">Documentation</a><br />\r\n<a href="#ssjs">Server-Side JavaScript</a><br />\r\n<a href="#books-js">Books - JavaScript/DOM</a><br />\r\n<a href="#books-jslibs">Books - JavaScript Libraries</a><br />\r\n<a href="#books-html">Books - HTML & CSS</a><br />\r\n<a href="#books-perf">Books - Performance</a><br />\r\n<a href="#podcasts">Podcasts & Videos</a><br />\r\n<a href="#events">Conferences</a><br />\r\n<a href="#blogs">Blogs</a><br />\r\n\r\n<strong><a name="sites"></a>Sites and Lists to Learn From:</strong>\r\n\r\nYou want to make sure you stay up-to-date on the latest and greatest web development best practices and the following sites do a great job of providing information:\r\n\r\n<a href="http://scriptjunkie.com">Script Junkie</a> - I''m a little biased since I manage that site but I''ve worked hard to get the best developers in the industry to create articles that provide actual solutions to common problems. No theory or odd examples. The articles are solutions-based.\r\n<a href="http://jsmentors.com">JSMentors Mailing List</a> - Want to learn JavaScript from elite developers? Then sign-up for this list<br />\r\n<a href="http://visitmix.com/">MIX Online</a> - Great articles and op-ed pieces on web development<br />\r\n<a href="http://badassjs.com/">Badass JavaScript</a> - It''s exactly that; badass. Great JavaScript-related content and news.<br />\r\n<a href="http://dailyjs.com/">Daily JS</a> - A daily does of great JavaScript content. Love it.<br />\r\n<a href="http://www.alistapart.com">A List Apart</a> - Must read for any web developer. <br />\r\n<a href="http://www.smashingmagazine.com/">Smashing Magazine</a> - A nice breadth of articles covering many aspects of web development and design.<br />\r\n<a href="http://net.tutsplus.com/">Nettuts+</a> - Absolutely amazing tutorials on current technologies. Covers server-side and client-side development.<br />\r\n\r\n\r\n\r\n\r\n\r\n<strong><a name="debug"></a>Debugging Tools That Make Life MUCH Easier:</strong>\r\n\r\nEffectively debugging JavaScript applications is a royal pain in the derriere and to compile that, the available tools just don''t stand up to those used by managed code developers. Luckily, we do have a decent set of tools that lessens the pain substantially. Firebug is definitely a must have since it incorporates so much DOM & XHR introspection as well as the Web Developer Toolbar. Both are simply awesome. I also love Charles for HTTP sniffing and it''s saved my butt when Firebug couldn''t handle it. \r\n\r\n<a href="http://msdn.microsoft.com/en-us/library/dd565628%28VS.85%29.aspx">IE8 Developer Tools</a> - Microsoft''s browser debugger tools\r\n<a href="http://getfirebug.com/">Firebug</a> - Mozilla''s browser debugger add-on \r\n<a href="http://trac.webkit.org/wiki/WebInspector">WebKit Web Inspector</a> - Webkit''s browser debugger tools\r\n<a href="http://www.fiddler2.com/fiddler2/">Fiddler</a> - HTTP Sniffer. Great for seeing Ajax requests.\r\n<a href="http://www.charlesproxy.com/">Charles</a> - HTTP Sniffer. Great for seeing Ajax requests. (my personal fav)\r\n<a href="http://kevinlangdon.com/serviceCapture/">Service Capture</a> - HTTP Sniffer. Great for seeing Ajax requests.\r\n<a href="http://ajax.dynatrace.com/pages/">dynaTrace Ajax</a> - HTTP performance analyzer\r\n<a href="http://chrispederick.com/work/web-developer/">Web Developer’s Toolbar</a> - All purpose Firefox toolbar to inspect everything on a page\r\n<a href="http://developer.yahoo.com/yslow/">YSlow</a> - Analyzes page performance based on accepted industry best practices.\r\n<a href="http://code.google.com/speed/page-speed/">PageSpeed</a> - Analyzes page performance based on accepted industry best practices.\r\n<a href="http://www.debugbar.com/">DebugBar</a> - An IE plugin that brings advanced debugging features to IE including JS, DOM & HTTP inspection\r\n<a href="https://chrome.google.com/extensions/detail/gbkffbkamcejhkcaocmkdeiiccpmjfdi">Pendule</a> - Chrome extension similar to Firefox''s Web Developer Toolbar Add-on\r\n\r\n<a name="csse"></a><strong>CSS Editors:</strong>\r\n\r\nI prefer to write my CSS code by hand. Call me old-school but many swear by the following CSS editors. CSSEdit by MacRabbit (Mac only) is especially loved by many designers.\r\n\r\n<a href="http://www.topstyle4.com/">TopStyle</a>\r\n<a href="http://www.blumentals.net/rapidcss/">Rapid CSS</a>\r\n<a href="http://www.culturedcode.com/xyle/">Xyle</a>\r\n<a href="http://www.skybound.ca/">Stylizer</a>\r\n<a href="http://www.macrabbit.com/cssedit/">CSSEdit</a>\r\n\r\n<a name="cssf"></a><strong>CSS Frameworks:</strong>\r\n\r\nThese frameworks have really taken off. Like their JavaScript brethren, they help to abstract much of the complexity of building consistent layouts in cross-browser fashion. They''re definitely something I need to look into more and from what I''ve read, 960 GS & Blueprint are the ones people are looking at.\r\n\r\n<a href="http://960.gs">960 Grid System</a>\r\n<a href="http://blueprintcss.org/">Blueprint CSS Framework</a>\r\n<a href="http://www.yaml.de/en/">YAML</a>\r\n<a href="http://developer.yahoo.com/yui/grids/">Yahoo YUI Grids CSS</a>\r\n<a href="http://devkick.com/lab/tripoli/">Tripoli</a>\r\n<a href="http://net.tutsplus.com/tutorials/html-css-techniques/object-oriented-css-what-how-and-why/">Object-Oriented CSS</a>\r\n\r\n<a name="cssr"></a><strong>CSS Resets:</strong>\r\n\r\nWant to minimize browser inconsistencies? Then use a CSS reset stylesheet to specify baseline CSS styles that make browser presentation defaults more consistent. \r\n\r\n<a href="http://meyerweb.com/eric/tools/css/reset/">Meyer Reset by Eric Meyer</a>\r\n<a href="http://developer.yahoo.com/yui/reset/">YUI2: Reset CSS</a>\r\n<a href="http://www.iecss.com/">IECSS</a>\r\n\r\n<a name="jslibs"></a><strong>JavaScript Libraries:</strong>\r\n\r\nI definitely recommend everyone to learn JavaScript as you''ll need it to be a really effective client-side developer. With that said, a good JS library will go a long way to making your development faster and much more stable. These libraries are all very mature and dramatically help to abstract the complexities of cross-browser development. My personal favorite is <a href="http://jquery.com/">jQuery</a>, of which I''m a member of the project team.\r\n\r\n<a href="http://jquery.com/">jQuery</a>\r\n<a href="http://jqueryui.com">jQuery UI</a>\r\n<a href="http://prototypejs.org/">Prototype</a>\r\n<a href="http://mootools.net/">MooTools</a>\r\n<a href="http://dojotoolkit.org/">Dojo</a>\r\n<a href="http://developer.yahoo.com/yui/">YUI</a>\r\n<a href="http://javascriptmvc.com/">JavaScriptMVC</a>\r\n<a href="http://qooxdoo.org/">qooxdoo</a>\r\n<a href="http://extjs.com">Ext JS</a>\r\n<a href="http://raphaeljs.com/">Raphael.js</a> - simplifies working with vector graphics on the web\r\n<a href="http://labjs.com/">LabJS Dynamic Script Loader</a> - Allows execution and load management of JavaScript files\r\n<a href="http://requirejs.org/">RequireJS Dynamic Script Loader</a> - Allows execution and load management of JavaScript files\r\n<a href="http://brianleroux.github.com/lawnchair/">Lawnchair</a> - A lightweight client-side JSON document store\r\n<a href="http://www.thomasfrank.se/sessionvars.html">Sessvars.js</a> - Client-side session data management solution\r\n<a href="http://codebetter.com/blogs/matthew.podwysocki/archive/2010/02/16/introduction-to-the-reactive-extensions-to-javascript.aspx">Reactive Extensions For JS</a>\r\n<a href="http://beebole.com/pure">PURE JS Templating Lib</a>\r\n<a href="http://documentcloud.github.com/underscore/">Underscore.js</a> - Utility lib for jQuery that provides a ton of extended functionality\r\n<a href="http://dhtmlx.com/">DHTMLX</a>\r\n\r\n<a name="jsmin"></a><strong>JavaScript Minifiers</strong>\r\n\r\nEvery byte counts when you''re sending files via HTTP and best practices dictate that on a production, you need to optimize all of your files to minimize page load times. Compressing JavaScript code is one of the easiest ways to do that and these tools will help. On the jQuery project, we''ve started using Google''s Closure compiler because it''s generated the best compression. Try all of them out to see which suits you best.\r\n\r\n<a href="http://developer.yahoo.com/yui/compressor/">YUI compressor</a>\r\n<a href="http://code.google.com/closure/compiler/">Closure compiler</a>\r\n<a href="http://www.crockford.com/javascript/jsmin.html">JSMIN</a>\r\n<a href="http://dean.edwards.name/packer/">Dean Edward''s Packer</a>\r\n<a href="http://aspnet.codeplex.com/releases/view/40584">Microsoft Ajax Minifer</a> \r\n<a href="http://shrinksafe.dojotoolkit.org/">Dojo Shrinksafe</a>\r\n\r\n<a name="jsshells"></a><strong>JavaScript Shells</strong>\r\n\r\nThere are times when you just want to test a snippet of code without actually going through the trouble of creating a full page. That''s where JavaScript shells shine. JSFiddle and JSBin both rock because apart from supporting plain ole JS, they also allow you to include a host of libraries including jQuery, MooTools, & Dojo. \r\n\r\n<a href="http://jsfiddle.net/">jsfiddle.net</a> \r\n<a href="http://jsbin.com/">JSBin</a>\r\n<a href="http://jsapp.us/">JSApp.us</a> - Shell for node.js development\r\n\r\n<a name="color"></a><strong>Color Management:</strong>\r\n\r\nAs a programmer, I''m insanely color scheme challenged. I''m inclined to mix yellow with mauve causing a concerted moan to occur across the design community. Luckily, these tools help you choose web safe color schemes that are not only consistent but won''t burn the eyeballs off your site visitors. :)\r\n\r\n<a href="http://www.colourlovers.com/">Colourlovers</a>\r\n<a href="http://kuler.adobe.com/">Kuler</a>\r\n\r\n<a name="editors"></a><strong>Editors and IDEs:</strong>\r\n\r\nI work at Microsoft so you would expect me to be a Visual Studio whiz. Not so. Only recently starting at MS, I''ve only dipped my toe in the VS waters. What I''ve seen though has impressed me but I still have a long way to go before I understand it. If you''re on a Mac, though, I do highly recommend both TextMate and Coda. Both are truly awesome. I''ve used Coda a little more because I liked the UI of it a little better than TextMate''s but TM''s bundle system and ecosystem is amazing. You can get code-complete for just about anything via bundles. For Windows, Notepad++ has been just awesome. I wish it had built-in FTP support like UltraEdit. \r\n\r\n<a href="http://msdn.microsoft.com/en-us/vstudio/default.aspx">Visual Studio</a>\r\n<a href="http://www.microsoft.com/expression/">Expression</a>\r\n<a href="http://macromates.com/">TextMate</a>\r\n<a href="http://panic.com/coda/">Coda</a>\r\n<a href="http://www.ultraedit.com/">UltraEdit</a>\r\n<a href="http://www.activestate.com/komodo/">Komodo IDE</a>\r\n<a href="http://notepad-plus.sourceforge.net/uk/site.htm">Notepad++</a>\r\n<a href="http://notepad2.com/">Notepad2</a>\r\n<a href="http://www.barebones.com/products/bbedit/">BBEdit</a>\r\n<a href="http://www.aptana.org/">Aptana</a>\r\n<a href="http://macrabbit.com/espresso/">Espresso</a>\r\n<a href="http://www.sublimetext.com/">Sublime Text</a>\r\n<a href="http://www.jetbrains.com/webstorm/index.html">WebStorm</a>\r\n<a href="http://www.vim.org/">VIM</a>\r\n<a href="http://www.eclipse.org/">Eclipse</a>\r\n<a href="http://netbeans.org/">Netbeans</a>\r\n<a href="http://www.geany.org/">Geany</a>\r\n\r\n<a name="wireframe"></a><strong>Wireframing:</strong>\r\n\r\nI know some of you are cowboys (or cowgirls) and you just want to start hacking. Well, for the truly impatient, these tools at least let you wireframe your pages quickly and easily. I''ve used Balsamiq and FlairBuilder and both rock. It seems that FlairBuilder is really cranking it up with some nice features. Both are Adobe AIR apps which means they''re cross-platform.\r\n\r\n<a href="http://www.omnigroup.com/">Omnigraffle</a>\r\n<a href="http://www.balsamiq.com/">Balsamiq</a>\r\n<a href="http://www.flairbuilder.com/">FlairBuilder</a>\r\n<a href="http://office.microsoft.com/en-us/visio/default.aspx">Visio</a>\r\n<a href="http://www.axure.com/">Axure</a>\r\n\r\n<a name="browsertest"></a><strong>Browser Testing:</strong>\r\n\r\nI''ve been fortunate to have multiple OS versions over the years. My wife would definitely prefer for me to have a couple of less PCs sitting around but it''s let me test out my web apps on a variety of platforms, browsers and OSes. Shoot, I even have a version of IE6! For those with less hardware, these services should definitely help. Note that services like BrowserCam & Gomez are subscription-based but worth the cash if you can afford it.\r\n\r\n<a href="http://www.browsercam.com/Default2.aspx">BrowserCam</a>\r\n<a href="https://browserlab.adobe.com/index.html">Adobe BrowserLab</a>\r\n<a href="http://www.microsoft.com/downloads/details.aspx?FamilyID=8e6ac106-525d-45d0-84db-dccff3fae677&displaylang=en">Microsoft Expression Web SuperPreview for IE</a>\r\n<a href="http://www.gomez.com/products-solutions/products/cross-browser-testing/">Gomez</a>\r\n<a href="http://tredosoft.com/Multiple_IE">TredoSoft MultipleIE</a>\r\n<a href="http://crossbrowsertesting.com/">CrossBrowserTesting</a>\r\n<a href="http://michelf.com/projects/multi-safari/">Multi-Safari</a>\r\n<a href="http://www.browserscope.org/">Browserscope</a>\r\n<a href="http://stevesouders.com/cuzillion/help.php">Cuzillion</a>\r\n<a href="http://www.my-debugbar.com/wiki/IETester/HomePage">IETester</a>\r\n<a href="http://litmusapp.com/">Litmus</a>\r\n\r\n<a name="test"></a><strong>Testing (based on the <a href="http://ejohn.org/blog/which-unit-testing-framework/">list by John Resig</a>):</strong>\r\n\r\nThis was a list I snagged from John Resig. Obviously, he''s done a boatload of testing so I know this list rocks. JSLint is the old mainstay created by Douglas Crockford but other have really become increasingly essential to good testing. jQuery developers should definitely be looking at QUnit & jQuery-Lint. The most complete tool is Selenium but it does have a bit of a learning curve. If you''re into determining JS performance, checkout SunSpider, Dromaeo, Google''s V8 Benchmark and JSLitmus. These measure the performance of the JS engine, not your apps.\r\n\r\n<a href="http://jslint.com/">JSLint</a>\r\n<a href="http://github.com/jamespadolsey/jQuery-Lint">jQuery Lint</a>\r\n<a href="http://www.jsunit.net/">JSUnit</a>\r\n<a href="http://seleniumhq.org/projects/core/">Selenium Core</a>\r\n<a href="http://jania.pe.kr/aw/moin.cgi/JSSpec">JSSpec (MooTools)</a>\r\n<a href="http://github.com/tobie/unittest_js/tree/master">UnitTestJS (Prototype)</a>\r\n<a href="http://docs.jquery.com/QUnit">QUnit (jQuery)</a>\r\n<a href="http://docs.dojocampus.org/quickstart/doh">DOH Unit Testing (Dojo)</a>\r\n<a href="http://developer.yahoo.com/yui/yuitest/">YUITest 2</a>\r\n<a href="http://developer.yahoo.com/yui/3/test/">YUITest 3</a>\r\n<a href="https://developer.mozilla.org/En/Mochitest">Mochitest</a>\r\n<a href="http://github.com/nkallen/screw-unit/tree/master">ScrewUnit</a>\r\n<a href="http://jsunittest.com/">JsUnitTest</a>\r\n<a href="http://jsunity.com/">jsUnity</a> \r\n<a href="http://code.google.com/p/js-test-driver/">JsTestDriver</a>\r\n<a href="http://www.thefrontside.net/crosscheck">Crosscheck</a>\r\n<a href="http://groups.google.com/group/envjs">Env.js</a> \r\n<a href="http://fireunit.org/">FireUnit</a>\r\n<a href="http://validator.w3.org/">W3C Markup Validation Service</a>\r\n<a href="http://jigsaw.w3.org/css-validator/">W3C CSS Validation Service</a>\r\n<a href="http://www2.webkit.org/perf/sunspider-0.9/sunspider.html">SunSpider</a>\r\n<a href="http://code.google.com/apis/v8/run.html">V8 Benchmark</a>\r\n<a href="http://v2.dromaeo.com/">Dromaeo</a>\r\n<a href="http://broofa.com/Tools/JSLitmus/">JSLitmus</a>\r\n<a href="http://users.skynet.be/mgueury/mozilla/">HTML Validator Firefox Add-on</a>\r\n\r\n<a name="docs"></a><strong>Documentation:</strong>\r\n\r\n<a href="http://msdn.microsoft.com/en-us/ie/ff468705.aspx">Internet Explorer 9 Beta Guide for Developers</a>\r\n<a href="http://developer.yahoo.com/yui/">Yahoo UI Docs</a>\r\n<a href="http://www.programmableweb.com/">APIs</a> - Most comprehensive list of APIs on the web\r\n<a href="http://api.jquery.com/">jQuery Docs</a>\r\n<a href="http://jqueryui.com/demos/">jQuery UI Docs</a>\r\n<a href="http://mootools.net/docs/core">MooTools Docs</a>\r\n<a href="http://api.prototypejs.org/">Prototype Docs</a>\r\n<a href="http://dojotoolkit.org/documentation/">Dojo Docs</a>\r\n<a href="http://json.org/">JSON Reference</a>\r\n<a href="http://en.wikipedia.org/wiki/JSON#JSONP">JSONP</a>\r\n\r\n<a name="ssjs"></a><h2>Server-Side JavaScript</h2>\r\n\r\n<a href="http://www.mozilla.org/rhino/">Rhino</a>\r\n<a href="http://nodejs.org/">Node.js</a>\r\n<a href="http://narwhaljs.org/">Narwhal.js</a>\r\n<a href="http://commonjs.org/">CommonJS Standards Project</a>\r\n<a href="http://o.sitepen.com/labs/persevere.php">Persevere</a>\r\n<a href="http://en.wikipedia.org/wiki/Comet_%28programming%29">Comet</a>\r\n\r\n<h2>Books</h2>\r\n\r\nThe books below are really a great selection. I have many in my own library and every so often re-read them I''m currently reading <a href="http://www.amazon.com/gp/product/059680279X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=059680279X">High Performance JavaScript</a> by Nicholas Zakas. Another great book is Stoyan Stefanov''s <a href="http://www.amazon.com/gp/product/1847194141?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847194141">Object-Oriented JavaScript: Create scalable, reusable high-quality JavaScript applications and libraries</a>. I also highly recommend Steve Souders performance book at the bottom of the list. They''re basically the definitive sources for optimizing your web apps.\r\n\r\n<a name="books-js"></a><strong>JavaScript/DOM:</strong>\r\n<ul>\r\n<li><a href="http://www.amazon.com/gp/product/0596101996?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596101996">JavaScript: The Definitive Guide</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596101996" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0596517742?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596517742">JavaScript: The Good Parts</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596517742" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/047022780X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=047022780X">Professional JavaScript for Web Developers (Wrox Programmer to Programmer)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=047022780X" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1590595335?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590595335">DOM Scripting: Web Design with JavaScript and the Document Object Model</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590595335" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1590598563?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590598563">AdvancED DOM Scripting: Dynamic Web Design Techniques</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590598563" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1590596803?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590596803">Beginning JavaScript with DOM Scripting and Ajax: From Novice to Professional (Beginning: from Novice to Professional)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590596803" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1847194141?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847194141">Object-Oriented JavaScript: Create scalable, reusable high-quality JavaScript applications and libraries</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847194141" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1590597273?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590597273">Pro JavaScript Techniques</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590597273" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/193398869X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=193398869X">Secrets of the JavaScript Ninja</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=193398869X" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0321491939?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0321491939">Ajax Security</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0321491939" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0321423305?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0321423305">ppk on JavaScript, 1/e</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0321423305" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1590597648?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590597648">Accelerated DOM Scripting with Ajax, APIs, and Libraries</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590597648" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/059680279X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=059680279X">High Performance JavaScript (Build Faster Web Application Interfaces)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=059680279X" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n</li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0596806752?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596806752">JavaScript Patterns</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596806752" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1934356670?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1934356670">Pragmatic Guide to JavaScript</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1934356670" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/0321683919?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0321683919">Test-Driven JavaScript Development (Developer''s Library)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0321683919" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n</li>\r\n\r\n</ul>\r\n\r\n<a name="books-jslibs"></a><strong>JavaScript Libraries:</strong>\r\n<ul>\r\n<li><a href="http://www.amazon.com/gp/product/0596159773?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596159773">jQuery Cookbook: Solutions & Examples for jQuery Developers (Animal Guide)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596159773" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1847196705?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847196705">Learning jQuery 1.3</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847196705" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1935182323?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1935182323">jQuery in Action, Second Edition</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1935182323" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1847199720?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847199720">jQuery UI 1.7: The User Interface Library for jQuery</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847199720" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.rebeccamurphey.com/jqfundamentals/">Rebecca Murphey''s jQuery Fundamentals Training Materials (Creative Commons License)</a></li>\r\n\r\n\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1934356115?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1934356115">Mastering Dojo: JavaScript and Ajax Tools for Great Web Experiences (Pragmatic Programmers)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1934356115" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1430210664?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1430210664">Practical Dojo Projects (Practical Projects)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1430210664" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/0470452021?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0470452021">Concise Guide to Dojo (Wrox Programmer to Programmer)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0470452021" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/0596516487?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596516487">Dojo: The Definitive Guide</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596516487" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/0321605128?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0321605128">The Dojo Toolkit: Visual QuickStart Guide</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0321605128" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1430225211?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1430225211">Getting StartED with Dojo</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1430225211" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1847194583?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847194583">MooTools 1.2 Beginner''s Guide</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847194583" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1430209836?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1430209836">MooTools Essentials: The Official MooTools Reference for JavaScript™ and Ajax Development (Firstpress)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1430209836" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n</li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1590599195?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590599195">Practical Prototype and script.aculo.us (Expert''s Voice in Web Development)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590599195" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1934356018?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1934356018">Prototype and script.aculo.us: You Never Knew JavaScript Could Do This! (Pragmatic Programmers)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1934356018" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n</li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1933988037?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1933988037">Prototype and Scriptaculous in Action [Ajax]</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1933988037" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1847192327?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847192327">Learning the Yahoo! User Interface library: Develop your next generation web applications with the YUI JavaScript development library.</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847192327" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1847195148?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847195148">Learning Ext JS</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847195148" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n</li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1847198708?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847198708">Ext JS 3.0 Cookbook</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847198708" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1935182110?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1935182110">Ext JS in Action</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1935182110" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n</li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/047038459X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=047038459X">Professional JavaScript Frameworks: Prototype,YUI, ExtJS, Dojo and MooTools (Wrox Programmer to Programmer)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=047038459X" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1935182110?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1935182110">Ext JS in Action</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1935182110" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n</li>\r\n\r\n\r\n</ul>\r\n\r\n\r\n\r\n<a name="books-html"></a><strong>HTML & CSS:</strong>\r\n<ul>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/0321687299?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0321687299">Introducing HTML5 (Voices That Matter)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0321687299" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n</li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/0596806027?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596806027">HTML5: Up and Running</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596806027" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n</li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1430227907?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1430227907">Pro HTML5 Programming: Powerful APIs for Richer Internet Application Development</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1430227907" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n</li>\r\n\r\n\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1590598040?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590598040">Pro CSS and HTML Design Patterns</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590598040" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1430219203?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1430219203">Web Standards Solutions: The Markup and Style Handbook, Special Edition</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1430219203" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0321509021?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0321509021">Bulletproof Web Design: Improving flexibility and protecting against worst-case scenarios with XHTML and CSS (2nd Edition)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0321509021" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.sitepoint.com/books/cssdesign1/?SID=82b54f50488243b44b6b9c7acb10731a">The Art & Science Of CSS</a>\r\n<a href="http://www.sitepoint.com/books/css2/?SID=82b54f50488243b44b6b9c7acb10731a">HTML Utopia: Designing Without Tables Using CSS</a></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0980455278?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0980455278">Build Your Own Website The Right Way Using HTML & CSS, 2nd Edition</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0980455278" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1600330045?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1600330045">Head First HTML with CSS & XHTML</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1600330045" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.webstepbook.com/">Web Programming Step by Step</a></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/0321660773?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0321660773">Microformats Made Simple</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0321660773" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n</li>\r\n\r\n\r\n</ul>\r\n\r\n<a name="books-perf"></a><strong>Performance:</strong>\r\n<ul>\r\n<li><a href="http://www.amazon.com/gp/product/0596529309?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596529309">High Performance Web Sites: Essential Knowledge for Front-End Engineers</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596529309" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0596522304?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596522304">Even Faster Web Sites: Performance Best Practices for Web Developers</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596522304" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n</ul>\r\n\r\n<a name="podcasts"></a><h2>Podcasts & Videos</h2>\r\n\r\n<a href="http://msdn.microsoft.com/en-us/scriptjunkie/ff699060.aspx">Script Junkie Videos</a> - Lots of screencasts to help improve your web development<br />\r\n<a href="http://jsconflive.com/">JSConf Live</a> - Discussions with top JavaScript developers<br />\r\n<a href="http://www.aminutewithbrendan.com/">A Minute with Brendan</a> - Listen to the creator of JavaScript discuss the future of the language<br />\r\n<a href="http://podcast.jquery.com/">Official jQuery Podcast</a> - Discussion with members of the jQuery community<br />\r\n<a href="http://yayquery.com/">YayQuery</a> - General discussion about front-end development<br />\r\n<a href="http://developer.yahoo.com/yui/theater/">YUI Theater</a> - Tons of video presentations about JavaScript and the YUI library<br />\r\n\r\n<a name="events"></a><h2>Conferences</h2>\r\n\r\n<a href="http://jsconf.us/">JSConf U.S.</a> - THE event to attend in the U.S. for the best JavaScript presentations<br />\r\n<a href="http://jsconf.eu/">JSConf Europe</a> - THE event to attend in Europe for the best JavaScript presentations<br />\r\n<a href="http://full-frontal.org/">Full Frontal</a> - Great speakers and topics relating to front-end development<br />\r\n<a href="http://fronteers.nl/">Fronteers</a> - Great speakers and topics relating to front-end development<br />\r\n<a href="http://aneventapart.com/">An Event Apart</a> - If you''re into web design, this event is awesome and is held in multiple cities<br />\r\n<a href="http://events.jquery.org">Official jQuery Conference</a> - The twice yearly jQuery event is the always sold out.<br />\r\n<a href="http://sxsw.com/">SXSW</a> - SO MUCH TO DO at this event. Covers technology along with music and film<br />\r\n\r\n<a name="blogs"></a><h2>Blogs</h2>\r\n\r\n<a href="http://scriptJunkie.com">ScriptJunkie.com</a> - I''m a little biased on this one because I manage this site but I work hard to get really good content about JavaScript as well as HTML & CSS<br />\r\n<a href="http://jsmentors.com/">JSmentors.com</a> - the JavaScript mailing list I started with <a href="http://twitter.com/abozhilov">Asen Bozhilov</a> which provides a safe, professional place to discuss JavaScript and learn from the best<br />\r\n<a href="http://dailyjs.com/">DailyJS</a><br />\r\n<a href="http://badassjs.com/">BadassJS</a><br />\r\n<a href="http://javascriptweekly.com/">JavaScript Weekly Newsletter</a><br />\r\n<a href="http://www.jsmag.com/">JSMag</a> - Monthly Magazine<br />\r\n<a href="http://developer.yahoo.com/yui/theater/">YUI Theatre</a> - Tons of videos on JavaScript-related topics<br />\r\n<a href="http://ejohn.org/category/blog/">John Resig</a><br />\r\n<a href="http://qfox.nl/weblog">Peter van der Zee</a><br />\r\n<a href="http://michaux.ca/">Peter Michaux</a><br />\r\n<a href="http://jsmentors.com/Garrett-Smith.html">Garrett Smith</a><br />\r\n<a href="http://jsmentors.com/Juriy-Zaytsev.html">Juriy Zaytsev a.k.a. kangax</a><br />\r\n<a href="http://jsmentors.com/Dmitry-A-Soshnikov.html">Dmitry A. Soshnikov</a><br />\r\n<a href="http://jsmentors.com/Steven-Levithan.html">Steven Levithan</a><br />\r\n<a href="http://jsmentors.com/John-David-Dalton.html">John-David Dalton</a><br />\r\n<a href="http://jsmentors.com/Stoyan-Stefanov.html">Stoyan Stefanov</a><br />\r\n<a href="http://jsmentors.com/Benjamin-Rosseaux.html">Benjamin Rosseaux a.k.a. BeRo</a><br />\r\n<a href="http://jsmentors.com/Diego-Perini.html">Diego Perini</a><br />\r\n<a href="http://javascriptweblog.wordpress.com/">Angus Croll</a><br />\r\n<a href="http://jsmentors.com/Peter-van-der-Zee.html">Peter van der Zee</a><br />\r\n<a href="http://jsmentors.com/Christian-C-Salvado.html">Christian C. Salvadó</a><br />\r\n<a href=http://jsmentors.com/"Christophe-Porteneuve.html">Christophe Porteneuve</a><br />\r\n<a href="http://jsmentors.com/Nicholas-C-Zakas.html">Nicholas C. Zakas</a><br />\r\n<a href="http://jsmentors.com/David-Flanagan.html">David Flanagan</a><br />\r\n<a href="http://feeds.feedburner.com/reybango/zSyW">Rey Bango</a> - That''s me! Here''s my feed URL. Subscribe!<br />\r\n\r\n\r\n', 'The Big List of JavaScript, CSS, and HTML Development Tools, Libraries, Projects, and Books', 0, '', 'inherit', 'open', 'open', '', '897-autosave', '', '', '2011-01-05 18:08:05', '2011-01-05 22:08:05', '', 897, 'http://blog.reybango.com/2010/06/22/897-autosave/', 0, 'revision', '', 0);
INSERT INTO `wp_dyxkdh_posts` (`ID`, `post_author`, `post_date`, `post_date_gmt`, `post_content`, `post_title`, `post_category`, `post_excerpt`, `post_status`, `comment_status`, `ping_status`, `post_password`, `post_name`, `to_ping`, `pinged`, `post_modified`, `post_modified_gmt`, `post_content_filtered`, `post_parent`, `guid`, `menu_order`, `post_type`, `post_mime_type`, `comment_count`) VALUES
(902, 3, '2010-06-22 18:46:42', '2010-06-22 22:46:42', 'I''ve been meaning to do a roll-up of top JavaScript, CSS & HTML development tools that I use or have been recommended to me and after having lunch with my bud Brian Wilpon today, I realized I just needed to do it. He asked me what some of the newer tools are and I think this is the best way to help him (and the community in general). It''s definitely not an all-inclusive list so if you see some that you feel I should add or remove, let me know in the comments.\r\n\r\nHere they are by category:\r\n\r\n<strong>Debugging Tools That Make Life MUCH Easier:</strong>\r\n\r\nEffectively debugging JavaScript applications is a royal pain in the derriere and to compile that, the available tools just don''t stand up to those used by managed code developers. Luckily, we do have a decent set of tools that lessens the pain substantially. Firebug is definitely a must have since it incorporates so much DOM & XHR introspection as well as the Web Developer Toolbar. Both are simply awesome. I also love Charles for HTTP sniffing and it''s saved my butt when Firebug couldn''t handle it. \r\n\r\n<a href="http://msdn.microsoft.com/en-us/library/dd565628%28VS.85%29.aspx">IE8 Developer Tools</a> - Microsoft''s browser debugger tools\r\n<a href="http://getfirebug.com/">Firebug</a> - Mozilla''s browser debugger add-on \r\n<a href="http://trac.webkit.org/wiki/WebInspector">WebKit Web Inspector</a> - Webkit''s browser debugger tools\r\n<a href="http://www.fiddler2.com/fiddler2/">Fiddler</a> - HTTP Sniffer. Great for seeing Ajax requests.\r\n<a href="http://www.charlesproxy.com/">Charles</a> - HTTP Sniffer. Great for seeing Ajax requests. (my personal fav)\r\n<a href="http://kevinlangdon.com/serviceCapture/">Service Capture</a> - HTTP Sniffer. Great for seeing Ajax requests.\r\n<a href="http://ajax.dynatrace.com/pages/">dynaTrace Ajax</a> - HTTP performance analyzer\r\n<a href="http://chrispederick.com/work/web-developer/">Web Developer’s Toolbar</a> - All purpose Firefox toolbar to inspect everything on a page\r\n<a href="http://developer.yahoo.com/yslow/">YSlow</a> - Analyzes page performance based on accepted industry best practices.\r\n<a href="http://code.google.com/speed/page-speed/">PageSpeed</a> - Analyzes page performance based on accepted industry best practices.\r\n<a href="http://www.debugbar.com/">DebugBar</a> - An IE plugin that brings advanced debugging features to IE including JS, DOM & HTTP inspection\r\n\r\n<strong>CSS Editors:</strong>\r\n\r\nI prefer to write my CSS code by hand. Call me old-school but many swear by the following CSS editors. CSSEdit by MacRabbit (Mac only) is especially loved by many designers.\r\n\r\n<a href="http://www.topstyle4.com/">TopStyle</a>\r\n<a href="http://www.blumentals.net/rapidcss/">Rapid CSS</a>\r\n<a href="http://www.culturedcode.com/xyle/">Xyle</a>\r\n<a href="http://www.skybound.ca/">Stylizer</a>\r\n<a href="http://www.macrabbit.com/cssedit/">CSSEdit</a>\r\n\r\n<strong>CSS Frameworks:</strong>\r\n\r\nThese frameworks have really taken off. Like their JavaScript brethren, they help to abstract much of the complexity of building consistent layouts in cross-browser fashion. They''re definitely something I need to look into more and from what I''ve read, 960 GS & Blueprint are the ones people are looking at.\r\n\r\n<a href="http://960.gs">960 Grid System</a>\r\n<a href="http://blueprintcss.org/">Blueprint CSS Framework</a>\r\n<a href="http://www.yaml.de/en/">YAML</a>\r\n<a href="http://developer.yahoo.com/yui/grids/">Yahoo YUI Grids CSS</a>\r\n<a href="http://devkick.com/lab/tripoli/">Tripoli</a>\r\n<a href="http://net.tutsplus.com/tutorials/html-css-techniques/object-oriented-css-what-how-and-why/">Object-Oriented CSS</a>\r\n\r\n<strong>CSS Resets:</strong>\r\n\r\nWant to minimize browser inconsistencies? Then use a CSS reset stylesheet to specify baseline CSS styles that make browser presentation defaults more consistent. \r\n\r\n<a href="http://meyerweb.com/eric/tools/css/reset/">Meyer Reset by Eric Meyer</a>\r\n<a href="http://developer.yahoo.com/yui/reset/">YUI2: Reset CSS</a>\r\n<a href="http://www.iecss.com/">IECSS</a>\r\n\r\n<strong>JavaScript Libraries:</strong>\r\n\r\nI definitely recommend everyone to learn JavaScript as you''ll need it to be a really effective client-side developer. With that said, a good JS library will go a long way to making your development faster and much more stable. These libraries are all very mature and dramatically help to abstract the complexities of cross-browser development. My personal favorite is <a href="http://jquery.com/">jQuery</a>, of which I''m a member of the project team.\r\n\r\n<a href="http://jquery.com/">jQuery</a>\r\n<a href="http://jqueryui.com">jQuery UI</a>\r\n<a href="http://prototypejs.org/">Prototype</a>\r\n<a href="http://mootools.net/">MooTools</a>\r\n<a href="http://dojotoolkit.org/">Dojo</a>\r\n<a href="http://developer.yahoo.com/yui/">YUI</a>\r\n<a href="http://javascriptmvc.com/">JavaScriptMVC</a>\r\n<a href="http://qooxdoo.org/">qooxdoo</a>\r\n<a href="http://extjs.com">Ext JS</a>\r\n<a href="http://labs.adobe.com/technologies/spry/">Adobe Spry</a>\r\n<a href="http://raphaeljs.com/">Raphael.js</a> - simplifies working with vector graphics on the web\r\n<a href="http://labjs.com/">LabJS Dynamic Script Loader</a> - Allows execution and load management of JavaScript files\r\n<a href="http://brianleroux.github.com/lawnchair/">Lawnchair</a> - A lightweight client-side JSON document store\r\n<a href="http://www.thomasfrank.se/sessionvars.html">Sessvars.js</a> - Client-side session data management solution\r\n<a href="http://codebetter.com/blogs/matthew.podwysocki/archive/2010/02/16/introduction-to-the-reactive-extensions-to-javascript.aspx">Reactive Extensions For JS</a>\r\n<a href="http://beebole.com/pure">PURE JS Templating Lib</a>\r\n<a href="http://documentcloud.github.com/underscore/">Underscore.js</a> - Utility lib for jQuery that provides a ton of extended functionality\r\n\r\n<strong>JavaScript Minifiers</strong>\r\n\r\nEvery byte counts when you''re sending files via HTTP and best practices dictate that on a production, you need to optimize all of your files to minimize page load times. Compressing JavaScript code is one of the easiest ways to do that and these tools will help. On the jQuery project, we''ve started using Google''s Closure compiler because it''s generated the best compression. Try all of them out to see which suits you best.\r\n\r\n<a href="http://developer.yahoo.com/yui/compressor/">YUI compressor</a>\r\n<a href="http://code.google.com/closure/compiler/">Closure compiler</a>\r\n<a href="http://www.crockford.com/javascript/jsmin.html">JSMIN</a>\r\n<a href="http://dean.edwards.name/packer/">Dean Edward''s Packer</a>\r\n<a href="http://aspnet.codeplex.com/releases/view/40584">Microsoft Ajax Minifer</a> \r\n<a href="http://shrinksafe.dojotoolkit.org/">Dojo Shrinksafe</a>\r\n\r\n<strong>JavaScript Shells</strong>\r\n\r\nThere are times when you just want to test a snippet of code without actually going through the trouble of creating a full page. That''s where JavaScript shells shine. JSFiddle and JSBin both rock because apart from supporting plain ole JS, they also allow you to include a host of libraries including jQuery, MooTools, & Dojo. \r\n\r\n<a href="http://jsfiddle.net/">jsfiddle.net</a> \r\n<a href="http://jsbin.com/">JSBin</a>\r\n<a href="http://mootools.net/shell/">mootools.net/shell</a> <em>(MooTools-specific)</em>\r\n\r\n<strong>Color Management:</strong>\r\n\r\nAs a programmer, I''m insanely color scheme challenged. I''m inclined to mix yellow with mauve causing a concerted moan to occur across the design community. Luckily, these tools help you choose web safe color schemes that are not only consistent but won''t burn the eyeballs off your site visitors. :)\r\n\r\n<a href="http://www.colourlovers.com/">Colourlovers</a>\r\n<a href="http://kuler.adobe.com/">Kuler</a>\r\n\r\n<strong>Editors and IDEs:</strong>\r\n\r\nI work at Microsoft so you would expect me to be a Visual Studio whiz. Not so. Only recently starting at MS, I''ve only dipped my toe in the VS waters. What I''ve seen though has impressed me but I still have a long way to go before I understand it. If you''re on a Mac, though, I do highly recommend both TextMate and Coda. Both are truly awesome. I''ve used Coda a little more because I liked the UI of it a little better than TextMate''s but TM''s bundle system and ecosystem is amazing. You can get code-complete for just about anything via bundles. For Windows, Notepad++ has been just awesome. I wish it had built-in FTP support like UltraEdit. \r\n\r\n<a href="http://msdn.microsoft.com/en-us/vstudio/default.aspx">Visual Studio</a>\r\n<a href="http://www.microsoft.com/expression/">Expression</a>\r\n<a href="http://macromates.com/">TextMate</a>\r\n<a href="http://panic.com/coda/">Coda</a>\r\n<a href="http://www.ultraedit.com/">UltraEdit</a>\r\n<a href="http://www.activestate.com/komodo/">Komodo IDE</a>\r\n<a href="http://notepad-plus.sourceforge.net/uk/site.htm">Notepad++</a>\r\n<a href="http://notepad2.com/">Notepad2</a>\r\n<a href="http://www.barebones.com/products/bbedit/">BBEdit</a>\r\n<a href="http://www.aptana.org/">Aptana</a>\r\n<a href="http://macrabbit.com/espresso/">Espresso</a>\r\n<a href="http://www.sublimetext.com/">Sublime Text</a>\r\n<a href="http://www.jetbrains.com/webstorm/index.html">WebStorm</a>\r\n<a href="http://www.vim.org/">VIM</a>\r\n<a href="http://www.eclipse.org/">Eclipse</a>\r\n<a href="http://netbeans.org/">Netbeans</a>\r\n<a href="http://www.geany.org/">Geany</a>\r\n\r\n<strong>Wireframing:</strong>\r\n\r\nI know some of you are cowboys (or cowgirls) and you just want to start hacking. Well, for the truly impatient, these tools at least let you wireframe your pages quickly and easily. I''ve used Balsamiq and FlairBuilder and both rock. It seems that FlairBuilder is really cranking it up with some nice features. Both are Adobe AIR apps which means they''re cross-platform.\r\n\r\n<a href="http://www.omnigroup.com/">Omnigraffle</a>\r\n<a href="http://www.balsamiq.com/">Balsamiq</a>\r\n<a href="http://www.flairbuilder.com/">FlairBuilder</a>\r\n<a href="http://office.microsoft.com/en-us/visio/default.aspx">Visio</a>\r\n<a href="http://www.axure.com/">Axure</a>\r\n\r\n<strong>Browser Testing:</strong>\r\n\r\nI''ve been fortunate to have multiple OS versions over the years. My wife would definitely prefer for me to have a couple of less PCs sitting around but it''s let me test out my web apps on a variety of platforms, browsers and OSes. Shoot, I even have a version of IE6! For those with less hardware, these services should definitely help. Note that services like BrowserCam & Gomez are subscription-based but worth the cash if you can afford it.\r\n\r\n<a href="http://www.browsercam.com/Default2.aspx">BrowserCam</a>\r\n<a href="https://browserlab.adobe.com/index.html">Adobe BrowserLab</a>\r\n<a href="http://www.microsoft.com/downloads/details.aspx?FamilyID=8e6ac106-525d-45d0-84db-dccff3fae677&displaylang=en">Microsoft Expression Web SuperPreview for IE</a>\r\n<a href="http://www.gomez.com/products-solutions/products/cross-browser-testing/">Gomez</a>\r\n<a href="http://tredosoft.com/Multiple_IE">TredoSoft MultipleIE</a>\r\n<a href="http://crossbrowsertesting.com/">CrossBrowserTesting</a>\r\n<a href="http://michelf.com/projects/multi-safari/">Multi-Safari</a>\r\n<a href="http://www.browserscope.org/">Browserscope</a>\r\n<a href="http://stevesouders.com/cuzillion/help.php">Cuzillion</a>\r\n<a href="http://www.my-debugbar.com/wiki/IETester/HomePage">IETester</a>\r\n\r\n<strong>Testing (based on the <a href="http://ejohn.org/blog/which-unit-testing-framework/">list by John Resig</a>):</strong>\r\n\r\nThis was a list I snagged from John Resig. Obviously, he''s done a boatload of testing so I know this list rocks. JSLint is the old mainstay created by Douglas Crockford but other have really become increasingly essential to good testing. jQuery developers should definitely be looking at QUnit & jQuery-Lint. The most complete tool is Selenium but it does have a bit of a learning curve. If you''re into determining JS performance, checkout SunSpider, Dromaeo, Google''s V8 Benchmark and JSLitmus. These measure the performance of the JS engine, not your apps.\r\n\r\n<a href="http://jslint.com/">JSLint</a>\r\n<a href="http://github.com/jamespadolsey/jQuery-Lint">jQuery Lint</a>\r\n<a href="http://www.jsunit.net/">JSUnit</a>\r\n<a href="http://seleniumhq.org/projects/core/">Selenium Core</a>\r\n<a href="http://jania.pe.kr/aw/moin.cgi/JSSpec">JSSpec (MooTools)</a>\r\n<a href="http://github.com/tobie/unittest_js/tree/master">UnitTestJS (Prototype)</a>\r\n<a href="http://docs.jquery.com/QUnit">QUnit (jQuery)</a>\r\n<a href="http://docs.dojocampus.org/quickstart/doh">DOH Unit Testing (Dojo)</a>\r\n<a href="http://developer.yahoo.com/yui/yuitest/">YUITest 2</a>\r\n<a href="http://developer.yahoo.com/yui/3/test/">YUITest 3</a>\r\n<a href="https://developer.mozilla.org/En/Mochitest">Mochitest</a>\r\n<a href="http://github.com/nkallen/screw-unit/tree/master">ScrewUnit</a>\r\n<a href="http://jsunittest.com/">JsUnitTest</a>\r\n<a href="http://jsunity.com/">jsUnity</a> \r\n<a href="http://code.google.com/p/js-test-driver/">JsTestDriver</a>\r\n<a href="http://www.thefrontside.net/crosscheck">Crosscheck</a>\r\n<a href="http://groups.google.com/group/envjs">Env.js</a> \r\n<a href="http://fireunit.org/">FireUnit</a>\r\n<a href="http://validator.w3.org/">W3C Markup Validation Service</a>\r\n<a href="http://jigsaw.w3.org/css-validator/">W3C CSS Validation Service</a>\r\n<a href="http://www2.webkit.org/perf/sunspider-0.9/sunspider.html">SunSpider</a>\r\n<a href="http://code.google.com/apis/v8/run.html">V8 Benchmark</a>\r\n<a href="http://v2.dromaeo.com/">Dromaeo</a>\r\n<a href="http://broofa.com/Tools/JSLitmus/">JSLitmus</a>\r\n<a href="http://users.skynet.be/mgueury/mozilla/">HTML Validator Firefox Add-on</a>\r\n\r\n<strong>Documentation:</strong>\r\n\r\n<a href="http://developer.yahoo.com/yui/">Yahoo UI Docs</a>\r\n<a href="http://www.programmableweb.com/">APIs</a> - Most comprehensive list of APIs on the web\r\n<a href="http://api.jquery.com/">jQuery Docs</a>\r\n<a href="http://jqueryui.com/demos/">jQuery UI Docs</a>\r\n<a href="http://mootools.net/docs/core">MooTools Docs</a>\r\n<a href="http://api.prototypejs.org/">Prototype Docs</a>\r\n<a href="http://dojotoolkit.org/documentation/">Dojo Docs</a>\r\n<a href="http://json.org/">JSON Reference</a>\r\n<a href="http://en.wikipedia.org/wiki/JSON#JSONP">JSONP</a>\r\n\r\n<h2>Server-Side JavaScript</h2>\r\n\r\n<a href="http://www.mozilla.org/rhino/">Rhino</a>\r\n<a href="http://nodejs.org/">Node.js</a>\r\n<a href="http://narwhaljs.org/">Narwhal.js</a>\r\n<a href="http://commonjs.org/">CommonJS Standards Project</a>\r\n<a href="http://o.sitepen.com/labs/persevere.php">Persevere</a>\r\n<a href="http://en.wikipedia.org/wiki/Comet_%28programming%29">Comet</a>\r\n\r\n<h2>Books</h2>\r\n\r\nThe books below are really a great selection. I have many in my own library and every so often re-read them I''m currently reading <a href="http://www.amazon.com/gp/product/059680279X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=059680279X">High Performance JavaScript</a> by Nicholas Zakas. Another great book is Stoyan Stefanov''s <a href="http://www.amazon.com/gp/product/1847194141?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847194141">Object-Oriented JavaScript: Create scalable, reusable high-quality JavaScript applications and libraries</a>. I also highly recommend Steve Souders performance book at the bottom of the list. They''re basically the definitive sources for optimizing your web apps.\r\n\r\n<strong>JavaScript/DOM:</strong>\r\n<ul>\r\n<li><a href="http://www.amazon.com/gp/product/0596101996?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596101996">JavaScript: The Definitive Guide</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596101996" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0596517742?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596517742">JavaScript: The Good Parts</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596517742" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/047022780X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=047022780X">Professional JavaScript for Web Developers (Wrox Programmer to Programmer)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=047022780X" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1590595335?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590595335">DOM Scripting: Web Design with JavaScript and the Document Object Model</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590595335" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1590598563?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590598563">AdvancED DOM Scripting: Dynamic Web Design Techniques</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590598563" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1590596803?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590596803">Beginning JavaScript with DOM Scripting and Ajax: From Novice to Professional (Beginning: from Novice to Professional)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590596803" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1847194141?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847194141">Object-Oriented JavaScript: Create scalable, reusable high-quality JavaScript applications and libraries</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847194141" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1590597273?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590597273">Pro JavaScript Techniques</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590597273" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/193398869X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=193398869X">Secrets of the JavaScript Ninja</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=193398869X" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0321491939?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0321491939">Ajax Security</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0321491939" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0321423305?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0321423305">ppk on JavaScript, 1/e</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0321423305" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1590597648?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590597648">Accelerated DOM Scripting with Ajax, APIs, and Libraries</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590597648" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/059680279X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=059680279X">High Performance JavaScript (Build Faster Web Application Interfaces)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=059680279X" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n</li>\r\n</ul>\r\n\r\n<strong>JavaScript Libraries:</strong>\r\n<ul>\r\n<li><a href="http://www.amazon.com/gp/product/0596159773?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596159773">jQuery Cookbook: Solutions & Examples for jQuery Developers (Animal Guide)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596159773" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1847196705?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847196705">Learning jQuery 1.3</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847196705" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1935182323?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1935182323">jQuery in Action, Second Edition</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1935182323" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1847199720?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847199720">jQuery UI 1.7: The User Interface Library for jQuery</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847199720" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.rebeccamurphey.com/jqfundamentals/">Rebecca Murphey''s jQuery Fundamentals Training Materials (Creative Commons License)</a></li>\r\n\r\n\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1934356115?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1934356115">Mastering Dojo: JavaScript and Ajax Tools for Great Web Experiences (Pragmatic Programmers)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1934356115" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1430210664?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1430210664">Practical Dojo Projects (Practical Projects)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1430210664" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/0470452021?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0470452021">Concise Guide to Dojo (Wrox Programmer to Programmer)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0470452021" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/0596516487?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596516487">Dojo: The Definitive Guide</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596516487" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/0321605128?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0321605128">The Dojo Toolkit: Visual QuickStart Guide</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0321605128" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1430225211?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1430225211">Getting StartED with Dojo</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1430225211" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1847194583?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847194583">MooTools 1.2 Beginner''s Guide</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847194583" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1430209836?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1430209836">MooTools Essentials: The Official MooTools Reference for JavaScript™ and Ajax Development (Firstpress)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1430209836" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n</li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1590599195?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590599195">Practical Prototype and script.aculo.us (Expert''s Voice in Web Development)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590599195" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1934356018?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1934356018">Prototype and script.aculo.us: You Never Knew JavaScript Could Do This! (Pragmatic Programmers)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1934356018" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n</li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1933988037?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1933988037">Prototype and Scriptaculous in Action [Ajax]</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1933988037" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1847192327?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847192327">Learning the Yahoo! User Interface library: Develop your next generation web applications with the YUI JavaScript development library.</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847192327" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1847195148?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847195148">Learning Ext JS</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847195148" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n</li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1847198708?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847198708">Ext JS 3.0 Cookbook</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847198708" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1935182110?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1935182110">Ext JS in Action</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1935182110" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n</li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/047038459X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=047038459X">Professional JavaScript Frameworks: Prototype,YUI, ExtJS, Dojo and MooTools (Wrox Programmer to Programmer)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=047038459X" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n</ul>\r\n\r\n\r\n\r\n<strong>HTML & CSS:</strong>\r\n<ul>\r\n<li><a href="http://www.amazon.com/gp/product/1590598040?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590598040">Pro CSS and HTML Design Patterns</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590598040" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1430219203?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1430219203">Web Standards Solutions: The Markup and Style Handbook, Special Edition</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1430219203" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0321509021?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0321509021">Bulletproof Web Design: Improving flexibility and protecting against worst-case scenarios with XHTML and CSS (2nd Edition)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0321509021" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.sitepoint.com/books/cssdesign1/?SID=82b54f50488243b44b6b9c7acb10731a">The Art & Science Of CSS</a>\r\n<a href="http://www.sitepoint.com/books/css2/?SID=82b54f50488243b44b6b9c7acb10731a">HTML Utopia: Designing Without Tables Using CSS</a></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0980455278?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0980455278">Build Your Own Website The Right Way Using HTML & CSS, 2nd Edition</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0980455278" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1600330045?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1600330045">Head First HTML with CSS & XHTML</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1600330045" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.webstepbook.com/">Web Programming Step by Step</a></li>\r\n\r\n</ul>\r\n\r\n<strong>Performance:</strong>\r\n<ul>\r\n<li><a href="http://www.amazon.com/gp/product/0596529309?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596529309">High Performance Web Sites: Essential Knowledge for Front-End Engineers</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596529309" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0596522304?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596522304">Even Faster Web Sites: Performance Best Practices for Web Developers</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596522304" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n</ul>\r\n', 'The Big List of JavaScript, CSS, and HTML Development Tools, Libraries, Projects, and Books', 0, '', 'inherit', 'open', 'open', '', '897-revision-3', '', '', '2010-06-22 18:46:42', '2010-06-22 22:46:42', '', 897, 'http://blog.reybango.com/2010/06/22/897-revision-3/', 0, 'revision', '', 0),
(904, 3, '2010-07-01 13:47:45', '2010-07-01 17:47:45', 'I hate to admit it but I haven''t looked at Canvas yet. It''s not for lack of wanting but more of time. Seems like there''s SO many cool things out there to learn and nailing down time is tough. So I decided to dip my toe into.\n\nFor those not familiar with it, the HTML5 Canvas element provides a rectangular area where you can draw anything you want on. It''s pretty slick and seems pretty powerful. In essence, instead of solely relying on image creation tools like Photoshop, GIMP or Paint.net for generating graphics, you now have a native element on which to do it. \n\nIf we look at the Canvas element, the format is just like any other HTML element:\n\n<canvas id="can1" width="300" height="300"></canvas>\n\nYou define the element along with specific attributes, just like most any other HTML element. In this case, we''re assigning it an "id" along with the width and height of the rectangular drawing area. The reason we assign it an "id" is to allow us to later reference the element via JavaScript and call the methods necessary to start drawing.\n\nNow, I''m by no means a Picasso, which is why I tend to focus more on programming than design work. I prefer to leave that to the pros with a real creative knack.', 'A Quick Jump into Canvas', 0, '', 'inherit', 'open', 'open', '', '903-revision', '', '', '2010-07-01 13:47:45', '2010-07-01 17:47:45', '', 903, 'http://blog.reybango.com/2010/07/01/903-revision/', 0, 'revision', '', 0),
(905, 3, '2010-07-01 13:51:22', '2010-07-01 17:51:22', 'I hate to admit it but I haven''t looked at Canvas yet. It''s not for lack of wanting but more of time. Seems like there''s SO many cool things out there to learn and nailing down time is tough. So I decided to dip my toe into.\n\nFor those not familiar with it, the HTML5 Canvas element provides a rectangular area where you can draw anything you want on. It''s pretty slick and seems pretty powerful. In essence, instead of solely relying on image creation tools like Photoshop, GIMP or Paint.net for generating graphics, you now have a native element on which to do it. \n\nIf we look at the Canvas element, the format is just like any other HTML element:\n\n[code lang="html"]\n&lt;canvas id=&quot;can1&quot; width=&quot;300&quot; height=&quot;300&quot;&gt;&lt;/canvas&gt;\n[/code]\n\nYou define the element along with specific attributes, just like most any other HTML element. In this case, we''re assigning it an "id" along with the width and height of the rectangular drawing area. The reason we assign it an "id" is to allow us to later reference the element via JavaScript and call the methods necessary to start drawing.\n\nNow, I''m by no means a Picasso, which is why I tend to focus more on programming than design work. I prefer to leave that to the pros with a real creative knack but I will at least attempt to create something colorful.\n\nThe first thing we need to do is great a reference to the Canvas element. Remember that I discussed adding an "id" attribute to the element? This is where it comes in handy:\n\n[code lang="js"]\nvar myCanvas = document.getElementById( &quot;can1&quot; );\n[/code]\n\nYou could do the same thing in jQuery this way:\n\n[code lang="js"]\nvar myCanvas = $( &quot;#can1&quot; );\n[/code]\n\nbut because we really don''t need all of the jQuery library''s syntactic sugar for this small demo, I''m \n', 'A Quick Jump into Canvas', 0, '', 'inherit', 'open', 'open', '', '903-revision-2', '', '', '2010-07-01 13:51:22', '2010-07-01 17:51:22', '', 903, 'http://blog.reybango.com/2010/07/01/903-revision-2/', 0, 'revision', '', 0),
(906, 3, '2010-07-01 13:51:35', '2010-07-01 17:51:35', 'I hate to admit it but I haven''t looked at Canvas yet. It''s not for lack of wanting but more of time. Seems like there''s SO many cool things out there to learn and nailing down time is tough. So I decided to dip my toe into.\r\n\r\nFor those not familiar with it, the HTML5 Canvas element provides a rectangular area where you can draw anything you want on. It''s pretty slick and seems pretty powerful. In essence, instead of solely relying on image creation tools like Photoshop, GIMP or Paint.net for generating graphics, you now have a native element on which to do it. \r\n\r\nIf we look at the Canvas element, the format is just like any other HTML element:\r\n\r\n[code lang="html"]\r\n&lt;canvas id=&quot;can1&quot; width=&quot;300&quot; height=&quot;300&quot;&gt;&lt;/canvas&gt;\r\n[/code]\r\n\r\nYou define the element along with specific attributes, just like most any other HTML element. In this case, we''re assigning it an "id" along with the width and height of the rectangular drawing area. The reason we assign it an "id" is to allow us to later reference the element via JavaScript and call the methods necessary to start drawing.\r\n\r\nNow, I''m by no means a Picasso, which is why I tend to focus more on programming than design work. I prefer to leave that to the pros with a real creative knack but I will at least attempt to create something colorful.\r\n\r\nThe first thing we need to do is great a reference to the Canvas element. Remember that I discussed adding an "id" attribute to the element? This is where it comes in handy:\r\n\r\n[code lang="js"]\r\nvar myCanvas = document.getElementById( &quot;can1&quot; );\r\n[/code]\r\n\r\nYou could do the same thing in jQuery this way:\r\n\r\n[code lang="js"]\r\nvar myCanvas = $( &quot;#can1&quot; );\r\n[/code]\r\n\r\nbut because we really don''t need all of the jQuery library''s syntactic sugar for this small demo, I''m just going to use plain ''ole JavaScript.\r\n\r\n\r\n', 'A Quick Jump into Canvas', 0, '', 'inherit', 'open', 'open', '', '903-revision-3', '', '', '2010-07-01 13:51:35', '2010-07-01 17:51:35', '', 903, 'http://blog.reybango.com/2010/07/01/903-revision-3/', 0, 'revision', '', 0),
(907, 3, '2010-07-01 13:51:42', '2010-07-01 17:51:42', 'I hate to admit it but I haven''t looked at Canvas yet. It''s not for lack of wanting but more of time. Seems like there''s SO many cool things out there to learn and nailing down time is tough. So I decided to dip my toe into.\r\n\r\nFor those not familiar with it, the HTML5 Canvas element provides a rectangular area where you can draw anything you want on. It''s pretty slick and seems pretty powerful. In essence, instead of solely relying on image creation tools like Photoshop, GIMP or Paint.net for generating graphics, you now have a native element on which to do it. \r\n\r\nIf we look at the Canvas element, the format is just like any other HTML element:\r\n\r\n[code lang="html"]\r\n&lt;canvas id=&quot;can1&quot; width=&quot;300&quot; height=&quot;300&quot;&gt;&lt;/canvas&gt;\r\n[/code]\r\n\r\nYou define the element along with specific attributes, just like most any other HTML element. In this case, we''re assigning it an "id" along with the width and height of the rectangular drawing area. The reason we assign it an "id" is to allow us to later reference the element via JavaScript and call the methods necessary to start drawing.\r\n\r\nNow, I''m by no means a Picasso, which is why I tend to focus more on programming than design work. I prefer to leave that to the pros with a real creative knack but I will at least attempt to create something colorful.\r\n\r\nThe first thing we need to do is great a reference to the Canvas element. Remember that I discussed adding an "id" attribute to the element? This is where it comes in handy:\r\n\r\n[code lang="js"]\r\nvar myCanvas = document.getElementById( &quot;can1&quot; );\r\n[/code]\r\n\r\nYou could do the same thing in jQuery this way:\r\n\r\n[code lang="js"]\r\nvar myCanvas = $( &quot;#can1&quot; );\r\n[/code]\r\n\r\nbut because we really don''t need all of the jQuery library''s syntactic sugar for this small demo, I''m just going to use plain ''ole JavaScript.\r\n\r\n\r\n', 'A Quick Jump into Canvas', 0, '', 'inherit', 'open', 'open', '', '903-revision-4', '', '', '2010-07-01 13:51:42', '2010-07-01 17:51:42', '', 903, 'http://blog.reybango.com/2010/07/01/903-revision-4/', 0, 'revision', '', 0),
(908, 3, '2010-07-01 14:03:26', '2010-07-01 18:03:26', 'I hate to admit it but I haven''t looked at Canvas yet. It''s not for lack of wanting but more of time. Seems like there''s SO many cool things out there to learn and nailing down time is tough. So I decided to dip my toe into.\n\nFor those not familiar with it, the HTML5 Canvas element provides a rectangular area where you can draw anything you want on. It''s pretty slick and seems pretty powerful. In essence, instead of solely relying on image creation tools like Photoshop, GIMP or Paint.net for generating graphics, you now have a native element on which to do it. \n\nIf we look at the Canvas element, the format is just like any other HTML element:\n\n[code lang="html"]\n&lt;canvas id=&quot;can1&quot; width=&quot;300&quot; height=&quot;300&quot;&gt;&lt;/canvas&gt;\n[/code]\n\nYou define the element along with specific attributes, just like most any other HTML element. In this case, we''re assigning it an "id" along with the width and height of the rectangular drawing area. The reason we assign it an "id" is to allow us to later reference the element via JavaScript and call the methods necessary to start drawing.\n\nNow, I''m by no means a Picasso, which is why I tend to focus more on programming than design work. I prefer to leave that to the pros with a real creative knack but I will at least attempt to create something colorful.\n\nThe first thing we need to do is great a reference to the Canvas element. Remember that I discussed adding an "id" attribute to the element? This is where it comes in handy:\n\n[code lang="js"]\nvar myCanvas = document.getElementById( &quot;can1&quot; );\n[/code]\n\nYou could do the same thing in jQuery this way:\n\n[code lang="js"]\nvar myCanvas = $( &quot;#can1&quot; );\n[/code]\n\nbut because we really don''t need all of the jQuery library''s syntactic sugar for this small demo, I''m just going to use plain ''ole JavaScript.\n\nNext, we''ll use the element''s <em>getContext()</em> method to grab the rendering context for that element. This is the area within your <canvas> element where the actual drawing will occur. It doesn''t have to be the same size as your canvas but it needs to fit within it.\n\n[code lang="js"]\nvar myContext = myCanvas.getContext( &quot;2d&quot; );\n[/code]\n\nWe specify "2d" as a parameter because it''s the only rendering context currently supported by the specification so for now, your limited to flat drawings.\n\nNow that I have the rendering context, I can begin making my drawing. Using the <em>fillStyle</em> and <em>strokeStyle</em> properties, I can set the color to fill specific areas of my drawing and the color of the borders\n\n[code lang="js"]\n  myContext.fillStyle   = ''#00f'';\n  myContext.strokeStyle = ''#f00'';  \n[/code]', 'A Quick Jump into Canvas', 0, '', 'inherit', 'open', 'open', '', '903-revision-5', '', '', '2010-07-01 14:03:26', '2010-07-01 18:03:26', '', 903, 'http://blog.reybango.com/2010/07/01/903-revision-5/', 0, 'revision', '', 0),
(909, 3, '2010-07-01 14:11:04', '2010-07-01 18:11:04', '', 'box1', 0, '', 'inherit', 'open', 'open', '', 'box1-2', '', '', '2010-07-01 14:11:04', '2010-07-01 18:11:04', '', 903, 'http://blog.reybango.com/wp-content/uploads/2010/07/box1.png', 0, 'attachment', 'image/png', 0),
(910, 3, '2010-07-01 14:09:23', '2010-07-01 18:09:23', 'I hate to admit it but I haven''t looked at Canvas yet. It''s not for lack of wanting but more of time. Seems like there''s SO many cool things out there to learn and nailing down time is tough. So I decided to dip my toe into.\n\nFor those not familiar with it, the HTML5 Canvas element provides a rectangular area where you can draw anything you want on. It''s pretty slick and seems pretty powerful. In essence, instead of solely relying on image creation tools like Photoshop, GIMP or Paint.net for generating graphics, you now have a native element on which to do it. \n\nIf we look at the Canvas element, the format is just like any other HTML element:\n\n[code lang="html"]\n&lt;canvas id=&quot;can1&quot; width=&quot;300&quot; height=&quot;300&quot;&gt;&lt;/canvas&gt;\n[/code]\n\nYou define the element along with specific attributes, just like most any other HTML element. In this case, we''re assigning it an "id" along with the width and height of the rectangular drawing area. The reason we assign it an "id" is to allow us to later reference the element via JavaScript and call the methods necessary to start drawing.\n\nNow, I''m by no means a Picasso, which is why I tend to focus more on programming than design work. I prefer to leave that to the pros with a real creative knack but I will at least attempt to create something colorful.\n\nThe first thing we need to do is great a reference to the Canvas element. Remember that I discussed adding an "id" attribute to the element? This is where it comes in handy:\n\n[code lang="js"]\nvar myCanvas = document.getElementById( &quot;can1&quot; );\n[/code]\n\nYou could do the same thing in jQuery this way:\n\n[code lang="js"]\nvar myCanvas = $( &quot;#can1&quot; );\n[/code]\n\nbut because we really don''t need all of the jQuery library''s syntactic sugar for this small demo, I''m just going to use plain ''ole JavaScript.\n\nNext, we''ll use the element''s <em>getContext()</em> method to grab the rendering context for that element. This is the area within your <canvas> element where the actual drawing will occur. It doesn''t have to be the same size as your canvas but it needs to fit within it.\n\n[code lang="js"]\nvar myContext = myCanvas.getContext( &quot;2d&quot; );\n[/code]\n\nWe specify "2d" as a parameter because it''s the only rendering context currently supported by the specification so for now, your limited to flat drawings.\n\nNow that I have the rendering context, I can begin making my drawing. Using the <em>fillStyle</em> and <em>strokeStyle</em> properties, I can set the fill color for specific areas of my drawing and the color of the borders respectively. Then using the strokeRect() & fillRect() methods, I can use the colors defined in those properties to effect the change:\n\n[code lang="js"]\n  myContext.fillStyle   = ''#00f'';\n  myContext.strokeStyle = ''#f00'';  \n  myContext.lineWidth   = 4;  \n  myContext.strokeRect( 0,0,300,300);\n  myContext.fillRect(0, 0, 300, 300);\n[/code]\n', 'A Quick Jump into Canvas', 0, '', 'inherit', 'open', 'open', '', '903-revision-6', '', '', '2010-07-01 14:09:23', '2010-07-01 18:09:23', '', 903, 'http://blog.reybango.com/2010/07/01/903-revision-6/', 0, 'revision', '', 0);
