<?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>Fantastic Realities: The Journal &#187; Web Design</title>
	<atom:link href="http://www.fantastic-realities.com/studio_blog/tag/web-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.fantastic-realities.com/studio_blog</link>
	<description>Fantastic Realites Studio Blog - Graphics, Design, Web, Tech, Musings &#38; Rants</description>
	<lastBuildDate>Sat, 30 Jul 2011 18:43:02 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Mac Pros. Mac Users?</title>
		<link>http://www.fantastic-realities.com/studio_blog/2010/08/mac-pros-mac-users/</link>
		<comments>http://www.fantastic-realities.com/studio_blog/2010/08/mac-pros-mac-users/#comments</comments>
		<pubDate>Mon, 23 Aug 2010 04:13:11 +0000</pubDate>
		<dc:creator>Kurt Griffith</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[Adobe]]></category>
		<category><![CDATA[Apple]]></category>
		<category><![CDATA[Creative Pro]]></category>
		<category><![CDATA[Creative Suite]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[Designers]]></category>
		<category><![CDATA[Graphics]]></category>
		<category><![CDATA[Hardware]]></category>
		<category><![CDATA[Mac]]></category>
		<category><![CDATA[mac pro]]></category>
		<category><![CDATA[Software]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.fantastic-realities.com/studio_blog/?p=180</guid>
		<description><![CDATA[Apple recently released, after over a year in waiting, an update to their Mac Pro line of tower configuration computers. They introduced the Westmere line of the Xeon workstation processors and now a version with 12 computing cores is available. But for many Apple watchers, the update was a bit of a disappointment. For openers, [...]]]></description>
			<content:encoded><![CDATA[<div id="attachment_181" class="wp-caption aligncenter" style="width: 440px"><a href="http://www.fantastic-realities.com/studio_blog/wp-content/uploads/macpro_worthit.jpg"><img class="size-full wp-image-181" title="macpro_worthit" src="http://www.fantastic-realities.com/studio_blog/wp-content/uploads/macpro_worthit.jpg" alt="Mac Pro: 4, 8, or 12 Cores. WORTH IT?" width="430" height="260" /></a><p class="wp-caption-text">The current Mac Pro update disappoints actual pro users.  Image: Apple Computer</p></div>
<p>Apple recently released, after over a year in waiting, an update to their Mac Pro line of tower configuration computers. They introduced the Westmere line of the Xeon workstation processors and now a version with 12 computing cores is available. But for many Apple watchers, the update was a bit of a disappointment.</p>
<p>For openers, while Apple has been determinedly cutting edge on their new flagship mobile products, iPhones, iPads&#8230; were notably conservative on this update. New tech such as USB 3, Firewire 1600, Litghtbridge, or even established desirable standards as eSATA were skipped. Few expected Blu-Ray support, since <em>Steve doesn’t like Blu-Ray</em>. The video cards options offered by Apple are decent, but somewhat mediocre by contemporary standards. But all in all, commentary in the tech blogs has negative commentary edging out positive reviews. The general consensus seemed “meh,” with a lot of dissatisfaction centering on performance versus price issues compared to alternatives on the Windows and Linux side.<br />
<span id="more-180"></span><br />
The machines are pricey.</p>
<p><em>“The upgraded desktop is available in three standard options: a quad-core 2.8GHz Intel Xeon &#8220;Nehalem&#8221; processor with 3GB of RAM for $2,499; an 8-core machine with two 2.4GHz quad-core Intel Xeon &#8220;Westmere&#8221; processors and 6GB of RAM for $3,499; or a 12-core system with two 2.66GHz 6-core Intel Xeon &#8220;Westmere&#8221; processors and 6GB of RAM for $4,999.”</em> &#8211; Apple Insider</p>
<p>The pricing here is <em>without display</em>, so add anywhere from $799 to $1800 for Apple display. The upcoming 27” LCD display will be priced at $900 and replace both the existing 24” and 30” displays and will be glossy-only.</p>
<p>Much of the following is taken from my  <a href="http://www.engadget.com/2010/08/09/mac-pro-orders-are-go" target="_blank">grumpy comment at Engadget</a>. I’ve taken the liberty of cleaning up some of the unpolished language and clarifying some remarks in this version.</p>
<p>First off, the disclaimers, I am a <em>Design Pro</em>, not an IT person, gamer or semi-pro geek tinkerer. So most if this is OPINION, not hyper scrutinized lists of facts. Bear with it. I am also not going to dis down anybody&#8217;s personal choice of hardware or OS preferences. Or debate fanboyism at any level. It’s been done already. To death. Seriously.</p>
<p>That said, as a Graphic and Web Designer, I&#8217;ve been a Mac user for many years. I&#8217;ll say that in the day, the Mac OS offered clear advantages over window and all non-graphical OSs. And also in the day Apple hardware also offered some unique qualities unavailable in the WinTel world. But that day is PASSED. The only reason anyone should chose Mac hardware or the Mac OS is personal preference.</p>
<p>When Apple was releasing G4 and G5 Towers, they were cutting edge machines at the absolute top end, and provided performance that was just not available at the desktop level elsewhere. But that is clearly no longer the case. Now that Macs and PCs are essentially the same guts under the hood, there are far less differentiating qualities. For the Mac Pro, while they may be shiny, spiffy, and fairly stout machines, they are NOT the ultimate computing machines Apple would have us believe. There are comparable workstation class machines available from HP, Levono, Acer, and even *gasp* &#8230; Dell at better price points. Yes, I looked. The current lineup just manages essential parity with Windows workstation-class machines out there, and offers downright mediocre graphics cards, which have become much more important components in modern computing.</p>
<p>It’s been pointed out by my geekier colleagues that more powerful configurations can of course be assembled from off the shelf components for leaner budgets if that&#8217;s your thing. Some of us do like to tinker in the garage. Some of us just want to say, &#8220;give me the keys, I&#8217;d rather drive.&#8221; It should go without saying, your mileage may vary.</p>
<p>Are the Mac Pros overpriced for the tech level offered? I may be a bit of an Apple loyalist and I still have to say, OH HELL YES. I will offer that the overall reliability, build quality and case design is superior, even if the internal components are decent but fairly standard. And yes, while Apple has evolved the case internals to a very refined level, it&#8217;s still a seven year old overall case design. It could absolutely use a refresh.</p>
<p>The galling point for us Design Pros, and I am talking about Publishing, Photography, Graphics and Web Design, is that Apple has tossed us to the curb YEARS ago to the tender mercies of Adobe. Go into an Apple store and good luck finding any serious pro gear, such as an tabloid size (11&#8243; x 17&#8243;) printer or press quality scanner. Not for the likes of us. And we&#8217;ve been crying for a mid-range Mac for frakkin’ <em>ages</em>. The majority of us would probably be quite comfortable with the performance range of the 27&#8243; i7 iMac in an expandable tower configuration. The price gap between the i7 iMac nicely appointed and the <em>Base</em> Mac Pro and Display is enough to buy a decent laptop <em>and the Adobe CS5 upgrade</em>. Which I might mention is a non-trivial sum. <a href="http://www.fantastic-realities.com/studio_blog/2009/01/adobe-creative-suite-4/" target="_blank">Adobe enjoys a near monopoly</a> in the must-have graphics applications that design pros use such as Photoshop, Illustrator, InDesign, Dreamweaver, Flash and Actobat, and charge us accordingly. The further fact that Apple has done away with all non-glossy screens except for the BTO MacBookPro, shows their disdain for Design pros over &#8220;oooohhh shiny,&#8221; which does look spiffier in the Apple Store lighting.</p>
<p>The present scene now is all about Apple’s current relentless pursuit of the &#8220;consuming&#8221; computer user&#8230; hence the iPods, iPhones, iPads and the like. I feel that Apple keeps the Mac Pro remains in the lineup merely to say that they <em>have</em> a high end machine for the very needful (climate modeling and 3D rendering anyone?) and quite affluent users. But the Mac Pro line is no longer the champion of the Apple universe, or does it seem to have much of Steve’s attention.</p>
<p>Since the current Adobe CS5 Applications requires an Intel multicore processor minimum, this will retire a LOT of still working G5 machines. As design has becomes a much more marginal profession in the current economy, I expect we&#8217;ll see a lot of &#8220;downgrade upgrades&#8221; to iMac, laptops and Windows machines as design pros look at their bottom lines and budgets.</p>
<p>I don’t think Steve will miss us much. We complain.</p>
<p>Links:<br />
<a href="http://www.apple.com/macpro/" target="_blank">Mac Pro @ Apple</a><br />
<a href="http://www.engadget.com/2010/08/09/mac-pro-orders-are-go" target="_blank">Engadget</a><br />
<a href="http://www.macrumors.com/2010/08/09/new-12-core-mac-pros-now-available-for-order/" target="_blank">Mac Rumors</a><br />
<a href="http://www.appleinsider.com/articles/10/0/09/apples_new_12_core_mac_pro_now_available_to_order.html" target="_blank">Apple Insider</a><br />
<a href="http://www.adobe.com/products/creativesuite/design/systemreqs/" target="_blank">Adobe Creative Suite 5</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.fantastic-realities.com/studio_blog/2010/08/mac-pros-mac-users/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Just How Much Design is Worth It?</title>
		<link>http://www.fantastic-realities.com/studio_blog/2010/06/just-how-much-design-is-worth-it/</link>
		<comments>http://www.fantastic-realities.com/studio_blog/2010/06/just-how-much-design-is-worth-it/#comments</comments>
		<pubDate>Sun, 27 Jun 2010 21:01:43 +0000</pubDate>
		<dc:creator>Kurt Griffith</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[Career]]></category>
		<category><![CDATA[Creative Pro]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[Designers]]></category>
		<category><![CDATA[Desktop Publishing]]></category>
		<category><![CDATA[Graphics]]></category>
		<category><![CDATA[Indesign Brochure]]></category>
		<category><![CDATA[Marketing]]></category>
		<category><![CDATA[Printing]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.fantastic-realities.com/studio_blog/?p=171</guid>
		<description><![CDATA[For openers, I have been reminded that if I want to keep people’s attention with a blog, I actually have to POST, at least more regularly than I have been doing. The current occasion is the Hudson Valley Business Edge 2010 Conference, an event that I highly recommend if you’re in the region and work [...]]]></description>
			<content:encoded><![CDATA[<div id="attachment_172" class="wp-caption aligncenter" style="width: 440px"><a href="http://www.fantastic-realities.com/studio_blog/wp-content/uploads/CutLine.png"><img class="size-full wp-image-172" title="CutLine" src="http://www.fantastic-realities.com/studio_blog/wp-content/uploads/CutLine.png" alt="Adjusting bleed for in InDesign." width="430" height="295" /></a><p class="wp-caption-text">Tweaking Bleeds in InDesign for the Tri-fold Cut Line. Yes, I&#39;ll explain...</p></div>
<p>For openers, I have been reminded that if I want to keep people’s attention with a blog, I actually have to POST, at least more regularly than I have been doing. The current occasion is the <a href="http://www.qedbusinessedge.com/" target="_blank">Hudson Valley Business Edge 2010 Conference</a>, an event that I highly recommend if you’re in the region and work in a small to medium size business, especially as an Owner, Proprietor or Principal. The presenters are all very knowledgeable, and the content is presented in a very dense manner, in short, accessible sessions. Last year I presented on <a href="http://www.fantastic-realities.com/studio_blog/?p=55" target="_blank">“When Do You Need a Design Pro?”</a>, and hope to do so again on subjects graphic. But to the point, while I fairly recently posted back on June 7th, the one before was <em>March 20th</em>.</p>
<p>I have been busy, hence the lean posting. So this time around I’ll talk about a recent client experience.</p>
<p>This is a long term client that I have been working with for many years. I’ve built and rebuilt his website, will do it again soon. This time around I was updating his brochure. This is a fairly standard tri-fold brochure, a pretty common and useful staple of business marketing. This item is usually not a terrific chore if you have a focused client, and their graphic identity is already in place. Typically brochures are put together after logo design and identity projects are complete.  But what happens when your client is perhaps <em>over</em> focused</p>
<p>The short answer is: 63 design comps, seven candidate “final” versions. Three rounds of pre-press, PDFs and AAs. Hundreds of photo retouches and composites. 2.4 g<em>igabytes</em> of  data. And sent the press proofs back to press&#8230; <em>twice</em>. What on earth happened here?<span id="more-171"></span></p>
<p>I am not going to say what this project cost,  but it blew well past my initial estimate by several multiples. Suffice to say that the sum was either impressive or embarrassing, depending on which side of the checkbook you’re looking from. I accept installments. I am not railing against my client, who I actually think quite highly of, and is a stone cold expert , a top craftsman and designer in in the luxury fabrication market he makes his profession. But yes, the project was unusual in the scope, number and and detail of the multiple rounds of revisions.</p>
<p>I suspect some of the Design Pros out there might be wondering, <em>when did I lose control of the Design Process?</em> But I don’t think I did. I did keep him appraised that the meter was indeed running as the revisions mounted up, and tried to wave the yellow flag. I was working hourly, which most freelancers prefer, as it keeps us honest and clients only pay for work actually done. I do <a title="Heinlien - &quot;Stranger In A Strange Land&quot;" href="http://en.wikipedia.org/wiki/Stranger_in_a_Strange_Land" target="_blank"><em>grok</em></a> that most clients would rather have flat fees, to budget accurately. So I try to make my estimates and quotes reasonably accurate. But typically I expect to turn a brochure project around on 2-3 initial designs and 2-4 rounds of revisions and tweaks including proofreading. On a flat fee project, unless you detail revision charges, you can get <em>killed</em> here. This can become a nightmare on an open ended project like a web site were the design and production process is much more organic, and the final product can moprh a <em>lot</em> till the project is completed.</p>
<p>Of course, some say web sites are <em>never</em> actually <em>finished</em>, but that’s a separate rant.</p>
<p>But my client wanted, well, <em>exactly</em> what he wanted. After fine tuning many details of design and copy to create an extremely crisp and tight showcase for his products, it was on to the product photography.  It was critically important to him that his product photography be as close to perfect as humanly possible to image, process, color correct, clean, retouch and composite.</p>
<p>Most folk would confront the mounting hours and costs and get to a point where a project is “good enough” and sign off on it. After all, some details are so minute that most readers will not notice a lot of very tiny glitches. Obsessive revison is just not cost effective for the average small &#8230; or even moderately large business. Mind you, when Ferrari or Maseratti does a brochure, it’s a 16 page super glossy piece  with giant full bleed photos and tiny blocks of copy on stock just short of cardboard and every photo is glistening perfection. But when a single car costs <em>more than my house</em>, “price is no object” in selling them has a certain resonance.  A used car dealership will pour all that copy into a tri-fold with a stack of digicam photos one of their salesman took.</p>
<p>It’s all a matter of perceived value, versus the actual cost of the work.</p>
<p><strong>So how much is enough? </strong></p>
<p>Mind you, of the over 50 hours on the project, over half of it was spent in Photoshop doing photo work. This is in addition to the work the photographer did on most of the images as well. By the way, this was not Joe in the Mail Room with the boss’s pocket digicam; this is a very good pro photographer who’s work is very sharp. But every detail had to be perfect. But I did call him on cleaning up the color of a reflections on a detail no wider than four benday dots.  I also found myself nudging parallax errors picked up in a wide angle lens that I could not discern on a 20” monitor without a layer of guidelines.</p>
<p>To note the level of detail we persued, one tweak was both revising the cropping and placement of photos to account for the 1/16” of  additional trim (see image)  that some printers nick off the fold-in panel so that the borchure folds neatly.  (geek alert: not always the case, some printers use very slightly assymetrical folds to allow for a sightly narrower folk-in panel, depending on their machinery.) In most cases this would not a big deal, but there were details in the product photos that my client felt were critical to preserve, and worth the time and expense to address.  We also did some furher adjusting in the photos as well to allow for more bleed.</p>
<div id="attachment_174" class="wp-caption aligncenter" style="width: 440px"><a href="http://www.fantastic-realities.com/studio_blog/wp-content/uploads/MaseratiWeb.png"><img class="size-full wp-image-174" title="MaseratiWeb" src="http://www.fantastic-realities.com/studio_blog/wp-content/uploads/MaseratiWeb.png" alt="The Maserati Web Site" width="430" height="293" /></a><p class="wp-caption-text">The Maserati web site. Crispy. Shiny...</p></div>
<div id="attachment_175" class="wp-caption aligncenter" style="width: 440px"><a href="http://www.fantastic-realities.com/studio_blog/wp-content/uploads/ReliableAuto.png"><img class="size-full wp-image-175" title="ReliableAuto" src="http://www.fantastic-realities.com/studio_blog/wp-content/uploads/ReliableAuto.png" alt="Reliable Auto Web Site" width="430" height="272" /></a><p class="wp-caption-text">A local area Used Car Dealer&#39;s web site - To the point.</p></div>
<p>To return to the car analogy. When Ferrari or Maseratti publish anything from brochures to bar napkins to their annual report, their entire brand and image rides on it, For that market, they make sure every bit of their marketing material measures up to the same lofty standards as their automobiles. For the Used Car Dealership, the owner&#8217;s image and reputation would be based on being a perceived as offering square deals and good value, especially considering he is selling products he was not involved in designing or producing. So very high end marketing materials might actually <em>hurt</em>, and cause the business to be perceived as overly expensive. Most Used Care Dealers want to been seen as trustworthy &#8220;regular guys&#8221;, literally &#8220;one of us.&#8221; You know, the folks who are <em>not</em> buying Ferraris or Maserattis.</p>
<p><strong>Is all of this “apple polishing” worth it? </strong></p>
<p>To my client, he expressed that it was. In fact he felt it was critical. At the level of his market and product, if the results of all this exacting refinement produce just ONE more customer for him, he will be ahead. In essence, he held me, the photographer and the printer to the same standard of demanding craftsmanship that he applies to his own work. And I’ll have to say that it’s very good work, among my very best this year.</p>
<p>Will that level of craftsmanship and exactitude be worth it for your project? I can only say that I approach every project with an open mind and a professional attitude, evaluating each project and then providing my best professional opinion on producing it. When a client has a clear idea of their needs and message, it makes my job a <em>lot</em> easier. Going high end on a job also raises <em>my</em> game to that higher level, and its often a pleasure to do really sharp work. Ideally, a project’s costs should match both the budget and the message. Some things might call for “fast and dirty” so long as things are neat and professional &#8211; and proofread, they’re ready to go. Other mission-critical projects might very well call for numerous and detailed review, revision, and tweaking to a high level of polish.</p>
<p>How far you want to go is entirely up to you.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.fantastic-realities.com/studio_blog/2010/06/just-how-much-design-is-worth-it/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Why CSS Matters &#8211; Living in The Petri Dish.</title>
		<link>http://www.fantastic-realities.com/studio_blog/2010/06/why-css-matters-living-in-the-petri-dish/</link>
		<comments>http://www.fantastic-realities.com/studio_blog/2010/06/why-css-matters-living-in-the-petri-dish/#comments</comments>
		<pubDate>Mon, 07 Jun 2010 15:40:24 +0000</pubDate>
		<dc:creator>Kurt Griffith</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[Blogging]]></category>
		<category><![CDATA[Browsers]]></category>
		<category><![CDATA[Creative Pro]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[Designers]]></category>
		<category><![CDATA[Graphics]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.fantastic-realities.com/studio_blog/?p=141</guid>
		<description><![CDATA[I decided to talk about some of the under the hood tech that makes contemporary web sites work, with a bit of diversion about bringing print content online. We'll demonstrate the main idea of the marriage of HTML and CSS by taking a look “backstage” with a print and web design project called, Living in The Petri Dish.  ]]></description>
			<content:encoded><![CDATA[<div id="attachment_146" class="wp-caption aligncenter" style="width: 440px"><a href="http://www.fantastic-realities.com/studio_blog/wp-content/uploads/PetriDishGraphic.jpg"><img class="size-full wp-image-146" title="PetriDishGraphic" src="http://www.fantastic-realities.com/studio_blog/wp-content/uploads/PetriDishGraphic.jpg" alt="Petri Dish Article Graphic - Print, Web, CSS code " width="430" height="300" /></a><p class="wp-caption-text">Taking Print content to the Web</p></div>
<p>Yes, it&#8217;s been months since I&#8217;ve posted here. And haven&#8217;t been that active in my Live Journal or Facebook pages either. The Studio&#8217;s been busy, folks. And have been shoving a number of projects through the house.  And when you&#8217;re a self employed Creative Pro, paid bookable hours trumps blogging. I had been tempted to rant on about the evolving throwdown between Adobe vs Apple vs Google (sort of) vs Mircosoft, centering around the mobile market, web standards, web video, HTML5 and Flash. But the simmering war of words, with flaming fanboy camps tossing off on each side has grumped me out, and it can wait.</p>
<p>So I decided to talk about some of the under the hood tech that makes contemporary web sites work, with a bit of diversion about bringing print content online.  I&#8217;m going to pitch this to the web user and business reader, so my fellow web pros will probably be bored to tears. But for the rest of you, we&#8217;ll demonstrate the main idea of the marriage of HTML and CSS by taking a look “backstage” with a print and web design project called, <strong><em>Living in The Petri Dish. </em></strong><span id="more-141"></span></p>
<p>The past few years, over the winter I have been designing and Art Directing an annual calendar for an <a href="http://www.4qf.org" target="_blank">Interfaith Sanctuary</a>, and in the 2010 Edition of the <em>Wheel of the Year Calendar</em>, I wrote a short Editorial Article for their Earth Living/ Earth Spirit section, focusing on global environmental, sustainability and climate issues. I wrote <em>Living in the Petri Dish</em> under my &#8220;spiritual&#8221; name, referring my Native American (among others!) Ancestry.</p>
<div id="attachment_167" class="wp-caption aligncenter" style="width: 440px"><a href="http://www.fantastic-realities.com/studio_blog/wp-content/uploads/LivingInPetriDish.jpg"><img class="size-full wp-image-167" title="Living In The Petri Dish" src="http://www.fantastic-realities.com/studio_blog/wp-content/uploads/LivingInPetriDish.jpg" alt="" width="430" height="556" /></a><p class="wp-caption-text">The Print Version from the Institutional Calendar</p></div>
<h3>PDF</h3>
<p>In times gone by, the most direct way to get print content online was to post a PDF version of the document. This is quite straightforward in layout tools such as Adobe InDesign, with a powerful export PDF function. But many applications, including Microsoft Office now have similar capability. In Mac OS 10, any document that can be printed, can be output to a PDF file. And here is the <a href="http://www.fantastic-realities.com/petridish/Griffith_LivingInPetriDish.pdf" target="_blank">PDF version of the article</a>. which is the print version of the Calendar Page. Depending on your browser settings and capabilities, the file will open in a new window, or download to your local drive. While PDF files preserve the formatting and structure of the original print document, and does not require the recipient to have the creating application, graphics or fonts, it does have some limitations for the web.</p>
<h3>Web Coding, Old and Modern.</h3>
<p>The “Old School” method of laying out a web page involved rather intricate coding, and creating tables to arrange elements on the page, like a mosaic, which were not their intended purpose. In more contemporary coding, the HTML page contains the content, and it&#8217;s information structure. And the display and presentation information is contained in a separate CSS style sheet. CSS refers to Cascading Style Sheets, which is a powerful method for marking up how a page is displayed. The main advantage is that you can have a separate style sheet for every page in a site, or just one for ALL the pages in a site. Or individual style sheets for unique elements, such as the home page, and a general one for the site&#8217;s content. The HUGE advantage is that if you need to alter an aspect of the site&#8217;s visual design, I make the change in the style sheet, and the change will appear in the entire site, or every page that accesses that style sheet. This is a much more efficient approach than painstakingly re-coding every instance of the design element in every page individually!</p>
<p>I recently had occasion to demonstrate the capabilities of CSS for a user group, in this particular  case, I took the SAME page, and used three different Style Sheets to radically alter the layout and appearance of the page. So let&#8217;s build a web page version using XHTML and CSS. As the author, I have the original text of the article, and was able to quickly code it into a basic web page, and collect some relevant links.</p>
<h3>Coding HTML and CSS</h3>
<p>The text is organized into paragraphs and headers. And I divided the page into logical sections using &#8220;Div&#8221; tags. Otherwise there is no layout markup.</p>
<div id="attachment_152" class="wp-caption aligncenter" style="width: 440px"><a href="http://www.fantastic-realities.com/studio_blog/wp-content/uploads/ArticleImages.jpg"><img class="size-full wp-image-152" title="ArticleImages" src="http://www.fantastic-realities.com/studio_blog/wp-content/uploads/ArticleImages.jpg" alt="" width="430" height="350" /></a><p class="wp-caption-text">Original images for the &quot;Petri Dish&quot; article.</p></div>
<p>I also had the original images used for the article, so I sized them for the web at 72dpi, and we&#8217;re good to go.</p>
<p>Take a look at the <strong><em><a href="http://www.fantastic-realities.com/petridish/index_nostyles.html" target="_blank">&#8220;pure content&#8221; version of the page</a>,</em></strong> without any CSS Styling.</p>
<p>it&#8217;s all there, but it&#8217;s sooooooo  1998, and kind of boring.  So lets build a CSS Style sheet and connect it to my HTML document.</p>
<div id="attachment_150" class="wp-caption aligncenter" style="width: 440px"><a href="http://www.fantastic-realities.com/studio_blog/wp-content/uploads/CodeSamples_html.jpg"><img class="size-full wp-image-150" title="CodeSamples_html" src="http://www.fantastic-realities.com/studio_blog/wp-content/uploads/CodeSamples_html.jpg" alt="" width="430" height="250" /></a><p class="wp-caption-text">This is where the magic happens... </p></div>
<p>The highlighted code is where the HTML page refers to the CSS style sheet file that tells the browser how to display the page.</p>
<div id="attachment_151" class="wp-caption aligncenter" style="width: 440px"><a href="http://www.fantastic-realities.com/studio_blog/wp-content/uploads/CodeSamples_css.jpg"><img class="size-full wp-image-151" title="CodeSamples_css" src="http://www.fantastic-realities.com/studio_blog/wp-content/uploads/CodeSamples_css.jpg" alt="CSS file for the &quot;BlueWhite Clean&quot; version for the page." width="430" height="250" /></a><p class="wp-caption-text">The CSS that will style the Petri Dish article page.</p></div>
<p>A portion of the CSS file.  As you can see, I have started to define the look of the page. The overall typeface and size, background colors and the styling the headers. You can look at the <a href="http://www.fantastic-realities.com/petridish/styles.css" target="_blank">full coding here</a>, if you&#8217;re geeky and curious.</p>
<p>And the completed page now looks like this. <a href="http://www.fantastic-realities.com/petridish/"><em><strong>Living in the Petri Dish</strong></em>. </a></p>
<p style="text-align: left;">As you can see, it&#8217;s much cleaner and feels more like a contemporary web page.</p>
<h3 style="text-align: left;">&#8220;Presto-Changeo&#8221;</h3>
<p style="text-align: left;">But I am well aware that clients might want something different. So why not? I created another CSS document, and went back and changed just one line of the HTML to implement it.</p>
<h4>&lt;link href=&#8221;styles2.css&#8221; rel=&#8221;stylesheet&#8221; type=&#8221;text/css&#8221; /&gt;</h4>
<p>I added some alternate graphics and the page takes on a <strong><a href="http://www.fantastic-realities.com/petridish/index2.html" target="_blank">radically different appearance</a></strong>.</p>
<p>Some clients might want a little more IMPACT&#8230; <strong><a href="http://www.fantastic-realities.com/petridish/index3.html" target="_blank">happy to make it &#8220;Pop&#8221;</a></strong>.</p>
<h4>&lt;link href=&#8221;styles3.css&#8221;&#8230;</h4>
<p>I call this version &#8220;Hot Head Red&#8221;. It&#8217;s probably not the most tasteful design, but it was meant to show variation for the demo. Also for the sake of the demo, I  added the navigation bar across the top to easily swap across the  versions. Note that I&#8217;ve set the nav bar to pick up the link styling in the three versions.</p>
<p>Remember, no other code was changed in the HTML page other than the single line referring to the style sheet. Now there are a few caveats, older versions of some browsers have uneven support for CSS, most notably Internet Explorer Version 6 which handles CSS in a non-standard manner. But modern browsers support CSS very well. IN the near future, we&#8217;ll be seeing the deployment and support in browsers of HTML 5 and CSS3 which will bring additional enhanced capabilities and features.</p>
<h3>Links</h3>
<p><em><strong>Living in the Petri Dish</strong> variations:<br />
</em><a href="http://www.fantastic-realities.com/petridish/index_nostyles.html" target="_blank">No  Styles</a><a href="http://www.fantastic-realities.com/petridish/index.html" target="_blank"><br />
BlueWhite  Clean</a><br />
<a href="http://www.fantastic-realities.com/petridish/index2.html" target="_blank">GreenWorld</a> <a href="http://www.fantastic-realities.com/petridish/index3.html" target="_blank"><br />
HotHeadRed</a> <a href="http://www.fantastic-realities.com/petridish/Griffith_LivingInPetriDish.pdf"><br />
PDF  of Print Version</a></p>
<p><a href="http://www.4qf.org" target="_blank">Four Quarters Interfaith Sanctuary </a><br />
<a href="http://www.fantastic-realities.com/petridish/4QF2010_EarthLiving_EarthSpirit.pdf" target="_blank"><em>Earth Living~Earth Spirit</em> Complete Supplement</a> (PDF)<br />
<a href="http://www.ucsusa.org/" target="_blank">Union of Concened  Scientists</a><br />
<a href="http://www.rollingstone.com/politics/story/31633532/as_the_world_burns/" target="_blank">Rolling Stone: <em>As the world Burns</em></a><br />
<a href="http://www.rollingstone.com/politics/story/31633524/the_climate_killers/" target="_blank">Rolling Stone: <em>The Climate Killlers</em></a><br />
<a href="http://www.ucsusa.org/news/press_release/cold-weather-and-snow-with-0335.html" target="_blank">UCS:       “It’s Cold and My Car is Buried in Snow. How Can Global Warming be  Happening?”</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.fantastic-realities.com/studio_blog/2010/06/why-css-matters-living-in-the-petri-dish/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Gettting Face(book) time.</title>
		<link>http://www.fantastic-realities.com/studio_blog/2010/03/gettting-facebook-time/</link>
		<comments>http://www.fantastic-realities.com/studio_blog/2010/03/gettting-facebook-time/#comments</comments>
		<pubDate>Sun, 21 Mar 2010 01:01:49 +0000</pubDate>
		<dc:creator>Kurt Griffith</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[Blogging]]></category>
		<category><![CDATA[Creative Pro]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[Designers]]></category>
		<category><![CDATA[Facebook]]></category>
		<category><![CDATA[Social Media]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[World Wide Web]]></category>

		<guid isPermaLink="false">http://www.fantastic-realities.com/studio_blog/?p=125</guid>
		<description><![CDATA[Since I have been manually posting notifications on FB about my Blog Posts here, I figured, with the rising popularity of Facebook, there was probably an app or plug-in that would allow Me to post notices to the page automatically. So after a bit of research, I've installed WordBook Plug-in  on the blog. And this is literally it's test flight.]]></description>
			<content:encoded><![CDATA[<p>Some of you may, and some of you may not know this, since I haven&#8217;t talked about it here. But I do have a Facebook account, then of course, like any good Design Pro, I have a <a href="http://www.facebook.com/#!/pages/Nanuet-NY/Fantastic-Realities-Studio/274707011562" target="_blank">Page for the Studio</a>. And as more of my clients ask about *gasp* social networking, I have to become more familiar with some of the options and technologies.</p>
<p>Now this blog is powered by <a href="http://www.wordpress.org" target="_blank">WordPress</a>, WP hacks can tell from the very lightly modified default Kubrick page design. But one of the things I love about WP is that there is not only an abundant supply of themes, but also a HUGE zoo of plug-in to perform all manner of digital legerdemain. Since I have been manually posting notifications on FB about my Blog Posts here, I figured, with the rising popularity of Facebook, there was probably an app or plug-in that would allow Me to post notices to the page automatically. So after a bit of research, I&#8217;ve installed the  <a href="http://wordpress.org/extend/plugins/wordbook/" target="_blank">WordBook Plug-in</a> on the blog. This was literally it&#8217;s test flight.</p>
<p><span id="more-125"></span></p>
<p>Alas was not to be. WoodBook does not work on Fan or Business FB Pages. See below for comments on keeping my personal and Pro/Biz bloggage separate. So I am trying another application, a bit more involved, but we&#8217;ll see if it works. It may have the virtue of earning the blog a little more exposure.</p>
<p>I am also looking at adding &#8220;Share on Facebook&#8221; functionality. Yes, there&#8217;s plug-in for that too. Which is probably the next thing I&#8217;ll be testing. If a &#8220;Share on Facebook&#8221; link turns up on my posts, I got it working. Of course there are equivalent tools for Twitter, but I am seriously dragging my feet about getting into that. I do have to spend <em>some</em> of my time<em> actually </em><em>working on client&#8217;s projects. </em>Imagine that, so demanding. But the ability to buy groceries is a compelling argument for discipline.<em><br />
</em></p>
<p>The emergence of Social Media as an important Web trend for both individuals and businesses, due to it&#8217;s particular reach and ability to connect individuals TO businesses and organizations, means that Creative pros like myself have to pay increasing attention to an ever widening array of venues, and techniques for leveraging them. What makes this interesting is becoming a net.schizo. I have this blog for the Studio, where I can wax-on, wax-off on themes relating to my profession and related tech subjects. I have a personal Live journal since about 2003 or so&#8230; If you know it, you know who you are. My personal rantage. I&#8217;m on Facebook as me, but then have a Page for FRS. The twitter account&#8230; like 4 tweets (Ha!) is me, and I should make a separate one for the Studio&#8230; Keeping my personal and professional lives separate is an interesting exercise in information management. Not withstanding that as a self-employed creative pro, with a studio in my home, my professional life is pretty darn personal! But the overall approach is that I&#8217;ll refer to my professional live from my personal side, but I&#8217;ll be keeping the personal from the professional side.</p>
<p>That didn&#8217;t stop a client from trying to call Me at 7PM on a Friday, looking for a project and a quote. Not that I <em>don&#8217;t </em>work evenings and weekends, like many creatives and self-employed, that&#8217;s a <em>choice</em>, not an expectation. But seriously, WTF?</p>
<p><em>He can wait&#8230; till Monday. </em></p>
<p><a href="http://www.facebook.com/#!/pages/Nanuet-NY/Fantastic-Realities-Studio/274707011562" target="_blank">Fantastic Realities Studio on Facebook</a><br />
<a href="http://wordpress.org/extend/plugins/wordbook/" target="_blank">WordBook Plug-in</a><br />
<a href="http://www.networkedblogs.com/" target="_blank">NetworkedBlogs</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.fantastic-realities.com/studio_blog/2010/03/gettting-facebook-time/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Getting at Your Web Stuff</title>
		<link>http://www.fantastic-realities.com/studio_blog/2009/07/getting-at-your-web-stuff/</link>
		<comments>http://www.fantastic-realities.com/studio_blog/2009/07/getting-at-your-web-stuff/#comments</comments>
		<pubDate>Thu, 30 Jul 2009 02:43:16 +0000</pubDate>
		<dc:creator>Kurt Griffith</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[Adobe]]></category>
		<category><![CDATA[Apple]]></category>
		<category><![CDATA[Blogging]]></category>
		<category><![CDATA[CMS]]></category>
		<category><![CDATA[Content Management Systems]]></category>
		<category><![CDATA[Contribute]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Development]]></category>
		<category><![CDATA[Hosting]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Microsoft]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[XHTML]]></category>

		<guid isPermaLink="false">http://www.fantastic-realities.com/studio_blog/?p=63</guid>
		<description><![CDATA[One of the requests that I often get from clients is that they want to know how to do simple revisions and update their web site content for themselves. Of course they are concerned in this difficult economy about paying my fair, but non-trivial designer's rate for what might be a trivial update or minor correction. Or you might just want more control of your own content.]]></description>
			<content:encoded><![CDATA[<div class="wp-caption aligncenter" style="width: 460px"><img title="Web Code in Text Wrangler" src="http://www.fantastic-realities.com/projects/images/WebCode_450.png" alt="HTML code in Text Wrangler. Want a piece of this action?" width="450" height="338" /><p class="wp-caption-text">HTML code in Text Wrangler. Want a piece of this action?</p></div>
<p>Hello everyone who may or not be paying attention.</p>
<p>I know it’s been a while but I was a bit distracted by some very consuming system issues with my workstation. But that cautionary tale is a subject<em> for another post</em>. Seriously. Cautionary. Tale. But not now.</p>
<p>One of the requests that I often get from clients is that <strong>they want to know how to do simple revisions and update their web site content for themselves.</strong> Of course they are concerned in this difficult economy about paying my fair, but non-trivial designer&#8217;s rate for what might be a trivial update or minor correction. I do have a minimum quarter hour charge. Which is seriously, just about how long it takes to read the email, take the call, jot a note or two, fire up <em>Dreamweaver</em> or a text editor, an FTP client, log into the hosting provider&#8217;s Control Panel, upload the fix, revision or update and then log it on the timesheet. So I do see their point. Or you might just want more control of your own content.<span id="more-63"></span></p>
<p>Let me diverge for a moment, and mention that there are do-it-yourself options out there if your needs and design requirements are relatively straightforward. Many of the Hosting providers out there have relatively simple, template based, drop-in-your-content web site plans, such as <a href="http://www.godaddy.com/hosting/website-builder.aspx" target="_blank">GoDaddy’s “<strong>Web Site Tonight</strong>”</a> feature. There are also services like <a href="http://office.microsoft.com/en-us/frontpage/default.aspx" target="_blank">Microsoft&#8217;s <strong>FrontPage</strong></a>, <a href="http://www.apple.com/ilife/iweb/" target="_blank">Apple’s <strong>iWeb</strong></a>, and Yahoo’s <strong><a href="http://smallbusiness.yahoo.com/webhosting/" target="_blank">Small Business Web Sites</a></strong>&#8230; etc. But these ARE template based sites and they can be perfectly adequate, but they’ll look like a LOT of other sites out there without a lot of distinction.</p>
<p>Another approach is to construct a web presence around a blog, either through your hosting provider and your own domain, or use one of the well rounded services such as <strong><a href="http://wordpress.com/" target="_blank">WordPress</a>, <a href="https://www.blogger.com/start" target="_blank">Blogger</a>, <a href="http://www.typepad.com/pro/index-2.html" target="_blank">Typepad</a>, <a href="http://www.livejournal.com/" target="_blank">Live Journal</a></strong> and the like.</p>
<p>But if you’re working with someone like me, you’re probably wanting something more custom designed and distinctive in the first place; really marrying your branding and message to the site design. You might want to have more complex functionality or technology on your site. Perfectly fair, and how I make a respectable chunk of my livelihood. But you might not want to bug me about changing one paragraph in your Mission Statement, or correcting a misspelling in your bio. Or you’d like to toss up a news item, and I am off in a tent  in the woods that week, or buried with other client&#8217;s projects at that moment. Hey, it could happen.</p>
<p>Anyway, there are three general approaches to getting into the guts of your site.</p>
<h3>Learn Web Coding</h3>
<p>The first is the cheapest, since it can be done with any text editor and an FTP client. That would be litreally learning enough HTML and web tech to <em>actually edit the underlying code</em> of your web pages and upload the changed pages back to the hosting server. As you can imagine, this does imply the heaviest learning curve. And of course, depending on just how intricate the site’s design is, getting into the designer’s code could be problematical. If you’re not careful and meticulous, its <em>real easy to break stuff</em>. And then you’ll be calling your Webmaster or Designer and tossing a bit more than a quarter hour for cleanups. Of course with more modern coding techniques, particularly CSS, and XML, sites can be much more modular and the site’s content and its design can be separated. This makes updates and revisions much less tedious.</p>
<h3>Use Web Access Software</h3>
<p>Another approach is to use an end-client piece of software that allows users to access the site from their own computers, and make their edits in a more understandable format. One example is <a href="http://www.adobe.com/products/contribute/" target="_blank">Adobe <strong>Contribute</strong></a>. This application allows access to a web site, but also lets the Designer/Webmaster restrict access to parts of the site that ought to <em>not be messed with</em>. The application even allows users to generate new pages and links, upload images and documents, while maintaining the site design and structure. Different users can be assigned different roles and levels of access. The interface is similar to Microsoft <em>Word</em>, so it’s a familiar way to work and training is much simpler.</p>
<p>This approach is a bit more costly, as you have to buy specialty software, and it requires the Site Designer to set up the site for access. There is also some training time involved, but not as much as learning full blown web coding. A mid-line solution for moderately complex sites, and reasonably tech-comfortable users.</p>
<h3>Use a Content Management System</h3>
<p>For more sophisticated sites, or for dead simple access, or <em>both</em>, is the use of a <strong><a href="http://en.wikipedia.org/wiki/Web_content_management_system" target="_blank">Content Management System</a></strong>. Using a CMS, the end user typically has a web based interface to add or modify content on their site. The software keeps the design elements and the content separated, and the user content is stored in a database on the server. This is the most costly up-front approach, as the site has to be configured from the ground up to use the technology, and set-up is more involved than a basic HTML, XHTML and CSS, site.  All the back end software is stored on the hosting server, and all the user needs is a web browser and the access credentials. This can be a very attractive solution where there is a lot of time sensitive or dynamic content, and the site gets frequent updates.</p>
<p>More and more, business sites are using CMS technology and more hosting providers are offering open source <a href="http://hostingconnection.godaddy.com/AllApplications.aspx" target="_blank"><strong>Web Application Software</strong></a> to Web Developers and Webmasters as part of their hosting packages. It does take more than a bit of specialty skill to set up, but once in place, can be very effective and easy to maintain. The initial cost may be a bit more than a basic HTML or CSS based site, but maintenance and updates can be cheaper over time. If you have a shopping cart or an e-commerce site, this is a form of Content Management, with software running on the web server tracking buyers, products, transactions.</p>
<p>However, none of the above typically allow the end user to significantly revise or alter the site design or graphic style. That type of work would require the re-involvement of the Web Designer and Developers. Of course, <em>if you had that skill set, you would BE the web Designer or Developer</em>, and you would already know this.</p>
<p>Still the whole point of hiring graphic or technical professionals is to free up your time to focus on your own particular vocation or specialty, and let us do our thing for you.</p>
<p>Next time, <em>losing the works</em>.  I hope I don’t keep you waiting so long for that one, its frakkin&#8217; <em>crazed</em>&#8230;</p>
<hr />
<h3><strong>Stufz </strong>(Resources)<strong>:</strong></h3>
<p>GoDaddy <strong>Web Site Tonight</strong>:<br />
<a href="http://www.godaddy.com/hosting/website-builder.aspx" target="_blank">http://www.godaddy.com/hosting/website-builder.aspx</a></p>
<p>Microsoft <strong>FrontPage</strong>: <a href="http://office.microsoft.com/en-us/frontpage/default.aspx" target="_blank"></p>
<p>http://office.microsoft.com/en-us/frontpage/default.aspx</a></p>
<p>Apple <strong>iWeb</strong>: <a href="http://www.apple.com/ilife/iweb/" target="_blank">http://www.apple.com/ilife/iweb/</a></p>
<p>Yahoo <strong>Small Business Web Sites</strong>:<br />
<a href="http://smallbusiness.yahoo.com/webhosting/" target="_blank">http://smallbusiness.yahoo.com/webhosting/</a><strong></strong></p>
<p><strong>WordPress</strong>: <a href="http://wordpress.com/" target="_blank">http://wordpress.com/</a></p>
<p><strong>Blogger/Blogspot</strong> : <a href="https://www.blogger.com/start" target="_blank">https://www.blogger.com/start</a><strong></strong></p>
<p><strong>TypePad</strong>: <a href="http://www.typepad.com/pro/index-2.html" target="_blank">http://www.typepad.com/</a><strong></strong></p>
<p><strong>Live Journal</strong>: <a href="http://www.livejournal.com/" target="_blank">http://www.livejournal.com/</a></p>
<p>Adobe <strong>Contribute</strong>: <a href="http://www.adobe.com/products/contribute/" target="_blank">http://www.adobe.com/products/contribute/</a></p>
<p>Wikipedia: <strong>Web Content Management System</strong>:<br />
<a href="http://en.wikipedia.org/wiki/Web_content_management_system" target="_blank">http://en.wikipedia.org/wiki/Web_content_management_system</a></p>
<p><strong>Open Source Applications</strong> at Godaddy:<a href="http://hostingconnection.godaddy.com/AllApplications.aspx" target="_blank"></p>
<p>http://hostingconnection.godaddy.com/AllApplications.aspx</a></p>
<p>(Crikey! I&#8217;m not even sure what all this stuff does&#8230; )</p>
]]></content:encoded>
			<wfw:commentRss>http://www.fantastic-realities.com/studio_blog/2009/07/getting-at-your-web-stuff/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>

