<?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>Lacy&#039;s site</title>
	<atom:link href="http://lacybayliss.com/bin22/feed/" rel="self" type="application/rss+xml" />
	<link>http://lacybayliss.com/bin22</link>
	<description></description>
	<lastBuildDate>Mon, 14 Sep 2009 20:43:56 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>OAC Beta released 9-9-09</title>
		<link>http://lacybayliss.com/bin22/webdesign/oac-beta-released-9-9-09/</link>
		<comments>http://lacybayliss.com/bin22/webdesign/oac-beta-released-9-9-09/#comments</comments>
		<pubDate>Mon, 14 Sep 2009 18:10:11 +0000</pubDate>
		<dc:creator>lacybayl</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[css tricks]]></category>
		<category><![CDATA[openacircle.com]]></category>
		<category><![CDATA[web development]]></category>

		<guid isPermaLink="false">http://lacybayliss.com/?p=118</guid>
		<description><![CDATA[Okay, so I finished developing the commercial side of openacircle.com, and now in the aftermath I can finally update my blog. In this project I got to utilize some cool little CSS tricks, like image pop ups (without using javascript) and figuring out how to include a footer that would adjust to a bleeding background. [...]]]></description>
			<content:encoded><![CDATA[<p>Okay, so I finished developing the commercial side of openacircle.com, and now in the aftermath I can finally update my blog. In this project I got to utilize some cool little CSS tricks, like image pop ups (without using javascript) and figuring out how to include a footer that would adjust to a bleeding background. Anyway, it&#8217;s here! If you would like to visit, and register, go to <a href="http://openacircle.com">openacircle.com</a>.</p>
<a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save?linkurl=http%3A%2F%2Flacybayliss.com%2Fbin22%2Fwebdesign%2Foac-beta-released-9-9-09%2F&amp;linkname=OAC%20Beta%20released%209-9-09"><img src="http://lacybayliss.com/bin22/wp-content/plugins/add-to-any/share_save_120_16.gif" width="120" height="16" alt="Share/Bookmark"/></a>]]></content:encoded>
			<wfw:commentRss>http://lacybayliss.com/bin22/webdesign/oac-beta-released-9-9-09/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>An example of live web work</title>
		<link>http://lacybayliss.com/bin22/webdesign/my-work/</link>
		<comments>http://lacybayliss.com/bin22/webdesign/my-work/#comments</comments>
		<pubDate>Thu, 06 Aug 2009 19:20:21 +0000</pubDate>
		<dc:creator>lacybayl</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Lacy Bayliss]]></category>
		<category><![CDATA[vuelive.com]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[web development]]></category>

		<guid isPermaLink="false">http://lacybayliss.com/?p=110</guid>
		<description><![CDATA[The site Vuelive, was a site I both designed and developed 4 months ago. I will post a link to it when I have it running on my server. The original site url has been removed.  I am also currently developing a redesigned site, OpenACircle.com, which I will share with you when it launches early [...]]]></description>
			<content:encoded><![CDATA[<p>The site Vuelive, was a site I both designed and developed 4 months ago. I will post a link to it when I have it running on my server. The original site url has been removed.  I am also currently developing a redesigned site, OpenACircle.com, which I will share with you when it launches early September.</p>
<a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save?linkurl=http%3A%2F%2Flacybayliss.com%2Fbin22%2Fwebdesign%2Fmy-work%2F&amp;linkname=An%20example%20of%20live%20web%20work"><img src="http://lacybayliss.com/bin22/wp-content/plugins/add-to-any/share_save_120_16.gif" width="120" height="16" alt="Share/Bookmark"/></a>]]></content:encoded>
			<wfw:commentRss>http://lacybayliss.com/bin22/webdesign/my-work/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>My work on istock.com</title>
		<link>http://lacybayliss.com/bin22/graphicdesign/my-work-on-istockcom/</link>
		<comments>http://lacybayliss.com/bin22/graphicdesign/my-work-on-istockcom/#comments</comments>
		<pubDate>Sat, 30 May 2009 03:11:33 +0000</pubDate>
		<dc:creator>lacybayl</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[Graphic Design]]></category>
		<category><![CDATA[istock.com design spotlight career services ad texas womans university graphic design entry winning entry]]></category>

		<guid isPermaLink="false">http://lacybayliss.com/?p=99</guid>
		<description><![CDATA[You can see my work featured in the Design Spotlight feature of istock.com here:  www.istockphoto.com
]]></description>
			<content:encoded><![CDATA[<p>You can see my work featured in the Design Spotlight feature of istock.com here:  <a href="http://www.istockphoto.com/design_spotlight_details.php?ID=25658">www.istockphoto.com</a></p>
<a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save?linkurl=http%3A%2F%2Flacybayliss.com%2Fbin22%2Fgraphicdesign%2Fmy-work-on-istockcom%2F&amp;linkname=My%20work%20on%20istock.com"><img src="http://lacybayliss.com/bin22/wp-content/plugins/add-to-any/share_save_120_16.gif" width="120" height="16" alt="Share/Bookmark"/></a>]]></content:encoded>
			<wfw:commentRss>http://lacybayliss.com/bin22/graphicdesign/my-work-on-istockcom/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Can You Read This? Carson vs. Caslon: A Study in Legibility</title>
		<link>http://lacybayliss.com/bin22/graphicdesign/can-you-read-this-carson-vs-caslon-a-study-in-legibility/</link>
		<comments>http://lacybayliss.com/bin22/graphicdesign/can-you-read-this-carson-vs-caslon-a-study-in-legibility/#comments</comments>
		<pubDate>Wed, 14 Jan 2009 05:46:55 +0000</pubDate>
		<dc:creator>lacybayl</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[Graphic Design]]></category>
		<category><![CDATA[David Carson]]></category>
		<category><![CDATA[graphic design]]></category>
		<category><![CDATA[legibility]]></category>
		<category><![CDATA[typographers]]></category>
		<category><![CDATA[typography]]></category>
		<category><![CDATA[William Caslon]]></category>

		<guid isPermaLink="false">http://lacybayliss.com/?p=93</guid>
		<description><![CDATA[David Carson and William Caslon are two significant typographers in history, similar in their aims to break from the conservative and popular molds of their time, yet different in their approach to legibility.
Some would argue that David Carson is not a typographer, for he did not design a typeface but rather relied on the deconstruction [...]]]></description>
			<content:encoded><![CDATA[<p>David Carson and William Caslon are two significant typographers in history, similar in their aims to break from the conservative and popular molds of their time, yet different in their approach to legibility.</p>
<p>Some would argue that David Carson is not a typographer, for he did not design a typeface but rather relied on the deconstruction of Émigré fonts, intuitively infusing them into abstraction that was to be more interpreted and admired than read. For this same reason, and the fact that he received no formal design education, leads some to argue that he is also not a true graphic designer.</p>
<p>In his early 20&#8217;s, Carson did receive a degree in Sociology and became a high school teacher teaching Sociology, Psychology, and Economics in Grants Pass, Oregon. It wasn&#8217;t until he attended a two week design course for high school students that he graphically designed anything, and the term was unknown to him until he was 26. The course led him to quit teaching and enroll in the San Diego State University design program. Less than a month later, he transferred to the Ashland College of Commercial Art in Oregon on the suggestion and financial funding of his grandmother. During his schooling there he sent out samples of his work to Paul Haven, an art director for Surfer Publications. Impressed with Carson&#8217;s work and dissatisfied with an associate art director working for him, Haven asked Carson to keep in touch while he worked on laying off the associate art director. Carson jumped the gun, quit school, moved back to San Diego, and worked for Haven as an unpaid intern until he was able to take over as the new associate art director. His assignment under the new promotion was to art direct <em>Skateboarder </em>magazine. The magazine struggled to restructure as the newly titled <em>Actionnow</em> and eventually ceased publication. Carson was laid off and went to work as a substitute teacher at the local high school, while also working on <em>Transworld Skateboarding</em> magazine on his days off and evenings. The 200 page monthly <em>Transworld Skateboarding</em> magazine, unlike <em>Skateboarder</em>, carried no budget, and relied heavily on the content generated by the skateboarding community. Carson was allowed ample room to creatively express. He soon juggled time between his soon-to-be full time position as a teacher and a full time workload for the magazine. In the middle of his second year teaching in California, he left to art direct for <em>Musician</em> magazine near Gloucester, Massachusetts. Despite raising newsstand sales with his unique art direction, after 18 issues he was laid off for being too extreme. Carson then went to work as an art director for <em>Self</em> magazine for less than a month, voluntarily resigning because he found the work boring.</p>
<p>Carson moved back to California to work on <em>Beach Culture</em> magazine, a magazine that covered surfing, local fashion, and music. Before it folded in 1991, Carson art-directed 6 issues, of which won over 150 design awards. While still working for <em>Surfer</em> magazine, Carson also began commissioned work for <em>Ray Gun</em> magazine, where he completely redesigned its layout and look and feel.</p>
<p>The Carson look and feel is all about deconstruction, comparable in some respects to the Dadaist movement. Carson&#8217;s work can be best described as raising &#8220;illegibility to an art form&#8221; (The Font of Youth). Type is distorted, blurred, twisted, cropped, and completely thrown out of whack. In Carson‘s designs, all things typography appear to be all things without rules. This is not to say they are without function or purpose. Carson works with an intuitive grid, playing type as form, and interacting type with image. Capital letters are mixed with lowercase, leading is experimented with, type is overlaid, and words are cropped, disjointed, and crammed into each other. It&#8217;s as if Carson sees type as not a body of content, but as expressionist content defined in its mere existence on the page. He knows how fickle and inattentive his audience, is. Do we really read this stuff? A Carson- designed 1994 spread in <em>Ray Gun </em>focuses more on a general message depicted by its design, than what we can read in its authored content. The article is written in the utterly undecipherable pictogram font of Zapf Dingbats. Carson addresses design as a voice, type as expression. In another Carson spread, this one about anonymous surfers, all the images have their heads cropped out. A spread about blind surfers is designed as two all black pages. As one designer said &#8221; some of Carson&#8217;s work evokes the type play of Modernist maker Paul Rand&#8221; (Carson Ascendant). Part of the appeal of Carson&#8217;s work is that it comes across as spontaneous, expressionist, thought-provoking, and purposefully illegible.</p>
<p>Famous typographer William Caslon was purposefully legible. Caslon was born in 1692 in Worcestershire, England. In 1706 he began a six year apprenticeship with a London harness maker and then as an engraver of gunlocks and barrels. Caslon relied heavily on readily available Dutch fonts. In 1716 he opened his own engraving shop in London where he began to experiment with engraved type. His work came to the attention of printer John Walter and soon he was commissioned to cut type punches for various presses in London. In 1720, Caslon designed his first typeface, an &#8220;English Arabic&#8221; that was used in a Psalter and a New Testament. These printed materials were to accompany missionaries to the Far East. In 1722, Caslon cut the typeface that later became known, in 1726, under his namesake. The success of Caslon &#8211; its refined legibility &#8211; forwarded him enough funding to open up his own type foundry. His type foundry, which continued to operate for over 200 years, under the tutelage of his descendants, monopolized much of the typography industry in London from 1720-1780. Most English books bore his foundry&#8217;s typefaces. Caslon&#8217;s popularity spread and his typefaces can be seen throughout history on such articles as the Declaration of Independence and the Liberty Bell. In 1734, Caslon&#8217;s first specimen sheet rolled out with 47 roman and italic types in 14 different sizes.</p>
<p>Caslon‘s typefaces are loved because they are friendly, warm, legible, and easy on the eyes. Despite having delicate nuances, they are still very much elegantly refined. The Caslon foundry is responsible for over 1700 fonts &#8211; each character in each size once cut by hand into a metal punch. On inspection one would notice differences of various point sizes in lowercase letters such as the &#8220;e&#8221;. This has been something that has been difficult to emulate in recent digital renditions. The Caslon 540 Roman typeface has a slightly extended lowercase, a shorter x-height, and several notable discrepancies in lettering that provide indiscriminate variety. The capital Q has a unique swash-like tail. The apex of the capital A is quietly different, but elegant &#8211; a calligraphic notch. The capital T is broad and the teardrop terminals on the small case f and c are delicately full. The slightly heavier weight of thick strokes on Caslon typefaces add legibility and make them well-suited for body text.</p>
<p>Caslon, like Carson, was seen as having somewhat different design resolutions to commercial methods of his time. Caslon &#8220;modeled his letter on Dutch types, they were much better; for he introduced into his fonts a quality of interest, a variety of design, and a delicacy of modeling, which few Dutch types possessed&#8221; (Caslon Redux).</p>
<p>Caslon outreached his comfort zone, bringing a new awareness to the printing industry. Yet, unlike David Carson, Caslon&#8217;s different approach was more widely received and accepted. Regal and solid, Caslon type could be seen throughout the legal, governmental, and religious institutions of the world, and the printing industry was enamored. George Bernard Shaw refused any other typeface within his books.</p>
<p>Today, the Caslon type family remains resilient; a standard to look to. It is not unusual that several more modern fonts, such as Garamond and Benguit, find influence from it. Other typefaces such as ITC Caslon, struggle to replicate its intricacies.</p>
<p>David Carson&#8217;s typographic solutions, on the other hand, still continue to irritate parts of the design community. Carson&#8217;s work struggles to find a solid, respectable position. Carson&#8217;s lack of legibility is found as somewhat pretentious and without proper function. However, even so, it isn&#8217;t entirely revolutionary. &#8220;If you look back at the Dadaists and the futurists in the 1910&#8217;s&#8221; says ARTnews design director David Walter, &#8220;they were doing things that were more unreadable. And maybe Carson is not always so unreadable as &#8220;his readers rarely find insufficient optical contrast between type and background, and his messages are not beyond deciphering&#8221; (Carson Ascendant).</p>
<p>William Caslon and David Carson, one the master of refined legibility, and the other the guru of intuitive illegibility, had similar goals &#8211; each to break outside the confining boxes of what had become all too industry standards in their generation. Caslon tried to work out from under the monotonous form of Dutch engraved type, and Carson ignored the modernist grids of corporate design.</p>
<a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save?linkurl=http%3A%2F%2Flacybayliss.com%2Fbin22%2Fgraphicdesign%2Fcan-you-read-this-carson-vs-caslon-a-study-in-legibility%2F&amp;linkname=Can%20You%20Read%20This%3F%20Carson%20vs.%20Caslon%3A%20A%20Study%20in%20Legibility"><img src="http://lacybayliss.com/bin22/wp-content/plugins/add-to-any/share_save_120_16.gif" width="120" height="16" alt="Share/Bookmark"/></a>]]></content:encoded>
			<wfw:commentRss>http://lacybayliss.com/bin22/graphicdesign/can-you-read-this-carson-vs-caslon-a-study-in-legibility/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Omni Magazine Was Kind of Like Wired</title>
		<link>http://lacybayliss.com/bin22/graphicdesign/omni-magazine-was-kind-of-like-wired/</link>
		<comments>http://lacybayliss.com/bin22/graphicdesign/omni-magazine-was-kind-of-like-wired/#comments</comments>
		<pubDate>Mon, 22 Dec 2008 18:01:22 +0000</pubDate>
		<dc:creator>lacybayl</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[Graphic Design]]></category>
		<category><![CDATA[omni wired magazine graphic design]]></category>

		<guid isPermaLink="false">http://lacybayliss.com/?p=79</guid>
		<description><![CDATA[Omni magazine was kind of like Wired, but nostalgically different. I was never a die-hard science fact or fiction fan, but something about reading Omni, back when it was still alive, was like watching A&#38;E today – ghost hunters, mystery medicine, stardust in our atoms. Today we don’t have much, print-wise, to compare, unless you [...]]]></description>
			<content:encoded><![CDATA[<p class="MsoNormal" style="line-height: 200%;"><em>Omni</em> magazine was kind of like <em>Wired</em>, but nostalgically different. I was never a die-hard science fact or fiction fan, but something about reading <em>Omni</em>, back when it was still alive, was like watching A&amp;E today – ghost hunters, mystery medicine, stardust in our atoms. Today we don’t have much, print-wise, to compare, unless you want to count the hokey magazines at the bottom of the magazine racks, purposefully placed so we may forget their existence. <em>Omni</em> was different because it always legitimately analyzed science, even weird pseudoscience. Today, I read <em>Wired</em> magazine, mainly because it’s a great source of design inspiration, but also for its interesting articles. In some ways, like <em>Omni</em> magazine, <em>Wired</em> writes about technology with a contagious zest, always honest, always in the nexus, and without constraints. It’s <em>Wired</em>’s passion that gets it often compared to <em>Omni</em> magazine. While <em>Wired</em> magazine writes about technological gadgets and hacks, in some respects they are also authoring hacks into a cultural lifestyle, just as <em>Omni</em> once wrote hacks into human knowledge.</p>
<p class="MsoNormal" style="line-height: 200%;">
<p class="MsoNormal" style="line-height: 200%;">In the world of magazines, genre is a definitive factor that can make or break a publication. An ill-defined genre can swallow a whole publication and a unique genre can carry a magazine into its golden years as an iconic regional or national symbol. Two magazines, <em>Omni</em> and <em>Wired</em> magazine exist or existed, with similar defining genre. <em>Omni</em>, now out of print as well as Internet publication, was defined as “an original, if not controversial mixture of science fact, fiction, fantasy, and the paranormal” (Guiccione, B. first word., Omni 1(1):6; October 1978). <em>Wired </em>magazine is known for reporting on how technology affects culture, the economy, and politics. Both publications express concern, enthusiastically and/or apprehensively over technology in the world today, but their vision, style and editorial content differ in several ways.</p>
<p class="MsoNormal" style="line-height: 200%;">
<p class="MsoNormal" style="line-height: 200%;"><em>Omni</em> magazine embraced technology as seen through the eyes of the armchair scientist and held skeptical, but respectful criticism for what may have bent outside defined “science”. <em>Omni</em> magazine launched in October 1978 as the brainchild publication of Kathy Keeton Guiccione, wife of Bob Guiccione, of <em>Penthouse</em>, <em>Longevity</em>, and <em>Compute</em> magazines. Together, the publications were housed under Guiccione’s General Media. <em>Omni</em> magazine was initially named <em>Nova</em>, but in order to avoid possible litigation with a new PBS science show, the name was soon changed. <em>Omni</em> quickly became a success. Its pages not only discovered the latest scientific and technological news, but also featured Q &amp; A interviews with the most prestigious scientists of the 20<sup>th</sup> century. Also published in <em>Omni</em> were short stories, sometimes serialized, from top science fiction authors, and awe-inspiring artwork from some of the most talented illustrators of the century. <em>Omni</em>’s style, edgy and sophisticated, was compared often to its up and coming nemesis, <em>Wired</em> magazine. <em>Omni</em>’s content was expertly inquisitive, yet written at a more natural level than the professionally geared <em>Scientific American</em> and <em>New Scientist</em>. The articles were credible sources, often contributed by some of the world’s leading scientific minds. Interviews spanned all “scientific” realms, from Noble prizewinners to UFO crackpots. Many times <em>Omni</em> introduced new scientific concepts before they became well known. As seen in an ad for CompuServe, from a 1985 <em>Omni</em>, the concept of a search engine to find online finance, travel info, games, and images was introduced. One blogger from craftbox.com commented that his favorite issue of <em>Omni</em>, November 1986, featured an article that was called “Tiny Tech”, the first to describe the fundamentals of nanotechnology.</p>
<p class="MsoNormal" style="line-height: 200%;">
<p class="MsoNormal" style="line-height: 200%;">In the beginning, and for most of <em>Omni</em>’s history, the magazine dedicated much of its content to true scientific news, however, as interesting as the articles were, they were never as outlandish as the pseudoscience <em>Omni</em> began to write about in its later years. Although <em>Omni</em> remained skeptical on paranormal and alien-ic news, their increasing interest hurt their credibility. The print side of <em>Omni</em> folded in the winter of 1995, and the magazine continued to only exist on the Internet until 1998. In some ways, although no longer a tactile publication, the magazine presence experienced a small rebirth. Participating in the Internet helped rekindle admiration for the magazine’s dedication to all things cyberspace.</p>
<p class="MsoNormal" style="line-height: 200%;">
<p class="MsoNormal" style="line-height: 200%;">Being on the Internet allowed <em>Omni</em> to take more risks and refocus on what it had once been, “home of gonzo science writing” (<a href="http://www.nationmaster.com/encyclopedia/omni">www.nationmaster.com</a>). Their Internet presence covered up to the minute science news, chats with top scientists, blogs by scientific professionals, user interactive experiments, and online stories by revered science fiction writers. Despite excitement, the online <em>Omni</em> ceased to turn a profit, and was immediately yanked after its founding mother, Kathy Keeton Guiccione passed away from complications of breast cancer in 1998.</p>
<p class="MsoNormal" style="line-height: 200%;">
<p class="MsoNormal" style="line-height: 200%;">Like <em>Omni</em> magazine, <em>Wired</em> magazine was dedicated to cyberspace, but their passion for the most part was an initial inspiration largely captured in their vision. Whereas <em>Omni</em> magazine focused on scientific technology, <em>Wired</em> writes about Internet technology and technological gadgets. Where <em>Omni</em> had focused on the make up of science, such as astronomical material, <em>Wired</em> magazine breaks down the chemical components of everyday items, one example being Cool Whip, in their “What’s Inside” section. Where <em>Omni</em> may have asked the Whys, <em>Wired</em> asks the Whats and Hows? <em>Omni</em> magazine was edgy in its day, taking advantage of glossy black pages dripping in the illustrative essence of Chris Moore, with cutting edge scientific articles written about Earth, astronomy, and biomedicine. <em>Omni</em> magazine was like <em>Discover</em>’s long lost doppelganger, only with a twist. Even more accurately, <em>Omni</em> was the like the older, inspirational brother of today’s <em>Wired</em> Magazine.</p>
<p class="MsoNormal" style="line-height: 200%;">
<p class="MsoNormal" style="line-height: 200%;"><em>Wired</em> magazine was first published in 1993, under the large conglomerate of Conde Nast Publications. From it’s beginning, it was paralleled with an Internet version entitled <em>Wired</em> <em>News</em>. In July 2006, Conde Nast decided to complete ownership by buying <em>Wired News</em> for $25 million. Much of the articles featured on <em>Wired News</em> had been reprints of printed articles in <em>Wired </em>magazine.</p>
<p class="MsoNormal" style="line-height: 200%;">
<p class="MsoNormal" style="line-height: 200%;"><em>Wired</em> magazine has held a unique position in the technological world, grasping scientific news and infusing libertarian and techno-obsessed interpretation. By 1997, the magazine had won two National Magazine Awards for General Excellence. Much of <em>Wired</em>&#8217;s content is being driven by founding Executive editor, Kevin Kelly (by no means a conservative author). As also William Gibson, whose <em>Wired</em> article “Disneyland with the Death Penalty” banned <em>Wired</em> from Singapore. <em>Wired</em> magazine soon earned a reputation as a “gonzo” magazine of its own, unrivaled in some aspects, but still compared often to <em>Omni</em>. With a much less “nerdy” readership than <em>Omni</em>’s – think more “Geek chic”, think Bill Gates meets Jon Stewart, <em>Wired</em> became a flattering angle to rising geekdom. Like <em>Omni</em> magazine, some of the articles featured in <em>Wired</em> have been technologically inspiring, writing about technology unheard of or underappreciated. The April 2003 “ Welcome to the Hydrogen Economy” amongst readers, opened up discussion on hydrogen power, while the November 2003 “Open Source Everywhere” declared open source as the “hot” direction cyberspace was moving into. With articles written about the political and social benefits of carbon-cutting science, how to self promote oneself by becoming a myspace whore, and high profile interviews with geeky geniuses like Peter Jackson and George Church, <em>Wired</em> magazine helped spur an underdog movement where the tech and internet obsessed gain elite status, oozing the <em>zippie</em> bourgeois of apple products, hybrid cars, and unlimited RAM.</p>
<p class="MsoNormal" style="line-height: 200%;">
<p class="MsoNormal" style="line-height: 200%;"><em>Omni</em> magazine was always a beautifully graphic magazine, but in many ways dated itself with robotic fantasy illustrations and “Tron” stylized typography, overzealously celebrating the kinky odd sexuality of the late 70’s and early 80’s. <em>Wired</em> magazine is just as, and in some respects more so, graphically beautiful. <em>Wired</em> magazine has consistently pushed and played with the envelope, outputting design that is timeless, redefining, and admirably well thought out. Sometimes criticized for being too risky, they have managed to create culturally and socially dynamic graphic content. Hot and metallic dyes embrace their pages, with graphic elements mirroring Internet design. For the first five years of its life, <em>Wired</em> magazine laid at the mercy of its founding designers, John Plunkett and Barbara Kuhr (Plunkett and Kuhr). Together they created an iconic brand logo, readily familiar to the masses. The magazine layout draws a likeness from the design catalogs of David Carson, April Greiman, and Paul Rand – with geometric linear styling, innovative typographic playground moves, and clean, practical merging of the graphic and photographic. Its pages, consciously and artfully directed, have garnered <em>Wired</em> at least one design award in its first four years.</p>
<p class="MsoNormal" style="line-height: 200%;">
<p class="MsoNormal" style="line-height: 200%;"><em>Wired</em> magazine has always stayed in touch with the media, even more pronounced in their Internet identity. <em>Wired News</em> follows a similar clean format to its print version, while also preserving the user-friendly sophistication necessary in an Internet site. <em>Wired</em> magazine at first downplayed their Internet preoccupation. However, they were the first magazine to list the email addresses of their authors and contributors, and created a section by their third issue, entitled “Net Surf”, that listed interesting FTP sites. A companion website, <em>Hot Wired</em>, helped spur the creation of several other websites and search engines, including <em>suck.com</em> and <em>Hotbot</em>.</p>
<p class="MsoNormal" style="line-height: 200%;">
<p class="MsoNormal" style="line-height: 200%;"><em>Wired</em> magazine was to become a magazine heavily involved with its readership. Until 1995, <em>Omni</em> could only reach their audience through glossy pages. Their joining the internet came too late when their following was already fading. <em>Wired</em> magazine has not only engaged their readership, but their advertisers and contributors as well. To be seen or read in <em>Wired</em> is a misfit honor. Like <em>Omni</em>, <em>Wired</em> had also had its fair share of innovative advertisers, such as Apple, Intel, and Sony. Unlike <em>Omni</em>, it also has had a fair amount of fashionista hip advertisers, such as Calvin Klein and Absolut, who only hope to ride the cool wave into a newly tapped market.</p>
<p class="MsoNormal" style="line-height: 200%;">
<p class="MsoNormal" style="line-height: 200%;"><em>Omni</em> magazine folded under terms within its own control, while <em>Wired</em> magazine has seen its own share of troubling times, particularly during the dotcom crash of the late 90’s. Because of innovative editorials, risky, yet interesting articles, and design savvy, <em>Wired</em> has managed to outlast its competitors through such hard times and become the notable publication it is today.</p>
<p><span style="font-size: 12pt; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;;"><br style="page-break-before: always;" /> </span></p>
<a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save?linkurl=http%3A%2F%2Flacybayliss.com%2Fbin22%2Fgraphicdesign%2Fomni-magazine-was-kind-of-like-wired%2F&amp;linkname=Omni%20Magazine%20Was%20Kind%20of%20Like%20Wired"><img src="http://lacybayliss.com/bin22/wp-content/plugins/add-to-any/share_save_120_16.gif" width="120" height="16" alt="Share/Bookmark"/></a>]]></content:encoded>
			<wfw:commentRss>http://lacybayliss.com/bin22/graphicdesign/omni-magazine-was-kind-of-like-wired/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Tip #01</title>
		<link>http://lacybayliss.com/bin22/webdesign/tip-01/</link>
		<comments>http://lacybayliss.com/bin22/webdesign/tip-01/#comments</comments>
		<pubDate>Wed, 17 Dec 2008 19:40:00 +0000</pubDate>
		<dc:creator>lacybayl</dc:creator>
				<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://lacybayliss.com/?p=81</guid>
		<description><![CDATA[If you are going to (god forbid) use tables to layout your site, remember to give every tag &#60;td&#62;, &#60;tr&#62;, and &#60;table&#62; a set width. This ensures nothing will blow out of whack in Safari.
]]></description>
			<content:encoded><![CDATA[<p>If you are going to (god forbid) use tables to layout your site, remember to give every tag &lt;td&gt;, &lt;tr&gt;, and &lt;table&gt; a set width. This ensures nothing will blow out of whack in Safari.</p>
<a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save?linkurl=http%3A%2F%2Flacybayliss.com%2Fbin22%2Fwebdesign%2Ftip-01%2F&amp;linkname=Tip%20%2301"><img src="http://lacybayliss.com/bin22/wp-content/plugins/add-to-any/share_save_120_16.gif" width="120" height="16" alt="Share/Bookmark"/></a>]]></content:encoded>
			<wfw:commentRss>http://lacybayliss.com/bin22/webdesign/tip-01/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Quote of the Day</title>
		<link>http://lacybayliss.com/bin22/otherstuff/quote-of-the-day/</link>
		<comments>http://lacybayliss.com/bin22/otherstuff/quote-of-the-day/#comments</comments>
		<pubDate>Sun, 16 Nov 2008 18:34:22 +0000</pubDate>
		<dc:creator>lacybayl</dc:creator>
				<category><![CDATA[Other Stuff]]></category>

		<guid isPermaLink="false">http://lacybayliss.com/?p=74</guid>
		<description><![CDATA[&#8220;. . . buggy computer &#8211; a club that began in 1945 when engineers found a moth in Panel F, Relay #70 of the Harvard Mark II System. The computer was running a test of its multiplier and adder when the engineers noticed something was wrong. The moth was trapped, removed and taped into the [...]]]></description>
			<content:encoded><![CDATA[<p>&#8220;. . . buggy computer &#8211; a club that began in 1945 when engineers found a moth in Panel F, Relay #70 of the Harvard Mark II System. The computer was running a test of its multiplier and adder when the engineers noticed something was wrong. The moth was trapped, removed and taped into the computer&#8217;s logbook with the words: &#8220;first actual case of a bug being found&#8221;.&#8221;</p>
<p><a href="http://www.wired.com/software/coolapps/news/2005/11/69355"><em>- Simson Garfunkel &#8211; Wired Magazine 11.08.05 &#8221; History&#8217;s Worst Software Bugs&#8221;</em></a><em><br />
</em></p>
<a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save?linkurl=http%3A%2F%2Flacybayliss.com%2Fbin22%2Fotherstuff%2Fquote-of-the-day%2F&amp;linkname=Quote%20of%20the%20Day"><img src="http://lacybayliss.com/bin22/wp-content/plugins/add-to-any/share_save_120_16.gif" width="120" height="16" alt="Share/Bookmark"/></a>]]></content:encoded>
			<wfw:commentRss>http://lacybayliss.com/bin22/otherstuff/quote-of-the-day/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Dojo, Funny Name, Serious Styling</title>
		<link>http://lacybayliss.com/bin22/webdesign/dojo-css-sliding-doors/</link>
		<comments>http://lacybayliss.com/bin22/webdesign/dojo-css-sliding-doors/#comments</comments>
		<pubDate>Mon, 27 Oct 2008 17:07:50 +0000</pubDate>
		<dc:creator>lacybayl</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[dojo styling css widgets]]></category>

		<guid isPermaLink="false">http://lacybayliss.com//?p=1</guid>
		<description><![CDATA[Dojo is a new pragmatic language specifically geared toward building intuitive widgets. In a world where widgets function as the essential vertebrae in many of a backbone of web applications, we as web designers/developers will probably encounter this language at least once in our careers. And for the UI designer, a lot of UI&#8217;s today [...]]]></description>
			<content:encoded><![CDATA[<p>Dojo is a new pragmatic language specifically geared toward building intuitive widgets. In a world where widgets function as the essential vertebrae in many of a backbone of web applications, we as web designers/developers will probably encounter this language at least once in our careers. And for the UI designer, a lot of UI&#8217;s today are being composed of these java-like widgets. Thankfully, the designer will only have to familiarize themselves with the dojo css and not have to write widgets &#8211; leave that to dojo-skilled programmers. Although dojo css is different from html css, it is still very similiar. For instance you can use the popular css sliding door method to create tabbed menus. It will only have to be adjusted a little to the context of dojo css in order to work, but the effect is the same.</p>
<p>In dojo, you will have a div typically called your header in which you can place a menu containing div. In our example, we will call this class &#8220;tabHeader&#8221;. We will give the class the following details:</p>
<p><strong>.tabHeader {<br />
float: left;<br />
width: 729px;<br />
margin-top:22px;<br />
font-size:xx%;<br />
line-height:normal;<br />
}</strong></p>
<p>In the <a href="http://www.alistapart.com/articles/slidingdoors/">css sliding door method</a>, the tabbed menu is a magical dance of background images overlapping at the appropriate moments contained within an outer div, such as our div class &#8220;.tabHeader&#8221;. Because dojo css is different than html css, we have to adjust the css to fit the styling language of dojo widgets. We will still achieve the greal load optimization of the css sliding door effect. Dojo css is heavily dependent on relevancy states and parent/child relationship styles. It may seem daunting and confusing at first, but it actually makes more practical sense and will nicely adhere to WC3 usability guidelines.</p>
<p>We will next set the css of the unordered list: margins and padding to 0 and list-style to none. For dojo we can use the div class &#8220;.tabHeader&#8221; as the relevant class for the unordered list:</p>
<p><strong>.tabHeader ul {<br />
margin:0;<br />
padding:0;<br />
list-style:none;<br />
}</strong></p>
<p>Instead of using a &#8220;.class a&#8221; style to contain our left half of the sliding door, in dojo we will create just another class and write it like this:</p>
<p><strong>.tabHeader .tabItemContainer {<br />
float:left;<br />
background:url(images/image.png) no-repeat top left;<br />
margin-left:5px;<br />
padding: 0 0 0 5px;<br />
font-weight:bold;<br />
color:#hex;<br />
text-decoration:none;<br />
cursor:pointer;<br />
}</strong></p>
<p>Think of &#8220;.tabItemContainer&#8221; as your &#8220;a&#8221; link class. See how we pop the class &#8220;.tabHeader&#8221; in front of the &#8220;.tabItemContainer&#8221;? He&#8217;s a parent and also a child class. His parent is the div class &#8220;header&#8221;. Now if you would like a background for the unordered list, because you are using png&#8217;s for the sliding doors, you have to set a class for the background image. Kinda weird, but that&#8217;s dojo for you.</p>
<p><strong>.tabHeader .tabItemContainer .tabBackground {<br />
background:url(images/rightHalf.png) no-repeat;<br />
}</strong></p>
<p>Now the css sliding door effect relies on an oversized background image that slides out as the title text gets longer. Even though we have styled a class for this expanding right side, we have only styled its background image. Dojo calls for another class to style a container for the text. It will follow the link class &#8220;.tabItemContainer&#8221; as such:</p>
<p><strong>.tabHeader .tabItemContainer .tabItemContent {<br />
display:block;<br />
background-position:top right;<br />
padding:5px 15px 4px 10px;<br />
font-weight:bold;<br />
color:#hex;<br />
text-decoration:none;<br />
}</strong></p>
<p>In this example the class &#8220;.tabItemContent&#8221; is similiar to a list class in html. The css sliding door effect depends not only on a background image, but also the background positioning of that image:</p>
<p><strong>.tabHeader .tabItemContainer:hover {<br />
background-position:0% -36px;<br />
}</strong></p>
<p>and background positioning of contained text:</p>
<p><strong>.tabHeader .tabItemContainer:hover .tabItemContent {<br />
background-positioning:100% -36px;<br />
color:#hex;<br />
}</strong></p>
<p>The background image is 36px tall. Stacking an inactive state background image atop a hover state background image contributes to the css sliding door effect. In my example I have chosen to use a separate tab appearance for &#8220;current&#8221; state that is different for each page. The &#8220;current&#8221; class works for tabs that are differentiated only by their text, while separate classes are used for tabs that not only change in textual appearance, but may also contain a rollover image:</p>
<p><strong>.tabHeader .current {<br />
background-position:0% -36px;<br />
font-weight:bold;<br />
color:#hex;<br />
text-decoration:none;<br />
}</strong></p>
<p><strong>.tabHeader .current .tabItemContent {<br />
background-position:100% -36px;<br />
padding-bottom:5px;<br />
font-weight:bold;<br />
color:#hex;<br />
text-decoration:none;<br />
}</strong></p>
<p><strong>.tabHeader .tabItemContainer .secondTab {<br />
background-image:url(images/second.png);<br />
padding-right:40px;<br />
}</strong></p>
<p>Since only the background images are changing, and not the appearance of the text, with states, we only have to create classes for the right side background images. If you wanted to have different textual appearances for the state changes you would have to add in the following class:</p>
<p><strong>.tabHeader .tabItemContainer .secondTab {<br />
<span style="color: #ff0000;">color:#hex;</span><br />
<span style="color: #ff0000;">font-weight:100;</span><br />
}</strong></p>
<p>and then change its color also in a &#8220;.tabHeader .tabItemContainer:hover .secondTab&#8221; class.</p>
<a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save?linkurl=http%3A%2F%2Flacybayliss.com%2Fbin22%2Fwebdesign%2Fdojo-css-sliding-doors%2F&amp;linkname=Dojo%2C%20Funny%20Name%2C%20Serious%20Styling"><img src="http://lacybayliss.com/bin22/wp-content/plugins/add-to-any/share_save_120_16.gif" width="120" height="16" alt="Share/Bookmark"/></a>]]></content:encoded>
			<wfw:commentRss>http://lacybayliss.com/bin22/webdesign/dojo-css-sliding-doors/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Freelance it is!</title>
		<link>http://lacybayliss.com/bin22/graphicdesign/freelance-it-is/</link>
		<comments>http://lacybayliss.com/bin22/graphicdesign/freelance-it-is/#comments</comments>
		<pubDate>Sat, 25 Oct 2008 21:36:51 +0000</pubDate>
		<dc:creator>lacybayl</dc:creator>
				<category><![CDATA[Graphic Design]]></category>

		<guid isPermaLink="false">http://lacybayliss.com/?p=6</guid>
		<description><![CDATA[It&#8217;s late October 2008 and the most exciting election is almost here. It&#8217;s exciting because for the first time in American history a black man is not only running for presidency, but may have a really good shot at winning office. If he doesn&#8217;t, we will have our first female Vice President. These are possibilities [...]]]></description>
			<content:encoded><![CDATA[<p>It&#8217;s late October 2008 and the most exciting election is almost here. It&#8217;s exciting because for the first time in American history a black man is not only running for presidency, but may have a really good shot at winning office. If he doesn&#8217;t, we will have our first female Vice President. These are possibilities that we, in the past, had only hoped our children might witness. We are fortunate to witness them in our own lifetimes. In terms of candidacy, times are revolutionary, financially, the nation is heading for the worst of times. What will this mean to designers?</p>
<p>Despite Obama&#8217;s and McCain&#8217;s promise of counteractive proposals consisting of either tax cuts, tax breaks, and/or government sponsored health care, we as designers, will have to step up, gather our strengths, and smack them down on the desks of prospective employers. Even if it comes across as a bit ballsy, we will be forced to prove how indispensable we truly are. The market is going to get even more competitive. Anything that can be freelanced will be freelanced. Anything that can be contracted, will be contracted. Small or large, businesses will struggle, and in their desperate gasps for air, they will first cut advertising. They always do and we always feel a little strain from it. Even though cutting advertising can be like cutting an artery on branding, companies tend to see advertising as a frivolous expense, followed by marketing and large unproductive salaries. In difficult times, struggling companies tend to want to allocate most of corporate budget to product sustenance.</p>
<p>The truth of the matter is that most designers will never work for large companies, and even more will freelance at one point in their careers. We will freelance even while holding down full time positions with brick and mortar businesses. We are an adaptive breed who typically never hold down the same job for more than two years. We are used to the ebb and flow of small and large businesses. We secretly relish starter ups because they allow us to grow without outdated commitments. We expect change. It inspires us, keeps our easily bored selves religiously happy.</p>
<p>As promising as government aided public health care appears on paper, it means for us that getting even shitty health care will be a little harder than before. Many designers work for small companies that already bend over backwards to pay half of our health care expenses. Some designers pay for their own health care because they work for themselves. According to the AIGA (American Institute of Graphic Arts) 2007 Salary Survey, as much as 36% of designers freelance. 19% of designers work in offices with less than 10 employees. 24% work for companies with less than 100 employees.  More than half of designers will carry insurance if working for someone else than themselves, and primarily, it will be only individual coverage. I don&#8217;t have to summarize what this all means for designers, except to reiterate that the industry is going to get even more competitive.</p>
<p>As if we don&#8217;t wear a lot of hats. We will have to tighten the one we wear for ourselves. It will be uncanny that the biggest product we will design may be ourselves. The next four years are going to be tough.</p>
<a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save?linkurl=http%3A%2F%2Flacybayliss.com%2Fbin22%2Fgraphicdesign%2Ffreelance-it-is%2F&amp;linkname=Freelance%20it%20is%21"><img src="http://lacybayliss.com/bin22/wp-content/plugins/add-to-any/share_save_120_16.gif" width="120" height="16" alt="Share/Bookmark"/></a>]]></content:encoded>
			<wfw:commentRss>http://lacybayliss.com/bin22/graphicdesign/freelance-it-is/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

