<?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>Shire Enterprises: The Blog &#187; CSS</title>
	<atom:link href="http://shireweb.biz/blog/category/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://shireweb.biz/blog</link>
	<description>Web creations on the edge</description>
	<lastBuildDate>Thu, 06 Aug 2009 21:18:27 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Shire Enterprises Announces Redesign of PureAire Monitoring Systems Web Site</title>
		<link>http://shireweb.biz/blog/2009/08/06/shire-enterprises-announces-redesign-of-pureaire-monitoring-systems-web-site/</link>
		<comments>http://shireweb.biz/blog/2009/08/06/shire-enterprises-announces-redesign-of-pureaire-monitoring-systems-web-site/#comments</comments>
		<pubDate>Thu, 06 Aug 2009 21:17:15 +0000</pubDate>
		<dc:creator>Gary K</dc:creator>
				<category><![CDATA[Business]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Web design]]></category>

		<guid isPermaLink="false">http://shireweb.biz/blog/?p=82</guid>
		<description><![CDATA[Shire Enterprises, Inc., announces the redesigned PureAire Monitoring Systems Web site. Featuring all products offered by the Lake Zurich, IL-based company, the quick-loading Web site offers a clear, clean presentation. The CSS layout includes valid HTML code and valid CSS, and is Section 508 compliant.  A crisp, CSS-based layout, the new site is the result [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><img class="aligncenter" title="PureAire Monitoring Systems" src="/images/pure-aire-monitoring-redesign-080609.gif" alt="" width="324" height="369" /></p>
<p>Shire Enterprises, Inc., announces the redesigned <a title="PureAire Monitoring Systems" href="http://www.pureairemonitoring.com/index.htm">PureAire Monitoring Systems</a> Web site.</p>
<p>Featuring all products offered by the Lake Zurich, IL-based company, the quick-loading Web site offers a clear, clean presentation. The CSS layout includes valid HTML code and valid CSS, and is Section 508 compliant.  A crisp, CSS-based layout, the new site is the result of collaboration between Gary Kopycinski at Shire Enterprises and Marlene Frykman at <a title="Aardvark Web Works" href="http://www.aardvarkwebworks.com/">Aardvard Web Works</a>.</p>
<p><strong>About PureAire Monitoring Systems</strong></p>
<p>PureAire manufactures and provides life safety and environmental gas monitoring systems, protecting employees in the workplace. We incorporate proprietary gas-specific sensor technology for detecting low sub TLV levels of toxic, corrosive, pyrophoric, explosive and oxygen depleting gases.</p>
<p>PureAire specializes in providing reliable, proven monitoring solutions for many industries including semiconductor, chemical, petro-chemical, pharmaceutical, refining, refrigeration, waste treatment, and aerospace.</p>
<p><strong>About Aardvark Web Works</strong></p>
<p>Aardvark Web Works, LLC was founded in 2003.</p>
<p>After spending nearly twenty years as a creative in Advertising, Print and Marketing, with the next ten years being in Information Technology, it was about time to get out from under the preverbial thumbs of my &#8216;superiors&#8217; and share my capabilities with the world.</p>
<p>I decided to focus strictly on the web as my next logical step. While researching for my new business, I found how inaccessible the web is to people who are less-abled, whether it be impairments such as visual, aural, cognitive, physical or they are technologically disabled by dial-up. Each and everyone of us has the right to access information on the web in the same manner for education, health care, government information, recreation and countless other things.</p>
<p><strong>About Shire Enterprises</strong></p>
<p>Shire Enterprises is located in Park Forest, IL, owned and operated by Gary Kopycinski. Gary is a proud member of the International Webmasters Association and the HTML Writers Guild. He uses a creative approach to web design, consulting with the client to elicit the main focus of the web page, developing a logo if necessary, and developing a color scheme that is both enticing and inviting.</p>
]]></content:encoded>
			<wfw:commentRss>http://shireweb.biz/blog/2009/08/06/shire-enterprises-announces-redesign-of-pureaire-monitoring-systems-web-site/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Improvements to eNews Park Forest</title>
		<link>http://shireweb.biz/blog/2007/11/18/improvements-to-enews-park-forest/</link>
		<comments>http://shireweb.biz/blog/2007/11/18/improvements-to-enews-park-forest/#comments</comments>
		<pubDate>Sun, 18 Nov 2007 04:35:54 +0000</pubDate>
		<dc:creator>Gary K</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Web design]]></category>

		<guid isPermaLink="false">http://shireweb.biz/blog/2007/11/18/improvements-to-enews-park-forest/</guid>
		<description><![CDATA[One of my most important projects is eNews Park Forest, a news site for the Park Forest, IL, area. I use PHPList to send announcements of new issues and breaking stories. Today I simply want to showcase the email sign-up page, located here, which is the newly styled sign-up page for the site. One can [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center"><a href="http://www.enewspf.com/list/" title="eNewsPF Email Signup"><img src="http://www.shireweb.biz/images/enewspf-email-signup.jpg" alt="eNews Park Forest signup page" border="0" height="284" width="400" /></a></p>
<p>One of my most important projects is <a href="http://www.enewspf.com" title="eNews Park Forest">eNews Park Forest</a>, a news site for the Park Forest, IL, area.</p>
<p>I use PHPList to send announcements of new issues and breaking stories.  Today I simply want to showcase the email sign-up page, <a href="http://www.enewspf.com/list/" title="eNewsPF Email Signup">located here</a>, which is the newly styled sign-up page for the site.</p>
<p>One can either sign up for eNewsPF.com email announcements from inside eNewsPF.com (&#8220;Get eNews Alerts&#8221; on the main menu), or by going directly to the URL listed above.  When one adds an email address from inside eNewsPF.com, one still ends up on this page for verification of the email address.</p>
<p>It&#8217;s nice to see the two applications play so nicely together.</p>
<p>Finally, I added the background gradient to the whole site today.  I just like that look on my web pages.</p>
<p>Again, just happy with the new developments.</p>
]]></content:encoded>
			<wfw:commentRss>http://shireweb.biz/blog/2007/11/18/improvements-to-enews-park-forest/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Introducing State Rep. Al Riley&#8217;s Legislative Web Site</title>
		<link>http://shireweb.biz/blog/2007/10/10/67/</link>
		<comments>http://shireweb.biz/blog/2007/10/10/67/#comments</comments>
		<pubDate>Wed, 10 Oct 2007 14:06:50 +0000</pubDate>
		<dc:creator>Gary K</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Web design]]></category>

		<guid isPermaLink="false">http://shireweb.biz/blog/2007/10/10/67/</guid>
		<description><![CDATA[Park Forest, IL–(ENEWSPF)– Shire Enterprises web creations announced the release of its newest design this week, the official web site for Illinois State Rep. Al Riley, of the 38th Legislative District. The site was designed using Adobe Dreamweaver 8.2, and images prepared and edited for the web with Adobe Fireworks 8.0. The site can be [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center"><a href="http://www.repalriley38.com" title="State Rep. Al Riley"><img src="http://www.enewspf.com/images/stories/technology/state-rep-al-riley-legislative-site.jpg" title="Rep. Al Riley's web site" alt="Rep. Al Riley's web site" border="0" height="164" width="250" /></a></p>
<p> Park Forest, IL–(ENEWSPF)– <a href="http://www.shireweb.biz/" target="_self" title="Shire Enterprises">Shire Enterprises web creations</a> announced the release of its  newest design this week, the official web site for <a href="http://www.repalriley38.com/" target="_blank">Illinois State Rep. Al  Riley</a>, of the 38th Legislative District.  The site was designed using <a href="http://amazon.com/gp/product/0321499816?ie=UTF8&amp;tag=eneparfor-20&amp;link_code=em1&amp;camp=212341&amp;creative=384049&amp;creativeASIN=0321499816&amp;adid=9b3a9a17-bc56-4d72-a92f-07cb2f0ab02b" title="0321499816" name="0321499816" id="amzn_cl_link_0" target="_blank">Adobe Dreamweaver</a>  8.2, and images prepared and edited for the web with Adobe Fireworks 8.0.</p>
<p>The site can be accessed from <a href="http://www.repalriley38.com/" target="_blank">http://www.repalriley38.com</a>.</p>
<p>The site is a solid, CSS-based design with valid XHTML  according to the standards dictated by the <a href="http://www.w3.org/WAI/intro/accessibility.php" target="_blank">World Wide Web Consortium</a>, an international consortium where member organizations, a full-time staff, and the public work together to develop Web standards.  Valid code helps ensure that web pages will be viewable from standard browsers</p>
<p>The site is also accessible to people with disabilities in accordance with Section 508 of the Rehabilitation Act.  According to <a href="http://www.section508.gov/index.cfm?FuseAction=Content&amp;ID=3" target="_blank">Section508.gov</a>:</p>
<blockquote><p> 	In 1998, Congress amended the  <a href="http://amazon.com/gp/product/0160513367?ie=UTF8&amp;tag=eneparfor-20&amp;link_code=em1&amp;camp=212341&amp;creative=384049&amp;creativeASIN=0160513367&amp;adid=d7b68f83-9360-43c2-83ba-ba5fa669d512" title="0160513367" name="0160513367" id="amzn_cl_link_1" target="_blank">Rehabilitation Act</a> to require Federal agencies to make their electronic and information technology accessible to people with disabilities. Inaccessible technology interferes with an individual&#8217;s ability to obtain and use information quickly and easily. Section 508 was enacted to eliminate barriers in information technology, to make available new opportunities for people with disabilities, and to encourage development of technologies that will help achieve these goals. The law applies to all Federal agencies when they develop, procure, maintain, or use electronic and information technology.</p></blockquote>
<p>The site also features a menu extension for Dreamweaver from  <a href="http://www.projectseven.com/index.htm" target="_blank">Project VII</a>, “<a href="http://amazon.com/gp/product/0803893558?ie=UTF8&amp;tag=eneparfor-20&amp;link_code=em1&amp;camp=212341&amp;creative=384049&amp;creativeASIN=0803893558&amp;adid=a16ccfc4-c998-4cb8-b2c1-ab7e4c82297e" title="0803893558" name="0803893558" id="amzn_cl_link_2" target="_blank">Pop Menu Magic.</a>”  The extension interfaces seamlessly with Dreamweaver, and allows great flexibility for the web designer.  The extension produces fully compliant code and menus in compliance with Section 508 standards.</p>
<p>Additionally, there are two photo galleries employing  <a href="http://www.airtightinteractive.com/simpleviewer/" target="_blank">SimpleViewer</a> from Airtight Interactive.   The galleries reveal a fluid presentation of the photographs resulting  in a striking display.</p>
<p>Rep. Al Riley was appointed by Democratic Committeemen to fulfill the remainder of State Rep. Robin Kelly&#8217;s term for the 38th Legislative District.</p>
<p>Shire Enterprises, Inc. is owned and operated by Gary Kopycinski, and is based in Park Forest, IL.  Kopycinski is publisher of <a href="http://www.enewspf.com/" target="_self" title="eNews Park Forest">eNews Park Forest</a> , the only online news magazine exclusively serving the Park Forest area.</p>
]]></content:encoded>
			<wfw:commentRss>http://shireweb.biz/blog/2007/10/10/67/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Pop Menu Magic</title>
		<link>http://shireweb.biz/blog/2007/09/08/pop-menu-magic/</link>
		<comments>http://shireweb.biz/blog/2007/09/08/pop-menu-magic/#comments</comments>
		<pubDate>Sat, 08 Sep 2007 04:32:31 +0000</pubDate>
		<dc:creator>Gary K</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://shireweb.biz/blog/2007/09/08/pop-menu-magic/</guid>
		<description><![CDATA[I made my first purchase from ProjectSeven.com: Pop Menu Magic.  I&#8217;m not disappointed with the purchase.  While I enjoy creating my own menus, like the simple CSS menu I employed at Kopycinski.net &#8212; a site very much still in development &#8212; Project Seven does have some very nice products. They&#8217;re a bit on the pricey [...]]]></description>
			<content:encoded><![CDATA[<p>I made my first purchase from ProjectSeven.com: <a href="http://www.projectseven.com/products/menusystems/pmm/index.htm" title="Project Seven dot com" target="_blank">Pop Menu Magic</a>.  I&#8217;m not disappointed with the purchase.  While I enjoy creating my own menus, like the simple CSS menu I employed at <a href="http://www.kopycinski.net" title="Kopycinski Family Site">Kopycinski.net</a> &#8212; a site very much still in development &#8212; Project Seven does have some very nice products.</p>
<p>They&#8217;re a bit on the pricey side, but, you get what you pay for.  I did have to ask a few questions from support already, and received prompt answers from Al Sparber.  Very courteous, professional, to the point.</p>
<p>I&#8217;m using one menu for State Rep. Al Riley&#8217;s site, which I intend to formally announce this week sometime.  The web site is almost completed.  Stop back in a few days for the official release.</p>
]]></content:encoded>
			<wfw:commentRss>http://shireweb.biz/blog/2007/09/08/pop-menu-magic/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Meet the Tall Grass Artists</title>
		<link>http://shireweb.biz/blog/2007/08/18/meet-the-tall-grass-artists/</link>
		<comments>http://shireweb.biz/blog/2007/08/18/meet-the-tall-grass-artists/#comments</comments>
		<pubDate>Sat, 18 Aug 2007 02:24:06 +0000</pubDate>
		<dc:creator>Gary K</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Photography]]></category>
		<category><![CDATA[Portfolio]]></category>

		<guid isPermaLink="false">http://shireweb.biz/blog/2007/08/18/meet-the-tall-grass-artists/</guid>
		<description><![CDATA[Tall Grass Arts Association, an art gallery in downtown Park Forest, IL, is a very busy place. Now, Park Forest itself is an interesting town. By way of full disclosure, I do serve on the Park Forest Village Board, so I do have a bias in promoting my town. The village has struggled to bring [...]]]></description>
			<content:encoded><![CDATA[<p align="center"><img src="http://www.tallgrassarts.org/images/artists-collage.jpg" title="Tall Grass Artists Collage" alt="Tall Grass Artists Collage" border="0" height="500" width="390" /></p>
<p><a href="http://www.tallgrassarts.org" title="Tall Grass Arts Association">Tall Grass Arts Association</a>, an art gallery in downtown Park Forest, IL, is a very busy place.</p>
<p>Now, Park Forest itself is an interesting town. By way of full disclosure, I do serve on the Park Forest Village Board, so I do have a bias in promoting my town.  The village has struggled to bring businesses back to the town after its erstwhile &#8220;Center&#8221; suffered a devastating loss of businesses over a decade-and-a-half ago.  But the Arts (capitalized, out of respect) never left.  The downtown area is home to two art galleries, the Illinois Theater Company, a beautiful theater, and home office for the Illinois Philharmonic Orchestra.</p>
<p>The Tall Grass gallery is thriving.  Just came home from an opening of the new exhibit, <em>Ink</em>.</p>
<p>The wonderful collage at the top of this article is a collection of various pieces by current Tall Grass artists, something I threw together last night when doing the most recent update for the <a href="http://www.tallgrassarts.org" title="Tall Grass Arts Association">Tall Grass Arts Association web page</a>.  My most recent addition to the site is a collection of pages featuring various artists from the gallery.  My favorite page is the <a href="http://www.tallgrassarts.org/tall-grass-artists.html" title="Tall Grass Arts Association">face page with the artists&#8217; names</a>.  The tiny &#8220;T&#8221; bullet next to the names is a nice touch, showing what CSS can do for us.</p>
<p>I maintain the site.  The design, though table-based, is really very attractive.  Put together by Sergio Gomez, it is very solid.<br />
Thought you would appreciate the design, and the collage.   We really have wonderful artists.</p>
]]></content:encoded>
			<wfw:commentRss>http://shireweb.biz/blog/2007/08/18/meet-the-tall-grass-artists/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The Switchy McLayout Technique</title>
		<link>http://shireweb.biz/blog/2007/01/01/the-switchy-mclayout-technique/</link>
		<comments>http://shireweb.biz/blog/2007/01/01/the-switchy-mclayout-technique/#comments</comments>
		<pubDate>Tue, 02 Jan 2007 00:45:59 +0000</pubDate>
		<dc:creator>Gary K</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Web design]]></category>

		<guid isPermaLink="false">http://shireweb.biz/blog/?p=46</guid>
		<description><![CDATA[This is very cool.Â  A List Apart has an innovative article on a technique that allows one web design to suffice for a number of screen resolutions.Â  The technique allows for a truly liquid layout.Â  The page changes on the fly as the resolution of the browser changes. It&#8217;s not all CSS.Â  The Switchy McLayout [...]]]></description>
			<content:encoded><![CDATA[<p>This is very cool.Â  A List Apart has <a target="_blank" title="AListApart.com" href="http://www.alistapart.com/articles/switchymclayout">an innovative article</a> on a technique that allows one web design to suffice for a number of screen resolutions.Â  The technique allows for a truly liquid layout.Â  The page changes on the fly as the resolution of the browser changes.</p>
<p>It&#8217;s not all CSS.Â  The Switchy McLayout technique uses a bit of <a target="_blank" title="OnlineTools.org" href="http://www.onlinetools.org/articles/unobtrusivejavascript/">unobtrusive javascript</a>, separating behavior from markup.</p>
<p>To give you an idea of what is possible, <a target="_blank" title="AListApart.com Switchy McLayout example" href="http://www.alistapart.com/d/switchymclayout/transition_layout_news.html">try the example page first</a>. When this page loads, resize it and watch the purple bar above the layout.Â  You&#8217;ll see the pixel measurement at the top change, representing the current width of your browser window.</p>
<p>Even more fascinating to me is <a target="_blank" title="AListApart.com Switchy McLayout example 2" href="http://www.alistapart.com/d/switchymclayout/transition_layout_tab.html">the second example</a> in this article.Â  Notice how the four articles jump to an Ajax-like box as you size them down.Â  First, the tabs are on top.Â  Then, as the screen shrinks even more, the tabs jump to the side.Â  Finally, the articles simply stack one on top of the other for very small resolutions.</p>
<p>This is innovative web design, truly on the cutting edge.</p>
]]></content:encoded>
			<wfw:commentRss>http://shireweb.biz/blog/2007/01/01/the-switchy-mclayout-technique/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Relative vs. Absolute Positioning</title>
		<link>http://shireweb.biz/blog/2006/11/26/relative-vs-absolute-positioning/</link>
		<comments>http://shireweb.biz/blog/2006/11/26/relative-vs-absolute-positioning/#comments</comments>
		<pubDate>Sun, 26 Nov 2006 15:02:26 +0000</pubDate>
		<dc:creator>Gary K</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Web design]]></category>

		<guid isPermaLink="false">http://shireweb.biz/blog/?p=37</guid>
		<description><![CDATA[Designers have many more options today for doing layout than the early days of web design when tables ruled.Â  The terminology can seem rather confusing.Â  On the surface, absolute positioning may seem like the ideal.Â  Just tell the layout where to live on the browser window.Â  Everything can be measured right down to the last [...]]]></description>
			<content:encoded><![CDATA[<p>Designers have many more options today for doing layout than the early days of web design when tables ruled.Â  The terminology can seem rather confusing.Â  On the surface, absolute positioning may seem like the ideal.Â  Just tell the layout where to live on the browser window.Â  Everything can be measured right down to the last pixel.</p>
<p>But absolute designs can be, well, absolutely horrifying.Â  Increase font size just one click and the layout breaks.Â  What do you do with those who surf the web with the browser window over-riding the font size set by the designer?</p>
<p>An article at <a target="_blank" title="AutisticCuckoo.net" href="http://www.autisticcuckoo.net/archive.php?id=2004/12/07/relatively-absolute">Autistic Cuckoo lays it out: Relatively Absolute</a>.Â  It&#8217;s worth a study.Â  Keep in mind it&#8217;s dated, and one of the bugs it mentions in IE6 and Opera 8 have been fixed in versions 7 and 9 respectively.Â  However, there are plenty of people still using IE6, and I&#8217;m not ready to recommend installing IE7 anywhere yet.</p>
<p>So, read the article and let me know what you think.</p>
]]></content:encoded>
			<wfw:commentRss>http://shireweb.biz/blog/2006/11/26/relative-vs-absolute-positioning/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
