<?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>overflow:visible; &#187; Web Design</title>
	<atom:link href="http://overflowvisible.com/blog/tag/web-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://overflowvisible.com</link>
	<description></description>
	<lastBuildDate>Sat, 10 Sep 2011 20:26:18 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>A Layered Approach</title>
		<link>http://overflowvisible.com/blog/2011/06/05/a-layered-approach/</link>
		<comments>http://overflowvisible.com/blog/2011/06/05/a-layered-approach/#comments</comments>
		<pubDate>Sun, 05 Jun 2011 14:00:52 +0000</pubDate>
		<dc:creator>rhennen</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Project Management]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[future designers]]></category>
		<category><![CDATA[in-house design]]></category>
		<category><![CDATA[linkedin]]></category>
		<category><![CDATA[workflow]]></category>

		<guid isPermaLink="false">http://overflowvisible.com/?p=311</guid>
		<description><![CDATA[<p>An often overlooked element of the work-flow process is layers. All the Adobe products use layers. They are great – you can have a layer for every little line in your project if you want. It’s actually a great thing &#8230;</p>]]></description>
			<content:encoded><![CDATA[<p>An often overlooked element of the work-flow process is layers. All the Adobe products use layers. They are great – you can have a layer for every little line in your project if you want. It’s actually a great thing for editing a file later. So when aren’t they beneficial? When you haven’t named a single one of them and someone else has to use your file to edit a project. Note: the next person could be you in six months. Will you remember what Layer 135 is? </p>
<p>I think it all started when, at my first job as an in-house designer, I inherited all the files from the previous designer. I had to click through so many layers to find what I needed, re-labeling, re-grouping and deleting empty layers. A half hour at least for every file I had to open. Multiply that by even just 10 files and looks how much time is wasted. Right then and there, every file I created was labeled, grouped and clearly named. This became a blessing when the company hired two more designers and I already had a workflow in place.</p>
<div id="attachment_313" class="wp-caption alignleft" style="width: 160px"><a href="http://overflowvisible.com/wp-content/uploads/layers-mess.jpg" rel="lightbox[layers]"><img class="size-thumbnail wp-image-313 " title="Layers Mess" src="http://overflowvisible.com/wp-content/uploads/layers-mess-150x150.jpg" alt="Layers Mess" width="150" height="150" /></a><p class="wp-caption-text">The Offending File</p></div>
<p>Another more recent example &#8211; I downloaded a template file that a client purchased. I open the file, ready to get to work and what a letdown. None of the layers have names or they are weird names that make no sense to me. It took me an unnecessary 20 minutes just to nail down the layers and where things were.</p>
<p>Sure, it might seem tedious to name every layer. How about folders? You can group layers into folders named Header, Footer, Right Sidebar, etc. and, even if you don’t name the layers, at least you can drill down right to the specific area you need to edit and instead of going through 50 layers you only need to go through 10. I do both.</p>
<div id="attachment_319" class="wp-caption alignleft" style="width: 160px"><a href="http://overflowvisible.com/wp-content/uploads/layers-mine.jpg" rel="lightbox[layers]"><img class="size-thumbnail wp-image-319 " title="Neat Layers" src="http://overflowvisible.com/wp-content/uploads/layers-mine-150x150.jpg" alt="Neat Layers" width="150" height="150" /></a><p class="wp-caption-text">Neat &amp; Organized</p></div>
<p>I name every layer and then group things into named folders. I’m a freelancer and, at this point, I’m the only one who works on my files but my workflow is so much easier because I can just open a file, zero right in to where I need to be. But who knows – maybe I’ll have an assistant someday. I wouldn’t want nightmare files slowing down the person who is supposed to be helping me. Besides being a bit anal and knowing that I have to practice what I preach, I just think it’s courteous and although I’m usually only being courteous to myself  &#8211; if I’m not courteous to myself, who will be?</p>
<p><em>Side Note:</em> I recently worked with another designer who sent me the psd files that I would be using to develop the website. Of course, I was thinking the files were going to be a mess when I got them but I was wrong! Much to my surprise, this fellow designer created her files like I do. Naming every layer and grouping the areas in folders. The project was a breeze to develop.</p>
]]></content:encoded>
			<wfw:commentRss>http://overflowvisible.com/blog/2011/06/05/a-layered-approach/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Parachutes and Javascript</title>
		<link>http://overflowvisible.com/blog/2011/01/11/parachutes-and-javascript/</link>
		<comments>http://overflowvisible.com/blog/2011/01/11/parachutes-and-javascript/#comments</comments>
		<pubDate>Tue, 11 Jan 2011 13:00:08 +0000</pubDate>
		<dc:creator>rhennen</dc:creator>
				<category><![CDATA[Personal]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[job search]]></category>
		<category><![CDATA[linkedin]]></category>
		<category><![CDATA[parachute]]></category>
		<category><![CDATA[thinking]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://overflowvisible.com/?p=293</guid>
		<description><![CDATA[<p>As a fairly recent member of the unemployed I’m coming up against questions that surely plague many who have been out there for a while. I am fortunate – my chosen careen path of web design very easily translates into &#8230;</p>]]></description>
			<content:encoded><![CDATA[<div id="attachment_298" class="wp-caption alignleft" style="width: 310px"><a href="http://www.flickr.com/photos/rednivaram/" target="_blank"><img class="size-medium wp-image-298 " title="Visit rednivaram's flickr page" src="http://overflowvisible.com/wp-content/uploads/parachute-300x199.jpg" alt="What colour is my parachute?" width="300" height="199" /></a><p class="wp-caption-text">What colour is my parachute? by rednivaram</p></div>
<p>As a fairly recent member of the unemployed I’m coming up against questions that surely plague many who have been out there for a while. I am fortunate – my chosen careen path of web design very easily translates into the freelance lifestyle so while I am unemployed – meaning no full time job – I am working.</p>
<p>I was having a particularly off or down day. I found jobs to apply for but I’ll be damned if there was a cover letter to be found in my brain. I decided to go to the library (YES, the <em>library</em>. The internet was just bringin’ me down) to get out of the house and see if I couldn’t jog some give-me-the-job juices from somewhere. While leafing through various books on cover letters (once again, the Dummies series came through! I really should return that…) I bumped into “What Color is Your Parachute?” It’s been around for a while and, apparently, it’s updated every year. Not very far in, a question is posed: “Is this a good time to try to figure out your purpose in life, your calling, your vocation, your passion, your “dream job”? Indeed, I have thought about this. I probably shouldn’t be too picky, right? I mean, I’m not that picky by any stretch. I don’t have to work for the #1 ad agency in the world (some would ask well, why not?) but I have read some job descriptions that, while I <em>could</em> do it, it didn’t inspire me. That or the company left something to be desired. Did I apply? Yes, to a couple of them but since there are only so many jobs available on any given day and after I have taken care of any freelance work, there is inevitably down time. So, as my grandfather used to say, might as well do something even if it’s wrong. Meaning, doing something is better than nothing because it gets the ball rolling.</p>
<p>I have finished reading the book so now I think I’m going to go back and do the exercises to see if I can’t unearth “my passion”. These exercises are recommended whether you are changing careers or just trying to find the right place to do what you love. I’ve never really gotten into exercises like the ones in the book – I’m an eye-roller, a nay-sayer, a wow-this-is-lame, PUH-leeze kind of gal sometimes. Maybe I’m older, maybe I care more, who knows. Maybe after these exercises, I <em>will</em> have to work for the #1 ad agency in the world!</p>
<p>The other thing I’ve been doing in my spare time (note: this is a fallacy in my life. I’m not working full time but I have less time than I did before) anyway – I am learning Javascript. I’ve been <em>meaning</em> to buckle down and learn it for quite a while but now, in my job search, I notice it’s expected in the ‘toolbox’ of a front-end developer/designer, which would be me. I can work with pre-written code – make edits and tweak settings &#8211; but not my own stuff and now it’s holding me back.</p>
<p>So, you’ve got your <strong>variables</strong> and your <strong>functions</strong>. Functions are really fancy ways of telling a variable what to do. I’m thinking I should write a function for my job search, like var parachute &amp; var jobs. IF jobs &lt; 0, THEN parachute should be huge, ELSE, IF jobs &gt; 0, THEN parachute should still be big. Just in case. I may not mind doing something wrong to get the ball rolling but I still like an escape route.</p>
]]></content:encoded>
			<wfw:commentRss>http://overflowvisible.com/blog/2011/01/11/parachutes-and-javascript/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>HTML5 for Web Designers</title>
		<link>http://overflowvisible.com/blog/2010/09/03/html5-for-web-designers/</link>
		<comments>http://overflowvisible.com/blog/2010/09/03/html5-for-web-designers/#comments</comments>
		<pubDate>Fri, 03 Sep 2010 02:17:40 +0000</pubDate>
		<dc:creator>rhennen</dc:creator>
				<category><![CDATA[Books]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[a book apart]]></category>
		<category><![CDATA[book review]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[linkedin]]></category>

		<guid isPermaLink="false">http://overflowvisible.com/?p=277</guid>
		<description><![CDATA[<p>The first book of <a title="Website for a book apart" href="http://www.books.alistapart.com" target="_blank">abookapart</a>, HTML5 for Web Designers, whose goal was to be “clear, brief and specific with a touch of humor” were quite successful in their endeavor!</p>
<p>The book is 89 pages including the index, foreword, table &#8230;</p>]]></description>
			<content:encoded><![CDATA[<div id="attachment_278" class="wp-caption alignleft" style="width: 115px"><a href="www.books.alistapart.com"><img class="size-full wp-image-278 " title="HTML5 for Web Designers" src="http://overflowvisible.com/wp-content/uploads/html5-for-web-designers.jpg" alt="HTML5 for Web Designers" width="105" height="152" /></a><p class="wp-caption-text">HTML5 for Web Designers by Jeremy Keith</p></div>
<p>The first book of <a title="Website for a book apart" href="http://www.books.alistapart.com" target="_blank">abookapart</a>, HTML5 for Web Designers, whose goal was to be “clear, brief and specific with a touch of humor” were quite successful in their endeavor!</p>
<p>The book is 89 pages including the index, foreword, table of contents, about abookapart, about the author and a note on the font. Even the copyright and ISBN information are brief! Cleary brevity was achieved but can you be specific and clear in that amount of space? Yes and we’re not talking a 4 point font with no whitespace either. No sir! This is a great little book that manages to provide a history of mark-up, the new features of HTML and nifty little workable Javascript tricks to gracefully degrade in browsers without full HTML5 support thereby providing an almost seamless user experience.</p>
<p>It is a great little book with lots of good examples of how to use these new HTML5 elements throughout. I highly recommend! And a note to author Jeremy Keith: if you ever need back-up in your hunt for the users of autoplay and loop – I’ve got your back!</p>
]]></content:encoded>
			<wfw:commentRss>http://overflowvisible.com/blog/2010/09/03/html5-for-web-designers/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>My Own Worst Design Enemy</title>
		<link>http://overflowvisible.com/blog/2010/08/12/my-own-worst-design-enemy/</link>
		<comments>http://overflowvisible.com/blog/2010/08/12/my-own-worst-design-enemy/#comments</comments>
		<pubDate>Thu, 12 Aug 2010 20:43:59 +0000</pubDate>
		<dc:creator>rhennen</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Personal]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[content]]></category>
		<category><![CDATA[linkedin]]></category>

		<guid isPermaLink="false">http://overflowvisible.com/?p=256</guid>
		<description><![CDATA[<p>
<div id="attachment_206" class="wp-caption alignleft" style="width:150px;"><img class="size-full wp-image-206" src="http://overflowvisible.com/wp-content/uploads/mysite.jpg" border="0" width="150" height="150" />
<p class="wp-caption-text">A Corner of<br />
My Future Site</p></div>
</p><p>I am currently in the process of redesigning my own website,  which showcases a portfolio of my web design work along with my photography. It  is long overdue and certainly could benefit from more &#8230;</p>]]></description>
			<content:encoded><![CDATA[<p>
<div id="attachment_206" class="wp-caption alignleft" style="width:150px;"><img class="size-full wp-image-206" src="http://overflowvisible.com/wp-content/uploads/mysite.jpg" border="0" width="150" height="150" />
<p class="wp-caption-text">A Corner of<br />
My Future Site</div>
<p>I am currently in the process of redesigning my own website,  which showcases a portfolio of my web design work along with my photography. It  is long overdue and certainly could benefit from more copy and a more coherent  design and flow. Looking at the site from a potential client or employer’s  perspective one would wonder who this designer is. What does this designer have  to offer? On the surface, it doesn’t look like much.</p>
<p> The design aspect of my site is definitely farther along  than the copy which is unfortunate because it is really better to design with  content than without. Designing without the copy can lead to a whole host of  issues including continually redesigning and, were it for a client, extra  charges. While I may not be charging myself, I don’t want to waste my own time  either. </p>
<p> Writing copy for the web is a little different, as many  articles will tell you. The copy needs to be succinct but as detailed as  possible because it needs to be found by search engines and users otherwise  it’s just a pretty element of cyberspace. The thing that gets in the way is the  search engine optimization (SEO) aspect of the writing. While there are key  phrases and words you want to find you in a search, you also don’t want to  sound like you’re writing just for the search, which is part of what was  holding me back writing copy for my site. I could blame it on writer’s block  but I can eke out a few blog posts and a lot of poetry in a given time span so  clearly it isn’t writer’s block. Part of it of course, is determining who I am  as a designer and then making that work with ‘key phrases’ and part of it is my <a href="http://overflowvisible.com/2009/08/10/perfection-confinement/">perfection  confinement</a>: it has to be right the first time.</p>
<p> An article I read the other day at <a href="http://www.websitemagazine.com/">Website Magazine</a> really helped. And  the thing that got me was that as a writer, the advice was so obvious. <a href="http://www.websitemagazine.com/content/blogs/posts/archive/2010/06/15/seo-copywriting-guide.aspx">“Start  by writing 2 or 3 bulleted points that you want to make….”</a> Wow. Brilliant,  eh? That’s the basis for essay writing in high school: the outline. (Incidentally,  I don’t think I ever wrote an outline that was worth anything. I went right  into the writing part – I guess its coming back to haunt me now!) Using this  paramount piece of advice for the ‘elevator pitch’ at the beginning of my  resume, which was also eluding me, I broke through these barriers and I feel  that I’m ready to move on to tackle the copy on my website. </p>
<p> Another good point at the <a href="http://www.webdesignerdepot.com/2010/06/information-architecture-enhancing-the-user-experience/">Web  Designer Depot was to “Think about the story you want to tell at each point in  the design process.”</a> This is something that was definitely missing from my  approach. Looking at how I was proceeding in my own site design, I was seeing  each page as its own entity, separate from any other page but this shouldn’t be  the case. A website, in this instance mine, should have a solid idea as a whole  and each page should support that. I am my worst client. I was doing all the  things that frustrate me in dealing with clients. Not provide copy, not having  a clear vision of flow, not thinking about the audience. No wonder I have been  stumbling all over the place. </p>
<p> I now have a much more clear vision of what I want the site  to do and I see my little cyber niche becoming a much more enjoyable place to land.</p>
]]></content:encoded>
			<wfw:commentRss>http://overflowvisible.com/blog/2010/08/12/my-own-worst-design-enemy/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Forays into twitter</title>
		<link>http://overflowvisible.com/blog/2009/06/02/forays-into-twitter/</link>
		<comments>http://overflowvisible.com/blog/2009/06/02/forays-into-twitter/#comments</comments>
		<pubDate>Wed, 03 Jun 2009 02:43:13 +0000</pubDate>
		<dc:creator>rhennen</dc:creator>
				<category><![CDATA[Web Design]]></category>
		<category><![CDATA[linkedin]]></category>
		<category><![CDATA[twitter]]></category>

		<guid isPermaLink="false">http://blog.raynadiane.com/?p=59</guid>
		<description><![CDATA[<p>So while I may not tweet myself, my current company certainly does and I figured it was only a matter of time before they were going to want to have their twitter pages more &#8216;design-y&#8217; as they are wont to &#8230;</p>]]></description>
			<content:encoded><![CDATA[<p>So while I may not tweet myself, my current company certainly does and I figured it was only a matter of time before they were going to want to have their twitter pages more &#8216;design-y&#8217; as they are wont to say. I was actually on the verge of offering to design one just to get familiar with the interface and so forth when voila! the outlook invite to a twitter design meeting appeared at my inbox horizon. And so I share my first three twitter backgrounds, which, are by no means as stellar as some of the ones featured on <a title="25 of the Best Twitter Designs" href="http://designreviver.com/inspiration/25-of-the-best-designed-twitter-homepages/" target="_blank">Design Reviver</a>, they are certainly functional for the type of company that <a title="Institute for International Research" href="http://www.iirusa.com" target="_blank">IIR</a> is, which is an educational conference company.</p>
<p><a title="Visit the Shopper 360 twitter page" href="http://twitter.com/Shopper360" target="_blank">Shopper 360</a> // <a title="Visit the Edge of Marketing twitter page" href="http://twitter.com/edgeofmarketing" target="_blank">Edge of Marketing</a> // <a title="Visit the Future of BioPharma twitter page" href="http://twitter.com/futurebiopharma" target="_blank">Future of Biopharma</a></p>
]]></content:encoded>
			<wfw:commentRss>http://overflowvisible.com/blog/2009/06/02/forays-into-twitter/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>New Site Launch</title>
		<link>http://overflowvisible.com/blog/2009/04/24/new-site-launch/</link>
		<comments>http://overflowvisible.com/blog/2009/04/24/new-site-launch/#comments</comments>
		<pubDate>Fri, 24 Apr 2009 19:45:35 +0000</pubDate>
		<dc:creator>rhennen</dc:creator>
				<category><![CDATA[Web Design]]></category>
		<category><![CDATA[linkedin]]></category>

		<guid isPermaLink="false">http://blog.raynadiane.com/?p=45</guid>
		<description><![CDATA[<p><a href="http://www.iirusa.com/projectworldnovember"><img class="alignleft" title="ProjectWorld November Thumb" src="http://www.raynadiane.com/images/Thumb_pwwcba_nov.jpg" alt="" width="150" height="150" /></a>The most recent launch in my portfolio of events is the <strong><a href="http://www.iirusa.com/projectworldnovember" target="_blank">November ProjectWorld event/conference</a></strong>.</p>
<blockquote><p>This program is what every advanced Project Manager or Business Analysts needs. It’s time to Re-Examine                      and Recharge core fundamentals, Lead Exceptional Execution through these </p>&#8230;</blockquote>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.iirusa.com/projectworldnovember"><img class="alignleft" title="ProjectWorld November Thumb" src="http://www.raynadiane.com/images/Thumb_pwwcba_nov.jpg" alt="" width="150" height="150" /></a>The most recent launch in my portfolio of events is the <strong><a href="http://www.iirusa.com/projectworldnovember" target="_blank">November ProjectWorld event/conference</a></strong>.</p>
<blockquote><p>This program is what every advanced Project Manager or Business Analysts needs. It’s time to Re-Examine                      and Recharge core fundamentals, Lead Exceptional Execution through these challenging times and                     sustain long term growth for competitive advantage.</p></blockquote>
<p>This is the second event in this particular conference series. The other, which was launched a few months ago, is the <strong><a href="http://www.iirusa.com/projectworldjune" target="_blank">June ProjectWorld event</a></strong>. Both are very similar in look and feel though the gold element on the November event provides a more regal feeling.</p>
<p>It went smoothly, which, after working in this particular job for 3 1/2 years, makes me antsy. I&#8217;m waiting for the other shoe to drop! It seems rare that an event would launch so easily. hmmmm&#8230;</p>
]]></content:encoded>
			<wfw:commentRss>http://overflowvisible.com/blog/2009/04/24/new-site-launch/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

