<?xml version="1.0" encoding="UTF-8"?> <rss
version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
><channel><title>[protofusion] &#187; Web</title> <atom:link href="http://protofusion.org/wordpress/category/web/feed/" rel="self" type="application/rss+xml" /><link>http://protofusion.org/wordpress</link> <description>Generally Interesting</description> <lastBuildDate>Sat, 19 May 2012 17:48:20 +0000</lastBuildDate> <language>en</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <generator>http://wordpress.org/?v=3.3.2</generator> <item><title>SlatePermutate</title><link>http://protofusion.org/wordpress/2011/04/slatepermutate-schedule-yourself/</link> <comments>http://protofusion.org/wordpress/2011/04/slatepermutate-schedule-yourself/#comments</comments> <pubDate>Sat, 02 Apr 2011 03:19:47 +0000</pubDate> <dc:creator>Ethan Zonca</dc:creator> <category><![CDATA[Education]]></category> <category><![CDATA[Web]]></category> <category><![CDATA[College]]></category> <category><![CDATA[Schedule]]></category> <category><![CDATA[SlatePermutate]]></category><guid
isPermaLink="false">http://protofusion.org/wordpress/?p=700</guid> <description><![CDATA[SlatePermutate is a PHP and Javascript-driven interface for college class scheduling. SP parses course identifiers (such as MATH-2500) and autofills ]]></description> <content:encoded><![CDATA[<p><a
href="http://pf-wordpress.s3.amazonaws.com/wordpress/wp-content/uploads/2011/04/Input.png" rel="lightbox[700]"><img
class="alignnone size-large wp-image-913" title="SlatePermutate - Input Page" src="http://pf-wordpress.s3.amazonaws.com/wordpress/wp-content/uploads/2011/04/Input-500x346.png" alt="" width="500" height="346" /></a></p><p>SlatePermutate is a PHP and Javascript-driven interface for college class scheduling. SP parses course identifiers (such as MATH-2500) and autofills all available sections associated with the course. After submission, SlatePermutate presents a tabbed interface of all possible schedules, course conflicts excluded.</p><p><span
id="more-700"></span></p><p><a
href="http://pf-wordpress.s3.amazonaws.com/wordpress/wp-content/uploads/2011/04/output.png" rel="lightbox[700]"><img
class="alignnone size-large wp-image-915" title="SlatePermutate - Output" src="http://pf-wordpress.s3.amazonaws.com/wordpress/wp-content/uploads/2011/04/output-e1301718826316-500x362.png" alt="" width="500" height="362" /></a></p><p>SlatePermutate currently supports autofill for:</p><ul><li>Cedarville University</li><li>Calvin College</li><li>University of Michigan (beta)</li><li>Michigan State (beta)</li><li>Community College of Baltimore County</li></ul><p>Support for additional schools is progressing incrementally.</p><p>SlatePermutate is deployed at <a
href="http://cs.cedarville.edu/~permutate/" target="_blank">Cedarville University</a> and <a
href="http://csx.calvin.edu/slate_permutate/" target="_blank">Calvin College</a>, with a deployment on <a
href="http://protofusion.org/sp/" target="_blank">Protofusion </a>available as well. Note that deployments at individual schools will not necessarily crawl course data from all supported institutions.</p><ul><li><a
href="http://protofusion.org/sp/project.php" target="_blank">Project Information</a></li><li><a
href="http://protofusion.org/bugzilla/buglist.cgi?product=SlatePermutate" target="_blank">Bug Tracker</a></li></ul> ]]></content:encoded> <wfw:commentRss>http://protofusion.org/wordpress/2011/04/slatepermutate-schedule-yourself/feed/</wfw:commentRss> <slash:comments>1</slash:comments> </item> <item><title>The Virtues of Circumcensoring</title><link>http://protofusion.org/wordpress/2009/09/the-virtues-of-circumcensoring/</link> <comments>http://protofusion.org/wordpress/2009/09/the-virtues-of-circumcensoring/#comments</comments> <pubDate>Fri, 18 Sep 2009 04:55:36 +0000</pubDate> <dc:creator>Ethan Zonca</dc:creator> <category><![CDATA[Web]]></category> <category><![CDATA[censor]]></category> <category><![CDATA[humor]]></category> <category><![CDATA[internet]]></category> <category><![CDATA[irc]]></category> <category><![CDATA[unrealircd]]></category><guid
isPermaLink="false">http://protofusion.org/wordpress/?p=122</guid> <description><![CDATA[Throughout the history of the internet, chat rooms and forums have grown exponentially. Many people in these chat rooms were ]]></description> <content:encoded><![CDATA[<p
style="text-align: center;"><img
class="alignnone size-full wp-image-129" title="censoredwht" src="http://pf-wordpress.s3.amazonaws.com/wordpress/wp-content/uploads/2009/09/censoredwht.png" alt="censoredwht" width="449" height="208" /></p><p
style="text-align: center;"><p>Throughout the history of the internet, chat rooms and forums have grown exponentially. Many people in these chat rooms were annoyed at the use of explicit language, so administrators implemented censoring of inappropriate words.Censoring, as originally implemented, resulted in a lack of emotion from a user&#8217;s censored statement while allowing the conveyance of meaning. Circumcensoring does just the opposite, it allows the expression of emotion without allowing much meaning to be conveyed. Due to the obvious uniqueness of circumcensoring and the virtues that must be obvious to the reader, I am planning on implementing circumcensoring in an unrealircd plugin, aptly named CircumCensor. Although this plugin is bound to remain undeveloped for a while, it may eventually be developed whenever I have free time.</p> ]]></content:encoded> <wfw:commentRss>http://protofusion.org/wordpress/2009/09/the-virtues-of-circumcensoring/feed/</wfw:commentRss> <slash:comments>4</slash:comments> </item> <item><title>[protofusion] Shirts Now Available!</title><link>http://protofusion.org/wordpress/2009/08/protofusion-shirts-now-available/</link> <comments>http://protofusion.org/wordpress/2009/08/protofusion-shirts-now-available/#comments</comments> <pubDate>Fri, 28 Aug 2009 01:12:10 +0000</pubDate> <dc:creator>Ethan Zonca</dc:creator> <category><![CDATA[Web]]></category> <category><![CDATA[logo]]></category> <category><![CDATA[shirt]]></category><guid
isPermaLink="false">http://protofusion.org/wordpress/?p=64</guid> <description><![CDATA[You can now purchase [protofusion] T-shirts! [protofusion] T-shirts are available in light-colored shirt varieties: grey logo blue logo Blue [protofusion] ]]></description> <content:encoded><![CDATA[<p
style="text-align: center;"><img
class="size-full wp-image-68 aligncenter" title="shirtsample" src="http://pf-wordpress.s3.amazonaws.com/wordpress/wp-content/uploads/2009/08/shirtsample.jpg" alt="shirtsample" width="234" height="232" /></p><p>You can now purchase [protofusion] T-shirts!</p><p>[protofusion] T-shirts are available in light-colored shirt varieties:</p><ul><li><a
href="http://www.zazzle.com/protofusion_shirt_gray_text-235059687062862164" target="_blank">grey logo</a></li><li> <a
href="http://www.zazzle.com/protofusion_shirt_blue_text-235332116633392726" target="_blank">blue logo</a></li></ul><p><a
href="http://www.zazzle.com/protofusion_dark_shirt-235394976723994622" target="_blank">Blue [protofusion] logos on dark shirts</a> are also available. I can put the logo on additional shirts colors on request. This includes such as darker shirts (which are more expensive).</p><p>The average price (including shipping) for a shirt is about $19.70. If you want to print shirts at a local <a
href="http://en.wikipedia.org/wiki/Screen-printing">screen-printer</a>, I can provide you with the source files to print; just let me know in the comments.</p> ]]></content:encoded> <wfw:commentRss>http://protofusion.org/wordpress/2009/08/protofusion-shirts-now-available/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Quick and Easy Sites with FOSS</title><link>http://protofusion.org/wordpress/2009/08/quick-and-easy-sites-with-foss/</link> <comments>http://protofusion.org/wordpress/2009/08/quick-and-easy-sites-with-foss/#comments</comments> <pubDate>Sun, 09 Aug 2009 02:30:55 +0000</pubDate> <dc:creator>Ethan Zonca</dc:creator> <category><![CDATA[Uncategorized]]></category> <category><![CDATA[Web]]></category> <category><![CDATA[open source]]></category> <category><![CDATA[web design]]></category><guid
isPermaLink="false">http://protofusion.org/wordpress/?p=13</guid> <description><![CDATA[In this short guide, you can learn how to create an easy yet professional-looking fixed-width website with free open-source software. ]]></description> <content:encoded><![CDATA[<p><img
class="alignnone" title="Free, quick, and easy websites" src="http://ethanzonca.com/images/top.png" alt="" width="400" height="173" /></p><p>In this short guide, you can learn how to create an easy yet professional-looking fixed-width website with free open-source software. Before you begin, ensure that you have the <a
href="http://gimp.org/">Gimp</a> and <a
href="http://inkscape.org/">Inkscape</a> installed, in addition to some form of text or code editor (any variety will do).</p><p>This guide provides a basic guideline on creating a site simply and easily using few tools. Feel free to try different techniques, see how it works, and leave some feedback in the comments. Feel free to comment on how to improve this article!</p><p><span
id="more-13"></span></p><h3>Initial Design</h3><p>First, open up Inkscape and begin visualizing what you want your design to look like. If you have not used Inkscape before, check out <a
href="http://www.inkscape.org/doc/basic/tutorial-basic.html" target="_blank">this</a> simple Inkscape tutorial.</p><p><strong>Things to keep in mind:</strong></p><ul><li>Your design should include a header, menu bar, mid-image portion, and footer portion</li><li>The menu bar portion can have image-mapped links, or you can overlay text links on a background image</li><li>The middle image portion should be vertically tileable for a fixed-width variable-height site.</li><li>The footer can include image-based text, or text can be overlayed on a background image</li></ul><p>After you visualize your initial design in Inkscape, you should have something similar to the image below. In this tutorial, we will be creating a site with a header, an image-mapped menubar, a tiled text background, and a footer image.</p><div
class="wp-caption alignnone" style="width: 410px"><a
href="http://ethanzonca.com/articles/images/design.png" rel="lightbox[13]"><img
title="Inkscape Design" src="http://ethanzonca.com/articles/images/design.png" alt="Your initial Inkscape design should look something like this" width="400" height="297" /></a><p
class="wp-caption-text">Your initial Inkscape design should look something like this</p></div><h3>Exporting the Design</h3><p>After you have created your design in Inkscape, you must export it to a raster format so it can be parsed by web browsers. The resulting raster image also needs to be separated into different portions that we will reference in our CSS. The fastest and easiest way to accomplish this is by creating a &#8220;chopper&#8221; layer above the layer(s) your design is in. Go to [Layer --&gt; Add Layer (select "Above Current")] and put in whatever name you wish.</p><p>In this layer, you will now begin creating squares to mask off various portions of your design. Start out by dragging a square across the header portion of your design. Zoom in and make sure that the edges of your mask are aligned with the edges of your design. After you create the first mask, copy the mask and paste it below. This time, center the block on your design and only adjust the height, not the width. Continue this process until you mask each portion of your site: header, menu bar, middle tile, and footer. I find it easiest to color-code these sections and make them semi-opaque, as shown below.</p><div
class="wp-caption alignnone" style="width: 410px"><a
href="http://ethanzonca.com/articles/images/chopper1.png" rel="lightbox[13]"><img
title="Chopping the theme in Inkscape" src="http://ethanzonca.com/articles/images/chopper1.png" alt="Your completed theme with different portions in different translucent colors should look something like this" width="400" height="361" /></a><p
class="wp-caption-text">Your completed theme with different portions in different translucent colors should look something like this</p></div><p>Finished? Take a break and check out some of the notes below.</p><h3>Notes:</h3><ul><li>The footer in this design will have copyright info on the image itself, therefore search engines and visitors printing out your site will not have footer information. You can easily add a text-based footer to your design, but this won&#8217;t be covered in this tutorial (yet)</li><li>Many other items, such as the menubar imagemap, can be substituted with a text-based menu with an image background behind it. This is usually a bit more flexible, and nicer to search engines.</li></ul><p>Ready to move on? If you know some CSS, you can probably figure out this part yourself. You can create</p><div><p>tags to hold each image, although an imagemapped menu bar must be embedded in the page with an <img
alt="" /> tag. You can look at the CSS source for ethanzonca.com to get an idea of what you need to do.</p></div> ]]></content:encoded> <wfw:commentRss>http://protofusion.org/wordpress/2009/08/quick-and-easy-sites-with-foss/feed/</wfw:commentRss> <slash:comments>3</slash:comments> </item> </channel> </rss>
<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using disk: basic
Page Caching using disk: enhanced
Object Caching 497/497 objects using disk: basic
Content Delivery Network via Amazon Web Services: S3: pf-wordpress.s3.amazonaws.com

Served from: protofusion.org @ 2012-05-22 08:15:35 -->
