<?xml version="1.0" encoding="UTF-8"?>
<!--Generated by Squarespace V5 Site Server v5.13.158 (http://www.squarespace.com) on Wed, 22 May 2013 17:26:10 GMT--><rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:itunes="http://www.itunes.com/dtds/podcast-1.0.dtd" xmlns:dc="http://purl.org/dc/elements/1.1/" version="2.0"><channel><title>Web</title><link>http://www.jessicasutton.com/web1/</link><description></description><lastBuildDate>Thu, 02 Feb 2012 00:12:55 +0000</lastBuildDate><copyright></copyright><language>en-US</language><generator>Squarespace V5 Site Server v5.13.158 (http://www.squarespace.com)</generator><item><title>reference: css-tricks</title><category>Reference</category><dc:creator>Jessica</dc:creator><pubDate>Wed, 08 Dec 2010 13:50:32 +0000</pubDate><link>http://www.jessicasutton.com/web1/2010/12/8/reference-css-tricks.html</link><guid isPermaLink="false">315674:7905966:9674740</guid><description><![CDATA[<p>Hey guys, I just stumbled upon a great blog, <strong><a href="http://css-tricks.com/" target="_blank">CSS-Tricks</a></strong>, by <strong><a href="http://chriscoyier.net/" target="_blank">Chris Coyier</a></strong>. There are loads of css tips and lots of great commentary/discussion!</p>
<p><span class="full-image-block ssNonEditable"><span><a href="http://css-tricks.com/" target="_blank"><img src="http://www.jessicasutton.com/storage/web1/blog-files/css-tricks.jpg?__SQUARESPACE_CACHEVERSION=1291816479018" alt="" /></a></span></span></p>
<p>&nbsp;</p>
<p>Also worth checking out, is Chris' other blog, <strong><a href="http://quotesondesign.com/" target="_blank">Quotes on Design</a></strong> :)</p>
<p><span class="full-image-block ssNonEditable"><span><a href="http://quotesondesign.com/" target="_blank"><img src="http://www.jessicasutton.com/storage/web1/blog-files/quotes.jpg?__SQUARESPACE_CACHEVERSION=1291816578202" alt="" /></a></span></span></p>]]></description><wfw:commentRss>http://www.jessicasutton.com/web1/rss-comments-entry-9674740.xml</wfw:commentRss></item><item><title>reference: domains and hosting</title><category>Reference</category><dc:creator>Jessica</dc:creator><pubDate>Fri, 03 Dec 2010 17:04:27 +0000</pubDate><link>http://www.jessicasutton.com/web1/2010/12/3/reference-domains-and-hosting.html</link><guid isPermaLink="false">315674:7905966:9630110</guid><description><![CDATA[<p>So you're almost done designing your first personal site - but how do you make it LIVE on the interwebs? <br /><em>It's actually pretty easy.</em></p>
<p>1.) Pick a snazzy domain name! There are a million sites out there you can purchase a domain name through - I personally prefer <a href="http://www.godaddy.com" target="_blank"><strong>godaddy.com</strong></a>. <a href="http://www.register.com" target="_blank"><strong>Register.com</strong></a> and <a href="http://www.domain.com" target="_blank"><strong>domain.com</strong></a> are good as well. Most domains are fairly cheap, averaging about $12/year. If your dream domain name isn't available, you can always find out who already bought it and offer to buy it from them - - - keep in mind, this can get expensive quick, especially if they're not so nice ;)</p>
<p>2.) All your precious files need a home and that's where hosting comes in. Hosting basically means you pay/rent space on a server to hold your files. You can purchase hosting from a bunch of sites. Once again, I prefer godaddy. An economy hosting plan will cost about $4/month. It's usually best to purchase your hosting from the same place you got your domain, that way pointing your domain to your server space is easy as cake.</p>
<p>3.) Now it's FTP lovin' time! FTP stands for <em>File Transfer Protocol</em>. Basically this is a means to transfer your files from your computer to the space you now rent on a server. There are a few ways to do this: Dreamweaver has a built-in function that I showed you all a few weeks back - it's handled in the "manage site" dropdown; <a href="http://fireftp.mozdev.org/" target="_blank"><strong>FireFTP</strong></a> is an add-on for Firefox browsers that is really easy to use and free; <a href="http://fetchsoftworks.com/" target="_blank"><strong>Fetch</strong></a> is an application for your computer (my fav) that allows you to drag/drop files onto the server quickly ($29).</p>]]></description><wfw:commentRss>http://www.jessicasutton.com/web1/rss-comments-entry-9630110.xml</wfw:commentRss></item><item><title>assignment: 4 reminder!</title><category>Assignment</category><dc:creator>Jessica</dc:creator><pubDate>Wed, 01 Dec 2010 21:35:21 +0000</pubDate><link>http://www.jessicasutton.com/web1/2010/12/1/assignment-4-reminder.html</link><guid isPermaLink="false">315674:7905966:9614338</guid><description><![CDATA[<p>Hope everyone had a great Thanksgiving!</p>
<p>Just a reminder that you all will have the ENTIRE class this week to work on/wrap up your final projects. I'll, of course, be there to sit with each of you and help.</p>
<p>&nbsp;</p>
<p>And in case you forgot, here are the project requirements:</p>
<p><strong>Project Requirements:</strong><br />&middot; Site map<br />&middot; Site sketches and wireframe<br />&middot; A multi-layered .png or .psd file for site images<br />&middot; Working navigation system using an unordered list<br />&middot; Home page (index.html) and interior pages<br />&middot; An attached style sheet with a minimum of 6 custom classes used throughout the site<br />&middot; Inclusion of both interior and exterior links</p>
<p><strong>Project Release:</strong><br />&middot; Please upload to the&nbsp;<strong><a href="http://www.jessicasutton.com/dropbox/">Dropbox</a></strong>&nbsp;before class begins as a zipped folder that contains all html/css files and a subfolder of images.<br />&middot; Be ready to walk the class through your designs for critique!</p>
<p><strong>Project Notes:<br /></strong>&middot; Stay Consistant.<br />&middot; Get as  creative as possible with the layout and your content. Remember, you can  still have a creative layout while using simple code by utilizing your  images and background.<br />&middot; Look at other sites! I can't stress this  enough - inspiration is at your fingertips online - if you see something  you like, by all means look at their code and structure!<br />&middot;&nbsp;As always, <strong><a href="mailto:design@jessicasutton.com">email me</a></strong>.</p>
<p><strong>Project Due Date: 12/3/10</strong></p>]]></description><wfw:commentRss>http://www.jessicasutton.com/web1/rss-comments-entry-9614338.xml</wfw:commentRss></item><item><title>reference: so you want to freelance?</title><category>Reference</category><dc:creator>Jessica</dc:creator><pubDate>Wed, 01 Dec 2010 21:15:13 +0000</pubDate><link>http://www.jessicasutton.com/web1/2010/12/1/reference-so-you-want-to-freelance.html</link><guid isPermaLink="false">315674:7905966:9614303</guid><description><![CDATA[<p>Well guys, the semester is almost over and what on earth will you do with all this newly aquired web know-how? If you ask me, I'd tell you to freelance your butts off!</p>
<p>Here's a great <strong><a href="http://www.jessicasutton.com/storage/web1/blog-files/wdsg_fitc.pdf">downloadable book</a></strong> written by <strong><a href="http://www.airgid.com/" target="_blank">Kevin Airgid</a></strong>, called the...</p>
<p><a href="http://www.jessicasutton.com/storage/web1/blog-files/wdsg_fitc.pdf"><span class="full-image-block ssNonEditable"><span><img src="http://www.jessicasutton.com/storage/web1/blog-files/successguide.png?__SQUARESPACE_CACHEVERSION=1291238472213" alt="" /></span></span></a></p>]]></description><wfw:commentRss>http://www.jessicasutton.com/web1/rss-comments-entry-9614303.xml</wfw:commentRss></item><item><title>reference: image maps with target rollover text</title><category>Reference</category><dc:creator>Jessica</dc:creator><pubDate>Fri, 19 Nov 2010 19:43:59 +0000</pubDate><link>http://www.jessicasutton.com/web1/2010/11/19/reference-image-maps-with-target-rollover-text.html</link><guid isPermaLink="false">315674:7905966:9522976</guid><description><![CDATA[<p><span class="full-image-block ssNonEditable"><span><img src="http://www.w3schools.com/images/w3schoolslogo.gif?__SQUARESPACE_CACHEVERSION=1290196464530" alt="" /></span></span></p>
<p><a href="http://www.w3schools.com/js/js_image_maps.asp" target="_blank"><strong>Click here</strong></a> to grab the code. This is really helpful for if you have a large image with image maps and want a bit of text to appear below, describing the link, etc.</p>
<p>If you want to see this working on one of your classmates' projects - go sit with Kirsten for a few!</p>]]></description><wfw:commentRss>http://www.jessicasutton.com/web1/rss-comments-entry-9522976.xml</wfw:commentRss></item><item><title>reference: slideshow fun!</title><category>Reference</category><dc:creator>Jessica</dc:creator><pubDate>Fri, 19 Nov 2010 19:40:46 +0000</pubDate><link>http://www.jessicasutton.com/web1/2010/11/19/reference-slideshow-fun.html</link><guid isPermaLink="false">315674:7905966:9522872</guid><description><![CDATA[<p><span class="full-image-block ssNonEditable"><span><img src="http://www.dynamicdrive.com/ddincludes/logo.gif?__SQUARESPACE_CACHEVERSION=1290195709700" alt="" /></span></span></p>
<p><a href="http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm" target="_blank"><strong>Click here</strong></a> to grab the code.</p>
<p>To see how I've put this to work, it's used on the homepage of my site and <a href="http://www.flockboston.com/" target="_blank"><strong>Flock's site</strong></a>.</p>]]></description><wfw:commentRss>http://www.jessicasutton.com/web1/rss-comments-entry-9522872.xml</wfw:commentRss></item><item><title>reference: 20 Things About Browsers and the Web</title><category>Reference</category><dc:creator>Jessica</dc:creator><pubDate>Fri, 19 Nov 2010 14:40:24 +0000</pubDate><link>http://www.jessicasutton.com/web1/2010/11/19/reference-20-things-about-browsers-and-the-web.html</link><guid isPermaLink="false">315674:7905966:9520462</guid><description><![CDATA[<p><span class="full-image-block ssNonEditable"><span><a href="http://www.20thingsilearned.com:/home" target="_blank"><img src="http://www.jessicasutton.com/storage/web1/blog-files/20things.jpg?__SQUARESPACE_CACHEVERSION=1290178153967" alt="" /></a></span></span></p>
<p>This is a great little <a href="http://www.20thingsilearned.com:/home" target="_blank"><strong>online book</strong></a> that covers all things about the Web.</p>
<p>Think you already know everything? Think again. This adorably illustrated and interactive book covers everything from cloud computing to validating identities.</p>
<p>Sounds boring? Maybe. But it's all worth knowing so you can hold your own when your programmer invites you to his Christmas party ;)</p>]]></description><wfw:commentRss>http://www.jessicasutton.com/web1/rss-comments-entry-9520462.xml</wfw:commentRss></item><item><title>reading: CSS Positioning Elements</title><category>Reading</category><dc:creator>Jessica</dc:creator><pubDate>Fri, 12 Nov 2010 19:34:57 +0000</pubDate><link>http://www.jessicasutton.com/web1/2010/11/12/reading-css-positioning-elements.html</link><guid isPermaLink="false">315674:7905966:9453912</guid><description><![CDATA[<p>While not required for next week, you may be interested in reading chapter 14 in CSS: The Missing Manual as well. This is available on reserve in the library and for&nbsp;<a href="http://www.jessicasutton.com/storage/web1/blog-files/CSS-PositioningElements.pdf"><strong>download here</strong></a>.</p>]]></description><wfw:commentRss>http://www.jessicasutton.com/web1/rss-comments-entry-9453912.xml</wfw:commentRss></item><item><title>reading: CSS Floating Layouts</title><category>Reading</category><dc:creator>Jessica</dc:creator><pubDate>Fri, 12 Nov 2010 18:18:00 +0000</pubDate><link>http://www.jessicasutton.com/web1/2010/11/12/reading-css-floating-layouts.html</link><guid isPermaLink="false">315674:7905966:9453782</guid><description><![CDATA[<p>For next week, please read chapter 13 in CSS: The Missing Manual. This is available on reserve in the library and for <strong><a href="http://www.jessicasutton.com/storage/web1/readings/CSS-FloatingLayouts.pdf">download here</a><span style="font-weight: normal;">.</span></strong></p>]]></description><wfw:commentRss>http://www.jessicasutton.com/web1/rss-comments-entry-9453782.xml</wfw:commentRss></item><item><title>reference: lightboxes</title><category>Reference</category><dc:creator>Jessica</dc:creator><pubDate>Fri, 12 Nov 2010 17:35:41 +0000</pubDate><link>http://www.jessicasutton.com/web1/2010/11/12/reference-lightboxes.html</link><guid isPermaLink="false">315674:7905966:9453119</guid><description><![CDATA[<p>Ok so there are a MILLION lightbox javascripts out there but&nbsp;the one we are covering in class today is called <a href="http://fancybox.net/" target="_blank"><strong>Fancybox</strong></a> (cuz we're fancy).</p>
<p><a href="http://fancybox.net/" target="_blank"><span class="full-image-block ssNonEditable"><span><img src="http://www.jessicasutton.com/storage/web1/blog-files/fancy.png?__SQUARESPACE_CACHEVERSION=1289583491807" alt="" /></span></span></a></p>
<p><strong>**<a href="http://www.jessicasutton.com/storage/web1/blog-files/fancyboxexample.zip">Click Here</a></strong>&nbsp;to download what we did in class today<strong>**</strong></p>
<div><strong><br /></strong></div>
<p>&nbsp;</p>
<p>A few others worth checking out:</p>
<p><a href="http://www.huddletogether.com/projects/lightbox2/" target="_blank"><strong>Lightbox2</strong></a><br /><a href="http://www.huddletogether.com/projects/lightbox2/" target="_blank"><strong><span class="full-image-block ssNonEditable"><span><img src="http://www.jessicasutton.com/storage/web1/blog-files/lightbox2.jpg?__SQUARESPACE_CACHEVERSION=1289583608740" alt="" /></span></span></strong></a></p>
<p>&nbsp;</p>
<p><a href="http://www.huddletogether.com/projects/lightbox2/" target="_blank"><strong>&nbsp;</strong></a><strong><a href="http://leandrovieira.com/projects/jquery/lightbox/" target="_blank">Jquery Lightbox plugin 0.5</a></strong><a href="http://leandrovieira.com/projects/jquery/lightbox/" target="_blank"></a><br /><a href="http://leandrovieira.com/projects/jquery/lightbox/" target="_blank"><strong><span class="full-image-block ssNonEditable"><span><img src="http://www.jessicasutton.com/storage/web1/blog-files/jquerylightbox.jpg?__SQUARESPACE_CACHEVERSION=1289583731011" alt="" /></span></span></strong></a></p>
<p>&nbsp;</p>
<p><strong><a href="http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/" target="_blank">prettyPhoto</a></strong><a href="http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/" target="_blank"></a><br /><a href="http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/" target="_blank"><strong><span class="full-image-block ssNonEditable"><span><img src="http://www.jessicasutton.com/storage/web1/blog-files/pretty.jpg?__SQUARESPACE_CACHEVERSION=1289583849273" alt="" /></span></span></strong></a></p>
<p>&nbsp;</p>
<p><a href="http://www.nickstakenburg.com/projects/lightview/" target="_blank"><strong>Lightview</strong></a><br /><a href="http://www.nickstakenburg.com/projects/lightview/" target="_blank"><strong><span class="full-image-block ssNonEditable"><span><img src="http://www.jessicasutton.com/storage/web1/blog-files/lightview.jpg?__SQUARESPACE_CACHEVERSION=1289583905662" alt="" /></span></span></strong></a></p>
<p><a href="http://www.nickstakenburg.com/projects/lightview/" target="_blank"></a></p>]]></description><wfw:commentRss>http://www.jessicasutton.com/web1/rss-comments-entry-9453119.xml</wfw:commentRss></item></channel></rss>