<?xml version="1.0"?>
<News hasArchived="true" page="8023" pageCount="10744" pageSize="10" timestamp="Sun, 09 Aug 2026 21:46:48 -0400" url="https://my3.my.umbc.edu/posts.xml?mode=activity&amp;page=8023">
<NewsItem contentIssues="false" id="38843" important="false" status="posted" url="https://my3.my.umbc.edu/posts/38843">
<Title>Web MIDI API Draft Published</Title>
<Body>
<![CDATA[
    <div class="html-content"><p> The <a href="http://www.w3.org/2011/audio/" rel="nofollow external" class="bo">Audio Working Group</a> has published a Working Draft of <a href="http://www.w3.org/TR/2013/WD-webmidi-20131126/" rel="nofollow external" class="bo">Web MIDI API</a>. This specification defines an API supporting the MIDI protocol, enabling web applications to enumerate and select MIDI input and output devices on the client system and send and receive MIDI messages. It is intended to enable non-music MIDI applications as well as music ones, by providing low-level access to the MIDI devices available on the users’ systems. The Web MIDI API is not intended to describe music or controller inputs semantically; it is designed to expose the mechanics of MIDI input and output interfaces, and the practical aspects of sending and receiving MIDI messages, without identifying what those actions might mean semantically. The Web MIDI API is also expected to be used in conjunction with other APIs and elements of the web platform, notably the Web Audio API. This API is also intended to be familiar to users of MIDI APIs on other systems, such as Apple’s CoreMIDI and Microsoft’s Windows MIDI API. Learn more about the <a href="http://www.w3.org/2006/rwc/Activity.html" rel="nofollow external" class="bo">Rich Web Client Activity</a>.</p></div>
]]>
</Body>
<Summary>The Audio Working Group has published a Working Draft of Web MIDI API. This specification defines an API supporting the MIDI protocol, enabling web applications to enumerate and select MIDI input...</Summary>
<Website>http://www.w3.org/blog/news/archives/3436</Website>
<TrackingUrl>https://my3.my.umbc.edu/api/v0/pixel/news/38843/guest@my.umbc.edu/bcfccdc4a23b323f375e12cf24e81492/api/pixel</TrackingUrl>
<Tag>css</Tag>
<Tag>design</Tag>
<Tag>development</Tag>
<Tag>home-page-stories</Tag>
<Tag>html</Tag>
<Tag>javascript</Tag>
<Tag>mysql</Tag>
<Tag>publication</Tag>
<Tag>sql</Tag>
<Tag>w3</Tag>
<Tag>web</Tag>
<Tag>web-design-and-applications</Tag>
<Tag>web-of-devices</Tag>
<Group token="retired-583">Web Developer - Build Group</Group>
<GroupUrl>https://my3.my.umbc.edu/groups/retired-583</GroupUrl>
<AvatarUrl>https://assets3-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/xsmall.png?1363101197</AvatarUrl>
<AvatarUrl size="original">https://assets4-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/original.jpg?1363101197</AvatarUrl>
<AvatarUrl size="xxlarge">https://assets4-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/xxlarge.png?1363101197</AvatarUrl>
<AvatarUrl size="xlarge">https://assets4-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/xlarge.png?1363101197</AvatarUrl>
<AvatarUrl size="large">https://assets3-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/large.png?1363101197</AvatarUrl>
<AvatarUrl size="medium">https://assets3-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/medium.png?1363101197</AvatarUrl>
<AvatarUrl size="small">https://assets4-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/small.png?1363101197</AvatarUrl>
<AvatarUrl size="xsmall">https://assets3-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/xsmall.png?1363101197</AvatarUrl>
<AvatarUrl size="xxsmall">https://assets4-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/xxsmall.png?1363101197</AvatarUrl>
<Sponsor>Web Developer - Build Group</Sponsor>
<PawCount>0</PawCount>
<CommentCount>0</CommentCount>
<CommentsAllowed>true</CommentsAllowed>
<PostedAt>Tue, 26 Nov 2013 09:39:18 -0500</PostedAt>
</NewsItem>

<NewsItem contentIssues="false" id="38839" important="false" status="posted" url="https://my3.my.umbc.edu/posts/38839">
<Title>Promote Recylcing Through Paid Internship</Title>
<Body>
<![CDATA[
    <div class="html-content">
    <a href="http://www.baltimorecountymd.gov/solidwaste" rel="nofollow external" class="bo"><img src="http://gallery.mailchimp.com/65ab6a46c3610fbfe7a8516e7/images/image_13650982213271365098221.jpg" alt="Baltimore County Solid Waste Management" height="141" width="600" style="max-width: 100%; height: auto;"></a><table border="0" width="600"><tbody>
    <tr><td><br></td></tr>
    <tr><td><table border="0" width="600"><tbody><tr><td><table border="0" width="100%"><tbody><tr><td><div>
    <h1><span><span>Help to Promote Recycling - Paid Internship(s) Available to Start Winter or Spring 2014</span></span></h1>
    <div>
    	<span><span>Baltimore County Bureau of Solid Waste (trash/recycling) Management</span></span><br>
    	 </div>
    <div>
    	<span>We anticipate one or more openings for 
    paid internships, starting between January 2014 and June 2014, in our 
    Towson office. Prospective interns should be able to commit at least a 
    total of 120 hours to their internship. Internships have lasted from 2 
    months to 4 years.</span><strong><span> For best consideration, please apply (details below) by Friday, December 6, 2013. </span><br>
    	<br>
    	<span>The Bureau accepts resumes and cover 
    letters, on an ongoing basis, from motivated, talented individuals with 
    an interest in promoting recycling and waste 
    prevention. Applicants should have strong research and writing skills.</span></strong><br>
    	 </div>
    <div>
    	<u>As paid Baltimore County employees ($8/hour to start), our interns:</u>
    </div>
    <ul>
    <li>
    		Gain purposeful work experience in an office environment;</li>
    <li>
    		Apply and develop skills in research, writing, public relations, 
    marketing, video production, data analysis and/or other areas;</li>
    <li>
    		Provide input and receive feedback as part of a team promoting 
    recycling, waste prevention, and best solid waste management practices;</li>
    <li>
    		Learn more about how local government works;</li>
    <li>
    		Work flexible schedules customized to academic, job and other commitments;</li>
    <li>
    		Improve future employment prospects; and</li>
    <li>
    		May become eligible for permanent County jobs!</li>
    </ul>
    <div>
    	If this internship program seems like a good fit for you, why "waste" 
    any more time? Become a part of a proud tradition (91 interns since 
    1991)!</div>
    <div>
    	<br>
    	<strong>Submit a resume and cover letter to Clyde Trombetti, Public Information Specialist, via email (<a href="mailto:ctrombetti@baltimorecountymd.gov?subject=Intern%20Information" rel="nofollow external" class="bo">ctrombetti@baltimorecountymd.gov</a>). Resumes should include GPA (grade point average), and cover letters should mention availability to the extent known.</strong> For more information call 410-887-2791.</div>
    </div></td></tr></tbody></table></td></tr></tbody></table></td></tr>
    </tbody></table>
    </div>
]]>
</Body>
<Summary>Help to Promote Recycling - Paid Internship(s) Available to Start Winter or Spring 2014     Baltimore County Bureau of Solid Waste (trash/recycling) Management         We anticipate one or more...</Summary>
<TrackingUrl>https://my3.my.umbc.edu/api/v0/pixel/news/38839/guest@my.umbc.edu/43bb2e9daab639f31b6cddbcd44c3cb9/api/pixel</TrackingUrl>
<Group token="inds">Individualized Study </Group>
<GroupUrl>https://my3.my.umbc.edu/groups/inds</GroupUrl>
<AvatarUrl>https://assets2-my.umbc.edu/system/shared/avatars/groups/000/000/208/d198d05a1c66aa65c037907edcd05c5d/xsmall.png?1775678457</AvatarUrl>
<AvatarUrl size="original">https://assets3-my.umbc.edu/system/shared/avatars/groups/000/000/208/d198d05a1c66aa65c037907edcd05c5d/original.png?1775678457</AvatarUrl>
<AvatarUrl size="xxlarge">https://assets1-my.umbc.edu/system/shared/avatars/groups/000/000/208/d198d05a1c66aa65c037907edcd05c5d/xxlarge.png?1775678457</AvatarUrl>
<AvatarUrl size="xlarge">https://assets3-my.umbc.edu/system/shared/avatars/groups/000/000/208/d198d05a1c66aa65c037907edcd05c5d/xlarge.png?1775678457</AvatarUrl>
<AvatarUrl size="large">https://assets4-my.umbc.edu/system/shared/avatars/groups/000/000/208/d198d05a1c66aa65c037907edcd05c5d/large.png?1775678457</AvatarUrl>
<AvatarUrl size="medium">https://assets1-my.umbc.edu/system/shared/avatars/groups/000/000/208/d198d05a1c66aa65c037907edcd05c5d/medium.png?1775678457</AvatarUrl>
<AvatarUrl size="small">https://assets4-my.umbc.edu/system/shared/avatars/groups/000/000/208/d198d05a1c66aa65c037907edcd05c5d/small.png?1775678457</AvatarUrl>
<AvatarUrl size="xsmall">https://assets2-my.umbc.edu/system/shared/avatars/groups/000/000/208/d198d05a1c66aa65c037907edcd05c5d/xsmall.png?1775678457</AvatarUrl>
<AvatarUrl size="xxsmall">https://assets2-my.umbc.edu/system/shared/avatars/groups/000/000/208/d198d05a1c66aa65c037907edcd05c5d/xxsmall.png?1775678457</AvatarUrl>
<PawCount>0</PawCount>
<CommentCount>0</CommentCount>
<CommentsAllowed>true</CommentsAllowed>
<PostedAt>Tue, 26 Nov 2013 09:30:12 -0500</PostedAt>
<EditAt>Tue, 26 Nov 2013 09:31:28 -0500</EditAt>
</NewsItem>

<NewsItem contentIssues="false" id="38844" important="false" status="posted" url="https://my3.my.umbc.edu/posts/38844">
<Title>Last Call: CSS Writing Modes Level 3</Title>
<Body>
<![CDATA[
    <div class="html-content"><p>The <a href="http://www.w3.org/Style/CSS/members" rel="nofollow external" class="bo">Cascading Style Sheets (CSS) Working Group</a> has published a Last Call Working Draft of <a href="http://www.w3.org/TR/2013/WD-css-writing-modes-3-20131126/" rel="nofollow external" class="bo">CSS Writing Modes Level 3</a>. This specification defines CSS support for various international writing modes, such as left-to-right (e.g. Latin or Indic), right-to-left (e.g. Hebrew or Arabic), bidirectional (e.g. mixed Latin and Arabic) and vertical (e.g. Asian scripts). CSS is a language for describing the rendering of structured documents (such as HTML and XML) on screen, on paper, in speech, etc. Comments are welcome through 24 December. Learn more about the <a href="http://www.w3.org/Style/" rel="nofollow external" class="bo">Style Activity</a>.</p></div>
]]>
</Body>
<Summary>The Cascading Style Sheets (CSS) Working Group has published a Last Call Working Draft of CSS Writing Modes Level 3. This specification defines CSS support for various international writing modes,...</Summary>
<Website>http://www.w3.org/blog/news/archives/3434</Website>
<TrackingUrl>https://my3.my.umbc.edu/api/v0/pixel/news/38844/guest@my.umbc.edu/9fd9bb3470cc448d57da2e577c4389f6/api/pixel</TrackingUrl>
<Tag>css</Tag>
<Tag>design</Tag>
<Tag>development</Tag>
<Tag>home-page-stories</Tag>
<Tag>html</Tag>
<Tag>javascript</Tag>
<Tag>mysql</Tag>
<Tag>publication</Tag>
<Tag>sql</Tag>
<Tag>w3</Tag>
<Tag>web</Tag>
<Tag>web-design-and-applications</Tag>
<Group token="retired-583">Web Developer - Build Group</Group>
<GroupUrl>https://my3.my.umbc.edu/groups/retired-583</GroupUrl>
<AvatarUrl>https://assets3-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/xsmall.png?1363101197</AvatarUrl>
<AvatarUrl size="original">https://assets4-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/original.jpg?1363101197</AvatarUrl>
<AvatarUrl size="xxlarge">https://assets4-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/xxlarge.png?1363101197</AvatarUrl>
<AvatarUrl size="xlarge">https://assets4-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/xlarge.png?1363101197</AvatarUrl>
<AvatarUrl size="large">https://assets3-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/large.png?1363101197</AvatarUrl>
<AvatarUrl size="medium">https://assets3-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/medium.png?1363101197</AvatarUrl>
<AvatarUrl size="small">https://assets4-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/small.png?1363101197</AvatarUrl>
<AvatarUrl size="xsmall">https://assets3-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/xsmall.png?1363101197</AvatarUrl>
<AvatarUrl size="xxsmall">https://assets4-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/xxsmall.png?1363101197</AvatarUrl>
<Sponsor>Web Developer - Build Group</Sponsor>
<PawCount>0</PawCount>
<CommentCount>0</CommentCount>
<CommentsAllowed>true</CommentsAllowed>
<PostedAt>Tue, 26 Nov 2013 09:26:35 -0500</PostedAt>
</NewsItem>

<NewsItem contentIssues="true" id="38836" important="false" status="posted" url="https://my3.my.umbc.edu/posts/38836">
<Title>Life Is Too Short For A Broken Front-End, So We Created A New Smashing Book</Title>
<Body>
<![CDATA[
    <div class="html-content">
    <table width="650">
    <tbody>
    <tr>
    <td>
    <div>
    <img src="http://statisches.auslieferung.commindo-media-ressourcen.de/advertisement.gif" alt="" style="max-width: 100%; height: auto;"><br><a href="http://auslieferung.commindo-media-ressourcen.de/random.php?mode=target&amp;collection=smashing-rss&amp;position=1" rel="nofollow external" class="bo"><img src="http://auslieferung.commindo-media-ressourcen.de/random.php?mode=image&amp;collection=smashing-rss&amp;position=1" alt="" style="max-width: 100%; height: auto;"></a> <a href="http://auslieferung.commindo-media-ressourcen.de/random.php?mode=target&amp;collection=smashing-rss&amp;position=2" rel="nofollow external" class="bo"><img src="http://auslieferung.commindo-media-ressourcen.de/random.php?mode=image&amp;collection=smashing-rss&amp;position=2" alt="" style="max-width: 100%; height: auto;"></a> <a href="http://auslieferung.commindo-media-ressourcen.de/random.php?mode=target&amp;collection=smashing-rss&amp;position=3" rel="nofollow external" class="bo"><img src="http://auslieferung.commindo-media-ressourcen.de/random.php?mode=image&amp;collection=smashing-rss&amp;position=3" alt="" style="max-width: 100%; height: auto;"></a>
    </div>
    </td>
    </tr>
    </tbody>
    </table>
    <p>It’s done: our brand new <em>Smashing Book</em>, full of <strong>smart, time-saving tips</strong> for crafting fine websites. Neatly packed in a gorgeous hardcover, the book features <strong>practical front-end techniques</strong> from well-respected Web designers. 498 pages. Hardcover and eBook. Available today. <a href="#your-smashing-book" rel="nofollow external" class="bo">Get the book now.</a></p>
    <p><a title="Smashing Book #4" href="#about-the-book" rel="nofollow external" class="bo"><img alt="Get the new Smashing Book." src="http://media.smashingmagazine.com/wp-content/uploads/2013/11/smb4-main-book-promo.jpg" style="max-width: 100%; height: auto;"></a><br><a href="https://shop.smashingmagazine.com/checkout/cart/add?product=539" rel="nofollow external" class="bo"><img alt="Get the new Smashing Book." src="http://media.smashingmagazine.com/wp-content/uploads/2013/11/get-the-book-cta-button-opt.jpg" style="max-width: 100%; height: auto;"></a></p>
    <h3>About The Book</h3>
    <p>The book isn’t concerned with trends or short-lived workarounds. It’s focused on the actual <strong>design process</strong>—the <em>why</em> of the decisions we make as we craft websites. With <em>New Perspectives</em>, we look into lessons learned from mid-size and large projects and explore new, uncharted territories in Web design: mainly front-end, but also back-end, responsive design, typography, psychology, customer support, and content strategy.</p>
    <p><a href="http://media.smashingmagazine.com/wp-content/uploads/2013/11/smb4-main-photo-large.jpg" rel="nofollow external" class="bo"><img alt="The Smashing Book #4" src="http://media.smashingmagazine.com/wp-content/uploads/2013/11/smashing-book-4-front-opt.jpg" width="500" height="376" style="max-width: 100%; height: auto;"></a><br><em>Smashing Book #4 is quite thick indeed. <a href="http://media.smashingmagazine.com/wp-content/uploads/2013/11/smb4-main-photo-large.jpg" rel="nofollow external" class="bo">Large preview</a></em></p>
    <p>Written by well-respected designers and developers, the book contains lots of <strong>actionable takeaways</strong> that will help you improve your workflow. Think of it as a reliable playbook for issues that keep following you in every project. No, this book won’t change your life forever, but it <em>will</em> challenge you to look differently at how you build websites today. <a href="#your-smashing-book" rel="nofollow external" class="bo">Available as print and eBook.</a></p>
    <h3>Why This Book Is For You</h3>
    <p>This book is for you because you’ll discover plenty of valuable, time-saving techniques that will improve your workflow right away. You’ll learn how to:</p>
    <ol>
    <li>Create a robust, <strong>scalable front-end</strong>,</li>
    <li>Write maintainable, futureproof code,</li>
    <li>Keep websites slim and fast,</li>
    <li>Bake performance into the workflow,</li>
    <li>Build lightweight <strong>responsive sites</strong>,</li>
    <li>Fix <strong>mobile rendering</strong> issues,</li>
    <li>Build adaptive, smart interfaces,</li>
    <li>Apply obscure back-end techniques,</li>
    <li>Design with better Web typography,</li>
    <li>Establish and maintain a content strategy,</li>
    <li>Minimize and optimize <strong>customer support</strong>,</li>
    <li>Understand how people think and decide,</li>
    <li>Sharpen a new idea and follow it through.</li>
    </ol>
    <p>Not convinced yet? Alright. Let’s take a look at the <a href="#toc" rel="nofollow external" class="bo">table of contents</a>.</p>
    <div>
    <p><a href="http://media.smashingmagazine.com/wp-content/uploads/2013/11/css-architecture-large.png" rel="nofollow external" class="bo"><img alt="The Smashing Book #4" src="http://media.smashingmagazine.com/wp-content/uploads/2013/11/css-architecture-small-opt.jpg" width="500" height="365" style="max-width: 100%; height: auto;"></a><br><em>A look inside the book. Harry Roberts’ chapter on CSS architecture. <a href="http://media.smashingmagazine.com/wp-content/uploads/2013/11/css-architecture-large.png" rel="nofollow external" class="bo">Large preview</a></em></p>
    <p><a href="http://media.smashingmagazine.com/wp-content/uploads/2013/11/design-of-people-large.png" rel="nofollow external" class="bo"><img alt="The Smashing Book #4" src="http://media.smashingmagazine.com/wp-content/uploads/2013/11/design-of-people-small-opt.jpg" width="500" height="365" style="max-width: 100%; height: auto;"></a><br>
    <em><a href="http://media.smashingmagazine.com/wp-content/uploads/2013/11/design-of-people-large.png" rel="nofollow external" class="bo">Large preview</a></em></p>
    <p><a href="http://media.smashingmagazine.com/wp-content/uploads/2013/11/supporting-your-product-large.png" rel="nofollow external" class="bo"><img alt="The Smashing Book #4" src="http://media.smashingmagazine.com/wp-content/uploads/2013/11/supporting-your-product-small-opt.jpg" width="500" height="365" style="max-width: 100%; height: auto;"></a><br><em><a href="http://media.smashingmagazine.com/wp-content/uploads/2013/11/supporting-your-product-large.png" rel="nofollow external" class="bo">Large preview</a></em></p>
    </div>
    <h4>Table of Contents</h4>
    <p>We invited respected designers and developers who have a story to tell and experiences to share. The chapters have also been reviewed by active members of the community such as Jonathan Snook, Inayaili de León, Tim Brown and Sean Coates—just to name a few. Feel free to <a href="http://provide.smashingmagazine.com/smb4-sample/smashing-book-4-sample-pdf-ePub-Kindle.zip" rel="nofollow external" class="bo">download a free sample</a> to look inside (PDF, ePUB, Kindle, 14.74 Mb).</p>
    <table width="100%">
    <tbody>
    <tr>
    <td><strong>AUTHOR</strong></td>
    <td><strong>CHAPTER</strong></td>
    <td><strong>DETAILS</strong></td>
    </tr>
    <tr>
    <td><strong>Vitaly Friedman</strong></td>
    <td>Preface</td>
    <td>
    
    </td>
    </tr>
    <tr>
    <td colspan="3">
    <p><span>Summary</span> <span>•</span> The Web is dynamic and versatile—coding techniques aren’t black and white, and so our decisions always emerge from those shady gray areas. In the preface, Vitaly argues why Web design today requires new, pragmatic, open-minded approaches and why it’s so important to look at our craft from new, unconventional perspectives.</p>
    <p><span>Keywords</span> <span>•</span> best practices <span>•</span> strategy <span>•</span> trends <span>•</span> perspectives.</p>
    </td>
    </tr>
    <tr>
    <td><strong>Harry Roberts</strong></td>
    <td>Modern CSS Architecture and Front-End</td>
    <td>
    
    </td>
    </tr>
    <tr>
    <td colspan="3">
    <img alt="Harry Roberts" src="https://shop.smashingmagazine.com/media/wysiwyg/Harry-Roberts-70px.jpg" width="70" height="70" style="max-width: 100%; height: auto;">
    <p><span>Summary</span> <span>•</span> With websites getting bigger, their dev teams growing larger, and their goals becoming more tightly defined and, I dare say, more important, we need to take another look at how we actually build them. It’s no longer practical to spend days and days thoroughly hand-crafting code; a much more rapid, powerful and pragmatic approach is needed. In this chapter we are going to take a whirlwind tour of a new approach to building more powerful front-ends for the Web today.</p>
    <p><span>Keywords</span> <span>•</span> semantics <span>•</span> misconceptions <span>•</span> Object-Oriented CSS <span>•</span> code structure <span>•</span> file organization <span>•</span> CSS selectors <span>•</span> portability <span>•</span> naming conventions.</p>
    </td>
    </tr>
    <tr>
    <td><strong>Nicholas C. Zakas</strong></td>
    <td>Writing Maintainable, Future-Friendly Code</td>
    <td>
    
    </td>
    </tr>
    <tr>
    <td colspan="3">
    <img alt="Nicholas C. Zakas" src="https://shop.smashingmagazine.com/media/wysiwyg/Nicholas-Zakas-70px.png" width="70" height="70" style="max-width: 100%; height: auto;">
    <p><span>Summary</span> <span>•</span> Code is code no matter where you go, and code has a tendency to get messy as it gets large and old. Things start to break, you find it hard to figure out why bugs are occurring, and there are parts of the codebase that seem to be “magic”. On a large project with many developers, the problem is magnified. How can everyone work in the same codebase in such a way that making changes in the future are easy? That’s what this chapter seeks to answer.</p>
    <p><span>Keywords</span> <span>•</span> code smell <span>•</span> conventions <span>•</span> code style <span>•</span> comments <span>•</span> architecture <span>•</span> SMACCS <span>•</span> documentation <span>•</span> design document.</p>
    </td>
    </tr>
    <tr>
    <td><strong>Christian Heilmann</strong></td>
    <td>The Vanilla Web Diet</td>
    <td>
    
    </td>
    </tr>
    <tr>
    <td colspan="3">
    <img alt="Christian Heilmann" src="https://shop.smashingmagazine.com/media/wysiwyg/Chris-Heilmann-70px.jpg" width="70" height="70" style="max-width: 100%; height: auto;"> 
    <p><span>Summary</span> <span>•</span> Maybe we should take a break in our drive to be cool and new and innovative the whole time, simply for the sake of being so, and check what we are doing — analyze our eating habits, so to say. I call this the <em>Vanilla Web Diet</em>, much like people have started to call using JavaScript without libraries <em>vanilla JavaScript</em>. Here are some ideas and thoughts you can bear in mind to help slim down an existing website or your next app.</p>
    <p><span>Keywords</span> <span>•</span> legacy browsers <span>•</span> browser-specific code <span>•</span> jQuery <span>•</span> frameworks <span>•</span> consistency <span>•</span> conditional loading <span>•</span> lack of support is an opportunity.</p>
    </td>
    </tr>
    <tr>
    <td><strong>Tim Kadlec</strong></td>
    <td>Culture of Performance</td>
    <td>
    
    </td>
    </tr>
    <tr>
    <td colspan="3">
    <img alt="Tim Kadlec" src="https://shop.smashingmagazine.com/media/wysiwyg/Tim-Kadlec-70px.jpg" width="70" height="70" style="max-width: 100%; height: auto;">
    <p><span>Summary</span> <span>•</span> Websites are getting fatter and fatter at an alarming rate. The issue is not the competence of Web developers. The issue is also not just technological: a lot of smart optimizations are usually implemented to get the weight down. Instead, the issue is the lack of a well-established culture of performance—a total commitment to performance from the entire team that would drive and influence decisions during the project cycle. Given the incredibly important role performance plays in the user experience, this is a disastrous mistake to make.</p>
    <p><span>Keywords</span> <span>•</span> performance <span>•</span> case studies <span>•</span> visualizing performance <span>•</span> performance budget <span>•</span> the 20% rule <span>•</span> testing <span>•</span> atomic design <span>•</span> perceived performance <span>•</span> optimistic interfaces <span>•</span> preloading content.</p>
    </td>
    </tr>
    <tr>
    <td><strong>Mat Marquis</strong></td>
    <td>Robust, Responsible, Responsive Web Design</td>
    <td>
    
    </td>
    </tr>
    <tr>
    <td colspan="3">
    <img alt="Mat Marquis" src="https://shop.smashingmagazine.com/media/wysiwyg/Mat-Marquis-circles.jpg" width="70" height="70" style="max-width: 100%; height: auto;">
    <p><span>Summary</span> <span>•</span> Responsive Web design is starting to get a reputation—and not the kind of reputation that it rightfully deserves. The most common death knell we’ve heard ringing out is that every page of a responsive site is fated to weigh in at a couple dozen megabytes and there isn’t a single thing that any of us can do about it. This trend is on us, and you don’t see any carpenters writing blog posts about how hammers are a failed methodology because of the times they dropped one on their feet. We can do better than blaming our tools for our mistakes.</p>
    <p><span>Keywords</span> <span>•</span> Responsive Web design <span>•</span> presumptive enhancement <span>•</span> progressive enhancement <span>•</span> accessibility <span>•</span> Ajax-Include pattern <span>•</span> conditional loading <span>•</span> responsive images and video.</p>
    </td>
    </tr>
    <tr>
    <td><strong>Addy Osmani</strong></td>
    <td>Finding and Fixing Mobile Web Rendering Issues</td>
    <td>
    
    </td>
    </tr>
    <tr>
    <td colspan="3">
    <img alt="Addy Osmani" src="https://shop.smashingmagazine.com/media/wysiwyg/Addy-Osmani-70px.jpeg" width="70" height="70" style="max-width: 100%; height: auto;">
    <p><span>Summary</span> <span>•</span> While network performance is important and JavaScript execution is usually quick, many find that rendering (painting pixels to the screen) is their bottleneck. This can be a challenge as mobile devices are underpowered when compared to our desktop systems. To hit 60fps, we sometimes need to go beyond JavaScript as the sole performance bottleneck for our pages and spend more time investigating paint and layout issues. This chapter explores some of the core causes of jank in sites and applications.</p>
    <p><span>Keywords</span> <span>•</span> performance <span>•</span> 60fps <span>•</span> rendering jank <span>•</span> faster animations <span>•</span> hardware acceleration <span>•</span> diagnosing slow paint times <span>•</span> workflow <span>•</span> remote debugging.</p>
    </td>
    </tr>
    <tr>
    <td><strong>Aaron Gustafson</strong></td>
    <td>Designing Adaptive Interfaces</td>
    <td>
    
    </td>
    </tr>
    <tr>
    <td colspan="3">
    <img alt="Aaron Gustafson" src="https://shop.smashingmagazine.com/media/wysiwyg/Aaron-Gustafson-70px.png" width="70" height="70" style="max-width: 100%; height: auto;"> 
    <p><span>Summary</span> <span>•</span> Design, as a concept, is a tricky little beast. Design does not exist in a vacuum. Each step in the process of building an interface should add to the experience. In the end, independent users may have differing experiences of the interface, but no one is denied access to a good experience. To create truly exceptional designs, we must not only reduce the friction inherent in completing a task, but we should make it (dare I say it) fun! We must reconcile aesthetics with usability.</p>
    <p><span>Keywords</span> <span>•</span> empathy <span>•</span> the layer cake <span>•</span> constraints <span>•</span> lazy loading <span>•</span> construction flows <span>•</span> JavaScript support <span>•</span> adaptive components <span>•</span> atomic design.</p>
    </td>
    </tr>
    <tr>
    <td><strong>Paul Tero</strong></td>
    <td>Obscure Back-end Techniques and Terminal Secrets</td>
    <td>
    
    </td>
    </tr>
    <tr>
    <td colspan="3">
    <img alt="Paul Tero" src="https://shop.smashingmagazine.com/media/wysiwyg/Paul-Tero-70px.jpg" width="70" height="70" style="max-width: 100%; height: auto;">
    <p><span>Summary</span> <span>•</span> You wake up one morning, look at the browser window, check the Widget 3000, click on a button and there’s nothing. What happened? Help! The Internet is gone! We’re going to cover a lot of ground in this chapter, from routers to servers, from error logs to PHP hacks. I’ll start with the worst case scenario and work inwards, exploring the infrastructure of the Internet and the make-up of a Web server, imparting lots of little tips and commands along the way, opening up a new perspective on how websites can stop working — and be fixed.</p>
    <p><span>Keywords</span> <span>•</span> back-end techniques <span>•</span> networking <span>•</span> router <span>•</span> DNS <span>•</span> traceroute <span>•</span> servers <span>•</span> firewalls <span>•</span> Denial of Service <span>•</span> HTTP <span>•</span> administration <span>•</span> error management <span>•</span> PHP errors <span>•</span>.</p>
    </td>
    </tr>
    <tr>
    <td><strong>Marko Dugonjić</strong></td>
    <td>The Next Steps For Web Typography</td>
    <td>
    
    </td>
    </tr>
    <tr>
    <td colspan="3">
    <img alt="Marko Dugonjić" src="https://shop.smashingmagazine.com/media/wysiwyg/Marko-Dugonjic-70px.jpg" width="70" height="70" style="max-width: 100%; height: auto;">
    <p><span>Summary</span> <span>•</span> In this chapter, we’ll cover the big picture first — with not too frightening context models and a list of actors that participate in content creation and publishing — and continue with practical details, with plenty of code examples and tips. Among other things, we’ll cover typefaces and Web typography in general, organization and performance, typesetting and advanced CSS techniques.</p>
    <p><span>Keywords</span> <span>•</span> universal typography <span>•</span> multifaceted model <span>•</span> structured content <span>•</span> responsive Web typography <span>•</span> font delivery and distribution <span>•</span> rendering engines <span>•</span> macrotypography <span>•</span> combining typefaces <span>•</span> type library <span>•</span> CSS organization <span>•</span> fonts as progressive enhancement <span>•</span> subsetting <span>•</span> Base64 encoding <span>•</span> white space hierarchy <span>•</span> modular scales <span>•</span> subhead styles <span>•</span> advanced CSS techniques.</p>
    </td>
    </tr>
    <tr>
    <td><strong>Corey Vilhauer</strong></td>
    <td>The Two Faces of Content Strategy</td>
    <td>
    
    </td>
    </tr>
    <tr>
    <td colspan="3">
    <img alt="Corey Vilhauer" src="https://shop.smashingmagazine.com/media/wysiwyg/Corey-Vilhauer-70px.jpg" width="70" height="70" style="max-width: 100%; height: auto;">
    <p><span>Summary</span> <span>•</span> There are two faces to content strategy: the people we’re targeting (our users), and the people who are doing the targeting (our editors). We’re responsible for making great websites. But we’re also responsible for making websites that are usable from the editor’s standpoint. We are the people who make the Web; we are also those responsible for helping those who sustain it.</p>
    <p><span>Keywords</span> <span>•</span> editors <span>•</span> content workflow <span>•</span> content discovery <span>•</span> auditing <span>•</span> strategy <span>•</span> assigning roles <span>•</span> execution <span>•</span> governance <span>•</span> editorial triggers.</p>
    </td>
    </tr>
    <tr>
    <td><strong>Rachel Andrew</strong></td>
    <td>Supporting Your Product</td>
    <td>
    
    </td>
    </tr>
    <tr>
    <td colspan="3">
    <img alt="Rachel Andrew" src="https://shop.smashingmagazine.com/media/wysiwyg/Rachel-Andrew-70.jpg" width="70" height="70" style="max-width: 100%; height: auto;">
    <p><span>Summary</span> <span>•</span> Providing a good customer experience is really important in support. The customer may make that initial contact feeling annoyed about your product. They have an issue, and it isn’t doing what they wanted it to. Your aim should be not only to solve their problem, but to leave them feeling more positive about your product than they would if they hadn’t had the issue that brought them into support in the first place.</p>
    <p><span>Keywords</span> <span>•</span> support as a marketing tool <span>•</span> feature requests <span>•</span> core use case <span>•</span> difficult customers <span>•</span> the end client problem <span>•</span> pricing models <span>•</span> minimizing support <span>•</span> tools <span>•</span> no FAQs policy <span>•</span> support statistics <span>•</span> social media <span>•</span> future-friendly support.</p>
    </td>
    </tr>
    <tr>
    <td><strong>Nishant Kothary</strong></td>
    <td>The Design of People</td>
    <td>
    
    </td>
    </tr>
    <tr>
    <td colspan="3">
    <img alt="Nishant Kothary" src="https://shop.smashingmagazine.com/media/wysiwyg/Nishant-Kothary-70px.jpg" width="70" height="70" style="max-width: 100%; height: auto;">
    <p><span>Summary</span> <span>•</span> The goal of this chapter is to introduce you to the human being as the center of every success or failure in our lives. But not in that tired way we’re all guilty of where we commiserate and vent on Twitter. Or the way where we publish blog posts about the bureaucratic deadweights that are the true bottlenecks to innovation. Let’s resist the convenient cover of insanity. Let’s stop putting more lipstick on the pig, and instead explore why the pig is so darn ugly in the first place. That is, let’s talk about the root of the problem instead of the symptoms.</p>
    <p><span>Keywords</span> <span>•</span> psychology <span>•</span> communication <span>•</span> design reviews <span>•</span> the Sally-Anne test <span>•</span> theory of mind <span>•</span> cognitive bias <span>•</span> illusions of mind <span>•</span> strategy.</p>
    </td>
    </tr>
    <tr>
    <td><strong>Christopher Murphy</strong></td>
    <td>On Creative Spirit</td>
    <td>
    
    </td>
    </tr>
    <tr>
    <td colspan="3">
    <img alt="Christopher Murphy" src="https://shop.smashingmagazine.com/media/wysiwyg/Chris-Murphy-70px.png" width="70" height="70" style="max-width: 100%; height: auto;">
    <p><span>Summary</span> <span>•</span> So, how do you establish an idea generation culture? How do you open the proverbial floodgates and unleash an endless supply of new and original ideas? Is it possible to adopt strategies that allow us to reliably generate meaningful ideas, which we can then execute skillfully? I believe, by adopting a simple mental framework and embracing a core set of strategies, it is.</p>
    <p><span>Keywords</span> <span>•</span> idea-generation techniques <span>•</span> priming the brain <span>•</span> digital toolbelt <span>•</span> sketchbooks <span>•</span> strategy <span>•</span> centralized office <span>•</span> café culture <span>•</span> the Lego office.</p>
    </td>
    </tr>
    </tbody>
    </table>
    <p><img alt="Harry Roberts" src="https://shop.smashingmagazine.com/media/wysiwyg/Harry-Roberts-70px.jpg" width="70" height="70" style="max-width: 100%; height: auto;"> <img alt="Nicholas C. Zakas" src="https://shop.smashingmagazine.com/media/wysiwyg/Nicholas-Zakas-70px.png" width="70" height="70" style="max-width: 100%; height: auto;"> <img alt="Christian Heilmann" src="https://shop.smashingmagazine.com/media/wysiwyg/Chris-Heilmann-70px.jpg" width="70" height="70" style="max-width: 100%; height: auto;"> <img alt="Tim Kadlec" src="https://shop.smashingmagazine.com/media/wysiwyg/Tim-Kadlec-70px.jpg" width="70" height="70" style="max-width: 100%; height: auto;"> <img alt="Mat Marquis" src="https://shop.smashingmagazine.com/media/wysiwyg/Mat-Marquis-circles.jpg" width="70" height="70" style="max-width: 100%; height: auto;"> <img alt="Addy Osmani" src="https://shop.smashingmagazine.com/media/wysiwyg/Addy-Osmani-70px.jpeg" width="70" height="70" style="max-width: 100%; height: auto;"> <img alt="Aaron Gustafson" src="https://shop.smashingmagazine.com/media/wysiwyg/Aaron-Gustafson-70px.png" width="70" height="70" style="max-width: 100%; height: auto;"> <img alt="Paul Tero" src="https://shop.smashingmagazine.com/media/wysiwyg/Paul-Tero-70px.jpg" width="70" height="70" style="max-width: 100%; height: auto;"> <img alt="Marko Dugonjić" src="https://shop.smashingmagazine.com/media/wysiwyg/Marko-Dugonjic-70px.jpg" width="70" height="70" style="max-width: 100%; height: auto;"> <img alt="Corey Vilhauer" src="https://shop.smashingmagazine.com/media/wysiwyg/Corey-Vilhauer-70px.jpg" width="70" height="70" style="max-width: 100%; height: auto;"> <img alt="Rachel Andrew" src="https://shop.smashingmagazine.com/media/wysiwyg/Rachel-Andrew-70.jpg" width="70" height="70" style="max-width: 100%; height: auto;"> <img alt="Nishant Kothary" src="https://shop.smashingmagazine.com/media/wysiwyg/Nishant-Kothary-70px.jpg" width="70" height="70" style="max-width: 100%; height: auto;"> <img alt="Christopher Murphy" src="https://shop.smashingmagazine.com/media/wysiwyg/Chris-Murphy-70px.png" width="70" height="70" style="max-width: 100%; height: auto;"><br><em>From left to right: Harry Roberts, Nicholas C. Zakas, Christian Heilmann, Tim Kadlec, Mat Marquis, Addy Osmani, Aaron Gustafson, Paul Tero, Marko Dugonjić, Corey Vilhauer, Rachel Andrew, Nishant Kothary and Christopher Murphy</em></p>
    <h4>Technical Details</h4>
    <ul>
    <li>498 pages, 16.5 × 24.0 cm (6.5 × 9.5 inches).</li>
    <li>A high-quality embossed cover with a little surprise,</li>
    <li>Quality hardcover with stitched binding and a ribbon page marker.</li>
    <li>The <strong>eBook</strong> version is included in the printed book for free (PDF, EPUB, Kindle).</li>
    <li>Airmail delivery from Germany ($5 worldwide shipping, check <a href="https://shop.smashingmagazine.com/delivery-times/" rel="nofollow external" class="bo">delivery times</a>).</li>
    <li><a href="http://www.smashingmagazine.com/life-is-too-short-for-a-broken-front-end/#your-smashing-book" rel="nofollow external" class="bo">Available as print and eBook.</a></li>
    </ul>
    <p><a title="Smashing Book #4" href="https://shop.smashingmagazine.com/checkout/cart/add?product=539" rel="nofollow external" class="bo"><img alt="Get the new Smashing Book." src="http://media.smashingmagazine.com/wp-content/uploads/2013/11/new-perspectives-450px-opt.jpg" width="452" height="426" style="max-width: 100%; height: auto;"></a><br><a title="Secure, 100 days money-back-guarantee." href="https://shop.smashingmagazine.com/checkout/cart/add?product=458" rel="nofollow external" class="bo"><img alt="Get the eBook." src="http://media.smashingmagazine.com/wp-content/uploads/2013/11/ebook-smb4-opt1.jpg" width="225" style="max-width: 100%; height: auto;"></a> <a title="Secure, 100 days money-back-guarantee." href="https://shop.smashingmagazine.com/checkout/cart/add?product=539" rel="nofollow external" class="bo"><img alt="Get the Hardcover + eBook" src="http://media.smashingmagazine.com/wp-content/uploads/2013/11/print-ebook-opt.jpg" width="225" style="max-width: 100%; height: auto;"></a></p>
    <p>If you’ve already ordered the book, then it’s really only a matter of days until you receive it. Until then, the complimentary eBook is waiting for you in your Smashing Shop dashboard. At this very moment, all orders are being shipped from Germany by airmail. Of course you get the eBook automatically once you’ve ordered the printed book, so you can start reading right away.</p>
    
    <h3>What Reviewers Say About The Book</h3>
    <p>Still not convinced? Well, a few reviewers had the chance to read the book beforehand, and share their feedback without any strings attached. Should you get it? Let’s see:</p>
    <p><a href="http://demosthenes.info/blog/784/Review-Smashing-Book-4" rel="nofollow external" class="bo"><img alt="Dudley Storey" src="http://media.smashingmagazine.com/wp-content/uploads/2013/11/Dudley-Storey.jpg" width="60" height="60" style="max-width: 100%; height: auto;"></a></p>
    <blockquote>
    <p>“Smashing Book 4 provides logical, practical, <strong>real-world examples</strong> of what’s wrong with modern sites and how to fix them. [..] I want the Web to win. But to do so, Web development has to match its age and live up to the responsibility it has earned. The book takes a big step in guiding that transition for both products and people, making it a book I would very strongly recommend for everyone involved in Web development.”</p>
    <p>— Dudley Storey, <a href="http://demosthenes.info/blog/784/Review-Smashing-Book-4" rel="nofollow external" class="bo">Review: Smashing Book 4</a></p>
    </blockquote>
    <p><a href="http://www.jordanm.co.uk/post/68047357109/book-review-the-smashing-book-4" title="Jordan Moore's review of the Smashing Book 4" rel="nofollow external" class="bo"><img src="https://shop.smashingmagazine.com/media/wysiwyg/Jordan-Moore.jpg" width="60" height="60" alt="Jordan Moore" style="max-width: 100%; height: auto;"></a></p>
    <blockquote>
    <p>“The Smashing Book 4 is <strong>excellent value for money</strong>. [...] [It's] conference quality topics in the palm of your hand, permanently committed to paper (or the medium of your choice) ready for you to consume whenever you want. The Web has grown up and The Smashing Book 4 is the <strong>perfect field guide</strong> for making and maintaining things for a future-friendly Web.”</p>
    <p>— Jordan Moore, <a href="http://www.jordanm.co.uk/post/68047357109/book-review-the-smashing-book-4" rel="nofollow external" class="bo">Review: Smashing Book 4</a></p>
    </blockquote>
    <p><a href="https://twitter.com/fold_left/status/394885724245213184" title="Jamie Mason's tweet" rel="nofollow external" class="bo"><img src="https://shop.smashingmagazine.com/media/wysiwyg/Jamie-Mason.jpg" width="60" height="60" alt="Jamie Maon" style="max-width: 100%; height: auto;"></a></p>
    <blockquote>
    <p>“Currently reading a preview of Smashing Book #4. Each chapter updates you on one important area of Web development and Web design which is <strong>really useful</strong> given the hectic pace seemingly every aspect of our industry is moving at. Nice to have it all distilled in one book.”</p>
    <p>— <a href="https://twitter.com/fold_left/status/394885724245213184" rel="nofollow external" class="bo">Jamie Mason</a></p>
    </blockquote>
    <p><a href="https://twitter.com/jankowarpspeed/status/400207851521441792" title="Janko Jovanovic's tweet" rel="nofollow external" class="bo"><img src="https://shop.smashingmagazine.com/media/wysiwyg/Janko-Jovanovic.jpg" width="60" height="60" alt="Janko Jovanovic" style="max-width: 100%; height: auto;"></a></p>
    <blockquote>
    <p>“Just reading Smashing Book 4 and I can <strong>strongly recommend it</strong>. Full of practical and useful Web design stories.”</p>
    <p>— <a href="https://twitter.com/jankowarpspeed/status/400207851521441792" rel="nofollow external" class="bo">Janko Jovanovic</a></p>
    </blockquote>
    <h3>Frequently Asked Questions</h3>
    <p>If you have any questions, we are right here to answer them. We <em>love</em> our customers, and we’d love to help you in any way or just listen to your story. So please feel free to <a href="http://www.twitter.com/smashingmag" rel="nofollow external" class="bo">ask questions via Twitter @smashingmag</a> — we’ll get back to you right away. Just in case: here are answers to some frequently asked questions.</p>
    <table>
    <tbody>
    <tr>
    <td>Questions</td>
    
    </tr>
    <tr>
    <td><strong>What are the costs for shipping to my country?</strong></td>
    <td>
    
    </td>
    </tr>
    <tr>
    <td colspan="2">The shipping cost for one book or a bundle is $5 — wherever you are in the world. We ship everywhere worldwide. We are paying a share of the shipping costs ourselves to make it possible for anyone to purchase the book. Our prices are transparent: we don’t have any hidden costs, and we won’t confuse you with tricky calculations. What you see is what you pay!</td>
    </tr>
    <tr>
    <td><strong>What about delivery times?</strong></td>
    <td>
    
    </td>
    </tr>
    <tr>
    <td colspan="2">All books will be shipped via air mail to keep delivery times as short as possible. You can find the anticipated delivery time for your country in the <a href="https://shop.smashingmagazine.com/delivery-times/" rel="nofollow external" class="bo">delivery times overview</a>. We are starting to ship the books today.</td>
    </tr>
    <tr>
    <td><strong>Will the book be available in other languages?</strong></td>
    <td>
    
    </td>
    </tr>
    <tr>
    <td colspan="2">Maybe in future, but we have not made arrangements for that yet, so please don’t hold your breath.</td>
    </tr>
    <tr>
    <td><strong>Is Smashing Book #4 available as an eBook?</strong></td>
    <td>
    
    </td>
    </tr>
    <tr>
    <td colspan="2">Yep, sure. The book is available in PDF, ePub and Amazon Kindle formats. Feel free to <a href="http://provide.smashingmagazine.com/smb4-sample/smashing-book-4-sample-pdf-ePub-Kindle.zip" rel="nofollow external" class="bo">download a free sample</a> to look inside. You can <a href="https://shop.smashingmagazine.com/checkout/cart/add?product=458" rel="nofollow external" class="bo">get the eBook right away</a>.</td>
    </tr>
    <tr>
    <td><strong>What payment methods are accepted?</strong></td>
    <td>
    
    </td>
    </tr>
    <tr>
    <td colspan="2">We accept PayPal, VISA, MasterCard and American Express. Of course we use a secure connection, with 256-bit AES encryption and a green GeoTrust Extended Validation SSL CA certificate. And no, we don’t store your credit card data on our servers.</td>
    </tr>
    <tr>
    <td><strong>Is there a money-back guarantee?</strong></td>
    <td>
    
    </td>
    </tr>
    <tr>
    <td colspan="2">Yes, absolutely! No risk is involved. Our 100-day full money-back guarantee keeps you safe. Don’t hesitate to return your purchase. You’ll get your money back—no ifs, ands or buts about it.</td>
    </tr>
    <tr>
    <td><strong>I have a question that is not covered here.</strong></td>
    <td>
    
    </td>
    </tr>
    <tr>
    <td colspan="2">Please leave a comment below, or get in touch with us via the <a href="http://www.smashingmagazine.com/contact/" rel="nofollow external" class="bo">contact form</a> or via <a href="http://www.twitter.com/SmashingSupport" rel="nofollow external" class="bo">@SmashingSupport on Twitter</a>. We would love to help you in any way we can, you know that.</td>
    </tr>
    </tbody>
    </table>
    <h4>Thank You</h4>
    <p>Thank you so much for your support, everybody—we truly appreciate it. The book has been quite a journey for us, and it’s our privilege to share this journey with you. We hope you’ll love the book just as much as we do. We’re looking forward to your feedback. Ah, and have you solved the <a href="#" rel="nofollow external" class="bo">Smashing Book #4 Mystery Riddle</a> yet?</p>
    <p><a title="Get the new Smashing Book" href="https://shop.smashingmagazine.com/checkout/cart/add?product=539" rel="nofollow external" class="bo"><img alt="Get the new Smashing Book." src="http://media.smashingmagazine.com/wp-content/uploads/2013/11/smb4-main-book-promo-opt.jpg" style="max-width: 100%; height: auto;"></a><br><a title="Get the new Smashing Book" href="https://shop.smashingmagazine.com/checkout/cart/add?product=539" rel="nofollow external" class="bo"><img alt="Get the new Smashing Book." src="http://media.smashingmagazine.com/wp-content/uploads/2013/11/get-the-book-button.jpg" style="max-width: 100%; height: auto;"></a></p>
    <hr>
    <p><small>© Vitaly Friedman for <a href="http://www.smashingmagazine.com" rel="nofollow external" class="bo">Smashing Magazine</a>, 2013.</small></p>
    </div>
]]>
</Body>
<Summary>        It’s done: our brand new Smashing Book, full of smart, time-saving tips for crafting fine websites. Neatly packed in a gorgeous hardcover, the book features practical front-end techniques...</Summary>
<Website>http://www.smashingmagazine.com/2013/11/26/life-is-too-short-for-a-broken-front-end-so-we-created-a-new-smashing-book/</Website>
<TrackingUrl>https://my3.my.umbc.edu/api/v0/pixel/news/38836/guest@my.umbc.edu/fc50a41baddb992f2c1b89d1799b9769/api/pixel</TrackingUrl>
<Tag>books</Tag>
<Tag>css</Tag>
<Tag>design</Tag>
<Tag>development</Tag>
<Tag>events</Tag>
<Tag>html</Tag>
<Tag>javascript</Tag>
<Tag>mysql</Tag>
<Tag>php</Tag>
<Tag>sql</Tag>
<Tag>web</Tag>
<Group token="retired-583">Web Developer - Build Group</Group>
<GroupUrl>https://my3.my.umbc.edu/groups/retired-583</GroupUrl>
<AvatarUrl>https://assets3-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/xsmall.png?1363101197</AvatarUrl>
<AvatarUrl size="original">https://assets4-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/original.jpg?1363101197</AvatarUrl>
<AvatarUrl size="xxlarge">https://assets4-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/xxlarge.png?1363101197</AvatarUrl>
<AvatarUrl size="xlarge">https://assets4-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/xlarge.png?1363101197</AvatarUrl>
<AvatarUrl size="large">https://assets3-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/large.png?1363101197</AvatarUrl>
<AvatarUrl size="medium">https://assets3-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/medium.png?1363101197</AvatarUrl>
<AvatarUrl size="small">https://assets4-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/small.png?1363101197</AvatarUrl>
<AvatarUrl size="xsmall">https://assets3-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/xsmall.png?1363101197</AvatarUrl>
<AvatarUrl size="xxsmall">https://assets4-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/xxsmall.png?1363101197</AvatarUrl>
<Sponsor>Web Developer - Build Group</Sponsor>
<PawCount>0</PawCount>
<CommentCount>0</CommentCount>
<CommentsAllowed>true</CommentsAllowed>
<PostedAt>Tue, 26 Nov 2013 08:00:03 -0500</PostedAt>
</NewsItem>

<NewsItem contentIssues="false" id="38834" important="false" status="posted" url="https://my3.my.umbc.edu/posts/38834">
<Title>High Tide Interest and End of the Year Shiz</Title>
<Body>
<![CDATA[
    <div class="html-content">Butts,<div><br></div>
    <div>Just wanted to shoot you all an end of the year news post to wrap up a few things that were talked about at the last few practices. Please try and read through everything. If your brain explodes from reading too many words, just check out the <strong>bolded things</strong>.</div>
    <div><br></div>
    <div>
    <strong>Booya will be attending a Spring Break tournament (High Tide)</strong> from March 15th to 22nd in the scenic land of Georgia. It costs around $200 (exact number to be determined) and covers living arrangements, travel expenses, and cleaning service (Dan will be wearing a French maid outfit). I want you to go. However, we can only take a certain number of individuals based on cost factors. First though, do me a favor and fill out <a href="http://tinyurl.com/nux2hln" rel="nofollow external" class="bo">this </a>form with your availability. Please provide a comment explaining why you can't go if that's the case.</div>
    <div><br></div>
    <div>Indoor Ultimate will be starting the first week of December. It occurs Tuesday and Thursday nights starting at 9PM. It's located at Lansdowne Middle School in their gym and continues into February and March. Costs $10 for the entire span. Post in the UMBC DTT Facebook group if you're looking for a ride and whatnot.</div>
    <div><br></div>
    <div>
    <strong>I'll be hosting a presentation </strong>relating to either offensive flow (cutters) or defensive positioning on Friday, December 6th, in Math/Psych 104 at 8PM. Another presentation will be scheduled to go over our offense and pull plays for Spring later this semester, possibly the following Friday. Invite anyone and everyone that's interested in learning. Because knowing is half the battle.</div>
    <div><br></div>
    <div>
    <strong>Practice times have likely changed </strong>for Spring semester. This is due to indoor league and my school schedule occurring on Tuesdays. We will likely be changing Tuesday night practices to Wednesday night. We should be able to get the Catonsville turf. Fingers crossed. Let me know if this is a major issue so we can accommodate as many people as possible.</div>
    <div><br></div>
    <div>Keep an eye on any Booya/Shazam-related Facebook events (formal, bohemian week, board games) these next few weeks. Just because we aren't freezing our butts off at practice anymore doesn't mean we have to diddle our thumbs alone. Hope to see you all as much as possible as this semester comes to a close. Thanks a bundle to each and every one of you for making this a smooth transition for me into captainship. It's been a pleasure to say the least.</div>
    <div><br></div>
    <div>-Clarkson</div>
    </div>
]]>
</Body>
<Summary>Butts,    Just wanted to shoot you all an end of the year news post to wrap up a few things that were talked about at the last few practices. Please try and read through everything. If your brain...</Summary>
<TrackingUrl>https://my3.my.umbc.edu/api/v0/pixel/news/38834/guest@my.umbc.edu/65c1025ea1c04a1784e4b54cce1f0951/api/pixel</TrackingUrl>
<Group token="retired-70">UMBC Men's Ultimate</Group>
<GroupUrl>https://my3.my.umbc.edu/groups/retired-70</GroupUrl>
<AvatarUrl>https://assets1-my.umbc.edu/system/shared/avatars/groups/000/000/070/032dd17b77fab7d51a476c5ff2b5659c/xsmall.png?1283625337</AvatarUrl>
<AvatarUrl size="original">https://assets1-my.umbc.edu/system/shared/avatars/groups/000/000/070/032dd17b77fab7d51a476c5ff2b5659c/original.png?1283625337</AvatarUrl>
<AvatarUrl size="xxlarge">https://assets4-my.umbc.edu/system/shared/avatars/groups/000/000/070/032dd17b77fab7d51a476c5ff2b5659c/xxlarge.png?1283625337</AvatarUrl>
<AvatarUrl size="xlarge">https://assets2-my.umbc.edu/system/shared/avatars/groups/000/000/070/032dd17b77fab7d51a476c5ff2b5659c/xlarge.png?1283625337</AvatarUrl>
<AvatarUrl size="large">https://assets2-my.umbc.edu/system/shared/avatars/groups/000/000/070/032dd17b77fab7d51a476c5ff2b5659c/large.png?1283625337</AvatarUrl>
<AvatarUrl size="medium">https://assets4-my.umbc.edu/system/shared/avatars/groups/000/000/070/032dd17b77fab7d51a476c5ff2b5659c/medium.png?1283625337</AvatarUrl>
<AvatarUrl size="small">https://assets3-my.umbc.edu/system/shared/avatars/groups/000/000/070/032dd17b77fab7d51a476c5ff2b5659c/small.png?1283625337</AvatarUrl>
<AvatarUrl size="xsmall">https://assets1-my.umbc.edu/system/shared/avatars/groups/000/000/070/032dd17b77fab7d51a476c5ff2b5659c/xsmall.png?1283625337</AvatarUrl>
<AvatarUrl size="xxsmall">https://assets3-my.umbc.edu/system/shared/avatars/groups/000/000/070/032dd17b77fab7d51a476c5ff2b5659c/xxsmall.png?1283625337</AvatarUrl>
<Sponsor>Booya Men's Ultimate</Sponsor>
<PawCount>0</PawCount>
<CommentCount>0</CommentCount>
<CommentsAllowed>true</CommentsAllowed>
<PostedAt>Tue, 26 Nov 2013 04:36:23 -0500</PostedAt>
</NewsItem>

<NewsItem contentIssues="true" id="38840" important="false" status="posted" url="https://my3.my.umbc.edu/posts/38840">
<Title>Sinosphere Blog: Qualcomm Faces Antitrust Investigation in China</Title>
<Body>
<![CDATA[
    <div class="html-content">The timing of the inquiry has led some to question whether the Chinese government may be trying to gain leverage for its upcoming royalty negotiations with the American company.<br><div><table border="0"><tbody><tr><td>
    <a href="http://share.feedsportal.com/share/twitter/?u=http%3A%2F%2Fsinosphere.blogs.nytimes.com%2F2013%2F11%2F26%2Fqualcomm-investigated-under-antitrust-law%2F%3Fpartner%3Drss%26emc%3Drss&amp;t=Sinosphere+Blog%3A+Qualcomm+Faces+Antitrust+Investigation+in+China" rel="nofollow external" class="bo"><img src="http://res3.feedsportal.com/social/twitter.png" style="max-width: 100%; height: auto;"></a> <a href="http://share.feedsportal.com/share/facebook/?u=http%3A%2F%2Fsinosphere.blogs.nytimes.com%2F2013%2F11%2F26%2Fqualcomm-investigated-under-antitrust-law%2F%3Fpartner%3Drss%26emc%3Drss&amp;t=Sinosphere+Blog%3A+Qualcomm+Faces+Antitrust+Investigation+in+China" rel="nofollow external" class="bo"><img src="http://res3.feedsportal.com/social/facebook.png" style="max-width: 100%; height: auto;"></a> <a href="http://share.feedsportal.com/share/linkedin/?u=http%3A%2F%2Fsinosphere.blogs.nytimes.com%2F2013%2F11%2F26%2Fqualcomm-investigated-under-antitrust-law%2F%3Fpartner%3Drss%26emc%3Drss&amp;t=Sinosphere+Blog%3A+Qualcomm+Faces+Antitrust+Investigation+in+China" rel="nofollow external" class="bo"><img src="http://res3.feedsportal.com/social/linkedin.png" style="max-width: 100%; height: auto;"></a> <a href="http://share.feedsportal.com/share/gplus/?u=http%3A%2F%2Fsinosphere.blogs.nytimes.com%2F2013%2F11%2F26%2Fqualcomm-investigated-under-antitrust-law%2F%3Fpartner%3Drss%26emc%3Drss&amp;t=Sinosphere+Blog%3A+Qualcomm+Faces+Antitrust+Investigation+in+China" rel="nofollow external" class="bo"><img src="http://res3.feedsportal.com/social/googleplus.png" style="max-width: 100%; height: auto;"></a> <a href="http://share.feedsportal.com/share/email/?u=http%3A%2F%2Fsinosphere.blogs.nytimes.com%2F2013%2F11%2F26%2Fqualcomm-investigated-under-antitrust-law%2F%3Fpartner%3Drss%26emc%3Drss&amp;t=Sinosphere+Blog%3A+Qualcomm+Faces+Antitrust+Investigation+in+China" rel="nofollow external" class="bo"><img src="http://res3.feedsportal.com/social/email.png" style="max-width: 100%; height: auto;"></a>
    </td></tr></tbody></table></div>
    </div>
]]>
</Body>
<Summary>The timing of the inquiry has led some to question whether the Chinese government may be trying to gain leverage for its upcoming royalty negotiations with the American company.      </Summary>
<Website>http://sinosphere.blogs.nytimes.com/2013/11/26/qualcomm-investigated-under-antitrust-law/?partner=rss&amp;emc=rss</Website>
<TrackingUrl>https://my3.my.umbc.edu/api/v0/pixel/news/38840/guest@my.umbc.edu/d9d727bb926dbf75f8621a404920ebda/api/pixel</TrackingUrl>
<Tag>antitrust-laws-and-competition-issues</Tag>
<Tag>cellular-telephones</Tag>
<Tag>china</Tag>
<Tag>china-mobile-ltd</Tag>
<Tag>china-mobile-ltd-chl-nyse</Tag>
<Tag>cisco-systems-inc</Tag>
<Tag>cisco-systems-inc-csco-nasdaq</Tag>
<Tag>danone-sa</Tag>
<Tag>danone-sa-danoy-other-otc</Tag>
<Tag>mead-johnson-nutrition-company</Tag>
<Tag>new</Tag>
<Tag>qualcomm-inc</Tag>
<Tag>qualcomm-inc-qcom-nasdaq</Tag>
<Tag>technology</Tag>
<Tag>united-states</Tag>
<Tag>york</Tag>
<Group token="retired-583">Web Developer - Build Group</Group>
<GroupUrl>https://my3.my.umbc.edu/groups/retired-583</GroupUrl>
<AvatarUrl>https://assets3-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/xsmall.png?1363101197</AvatarUrl>
<AvatarUrl size="original">https://assets4-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/original.jpg?1363101197</AvatarUrl>
<AvatarUrl size="xxlarge">https://assets4-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/xxlarge.png?1363101197</AvatarUrl>
<AvatarUrl size="xlarge">https://assets4-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/xlarge.png?1363101197</AvatarUrl>
<AvatarUrl size="large">https://assets3-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/large.png?1363101197</AvatarUrl>
<AvatarUrl size="medium">https://assets3-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/medium.png?1363101197</AvatarUrl>
<AvatarUrl size="small">https://assets4-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/small.png?1363101197</AvatarUrl>
<AvatarUrl size="xsmall">https://assets3-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/xsmall.png?1363101197</AvatarUrl>
<AvatarUrl size="xxsmall">https://assets4-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/xxsmall.png?1363101197</AvatarUrl>
<Sponsor>Web Developer - Build Group</Sponsor>
<PawCount>0</PawCount>
<CommentCount>0</CommentCount>
<CommentsAllowed>true</CommentsAllowed>
<PostedAt>Tue, 26 Nov 2013 04:06:04 -0500</PostedAt>
</NewsItem>

<NewsItem contentIssues="true" id="38833" important="false" status="posted" url="https://my3.my.umbc.edu/posts/38833">
<Title>The key to success is a creative brief</Title>
<Body>
<![CDATA[
    <div class="html-content">
    <p><a href="http://netdna.webdesignerdepot.com/uploads/2013/11/cb.thumbnail.jpg" rel="nofollow external" class="bo"><img alt="cb.thumbnail" src="http://netdna.webdesignerdepot.com/uploads/2013/11/cb.thumbnail.jpg" width="200" height="160" style="max-width: 100%; height: auto;"></a>It’s a sad fact that the biggest problem freelancers face, is disagreements with a client once a project has started.</p> <p>It seems — judging by the amount of problems overheard by complaining designers — is that terms, changes, direction, and payments more often than not become roadblocks to a smooth and successful working relationship, usually ending what could be a continuing relationship between the freelancer, and client.</p> <p>There is a simple, logical, and professional way for both parties to understand each other with complete transparency. Unfortunately, it’s a step many creatives skip.</p> <h1>Where do most creatives stand on paperwork? </h1> <p>According to a recent <a href="http://www.webdesignerdepot.com/2012/12/what-designers-want/" rel="nofollow external" class="bo">survey</a>, 39% of designers don’t require clients to sign on the dotted (or any) line, to take on a project. It’s a fairly safe assumption that a formal creative brief is another form most creatives don’t use. </p> <p>The same survey reveals that creatives prefer clients who know what they’re looking for at the outset of their design project, and score points with designers. 51% of designers surveyed consider that one of the most important characteristics in a client. </p> <p>The opportunity to be creative, and design something cool motivates 62% of designers to take on a project, compared to 48% who are swayed by fat paychecks and just 6% who consider a client’s prominence key. </p> <p>48% of designers say the lack of helpful feedback is among their biggest challenges in working with clients, while 42% point to clients’ lack of direction, and 25% indicate unrealistic expectations as major obstacles. </p> <p>With all of this in mind, how can a designer, or design staff, achieve all of these, and protect their rights, and sanity? The answer is a creative brief.</p> <p> </p> <h1>Why a creative brief solves problems </h1> <p>Ask someone to sign a contract, and they will usually have a reason as to why they don’t want to sign. A contract contains hard, and fast rules of the business end of a project. The length of execution, change fees, payments and rights of use are some of the elements spelled out in a contract. With careful wording, a creative brief can hold all of that information, too! </p> <p>When first sitting down in the office, or conference room of a client, or meeting of the different players in your company, it’s time to start taking notes on what is said, asking certain questions, and… setting requirements, and boundaries. </p> <p><a href="http://graphicleftovers.com/graphic/1762458-business-meeting" rel="nofollow external" class="bo"><img src="http://netdna.webdesignerdepot.com/uploads/2013/11/cb.handshake-1024x628.jpg" width="650" alt="The key to success is a creative brief" style="max-width: 100%; height: auto;"></a></p> <p>At one firm, which was a very large corporation, we would all sit down in the conference room for a project meeting. Each department head would listen to the project scope, and desired results. Like a puzzle, each step depended on every department meeting the milestones set so the next department could pick up there, and supply the needed elements only they could provide, and so on around the company until it fell upon the art department.</p> <p>If one department took too long with their part, like a tower with a missing part in the middle, the project would start to tumble down. Unfortunately, it would always be the art department that would be crushed under the weight of the steel beams of incompetence, supplied by other departments. </p> <p>The creative brief, written up, and sent out by the art department served to hold people responsible. In regular meetings during the project, it made it easier to ask other departments where they stood on their milestones, and why, inevitably, they were late. With a sympathetic, and strong project leader, responsibility, and meeting deadlines will make sure that creatives won’t have a week to create the final project when other departments were to take only two weeks out of a two-month project. </p> <p>It seems that at most companies this is the standard operating procedure. It’s rare that a project manager can or will keep tight reign on milestones. It’s even more rare that there’s a professional project manager at companies. Usually, someone will be assigned as a project manager, and they might not have enough experience, or the corporate level to demand strict adherence to milestones on a project. In a corporate setting, this usually leads to problems with getting a project done on time. In a freelance situation, <em>your</em> time is <em>your</em> money, and when you end up either working an extra week, or so on a flat fee, trying to charge for extra hours, or working an extreme rush to make a deadline, it’s a losing situation for you, and can lead to a project that probably won’t be your best work. In the end you’ll get the blame, and although unfair, well… welcome to business! </p> <p>So, how do you protect your reputation, income potential, and show yourself to be a valuable vendor to a client, or a competent project manager to your corporate boss? Start with a clear, and concise creative brief, and an iron fist! If written correctly, the information you include will leave no stone unturned and, no question unanswered. It’s not really hard. </p> <p>In the long run, a complete, and clear creative brief promotes transparency for all parties, and that is one of the things clients appreciate in a creative project, where they don’t fully understand the creative process.</p> <p> </p> <h1>How to get started </h1> <p>The computer did not, as promised, make us a paperless society. Digital communications added to the lack of memory people have. Computers, in a big way, replaced our ability to remember, and store information in our own brains. An example is when a client doesn’t remember you saying something on an email, like asking to be paid, or trying to find out why the three-day period for a decision on final designs has taken 17 months.</p> <p>Organization is the key. When I first started my design career, working both freelance, and on staff, I would create a job folder for each, and every assignment, and project. I started by labeling the folder, and then having a short creative brief written on the outside of the folder. It listed the following: </p> <ul> <li>Name of the project.</li> <li>Date I received it.</li> <li>Date the project was due.</li> <li>Who was involved in the project, their names, phone numbers/extensions, email addresses.</li> <li>Milestones for materials needed from these people.</li> <li>From there, as the project proceeded, I would write down notes of what was happening on a daily basis.</li> <li>Were we on time?</li> <li>Were there requested changes, and by whom?</li> <li>What milestones were missed, and by whom?</li> <li>When files were delivered, and to whom. </li> </ul> <p>Within these file folders, I placed all printouts of the design stages, emails from other departments/people, and anything else that pertained to the project. Most of my bosses commended me for “knowing where the project was at any time.” </p> <p>At one employer, where incompetence was encouraged through rampant <a href="http://en.wikipedia.org/wiki/Peter_Principle" rel="nofollow external" class="bo">Peter Principle</a>, I was told my file folders, “made people nervous.” </p> <p><a href="http://graphicleftovers.com/graphic/2080094-file-folders" rel="nofollow external" class="bo"><img src="http://netdna.webdesignerdepot.com/uploads/2013/11/cb.folder-1024x628.jpg" width="650" alt="The key to success is a creative brief" style="max-width: 100%; height: auto;"></a></p> <p>Of course people were nervous; it held people accountable. It’s not that the folders were set up to embarrass people… well, I admit that it was a part of it because the blame-game was big at that firm, and I had to protect myself from the lying finger-pointers, which really infuriated them to no end, but it was also the only way to keep a 100% on time delivery record. </p> <p>The plain fact is that these folders were invaluable to juggle what was sometimes two-dozen projects going on at once. Multitasking is nothing more than being organized, and there are tools one can use for that organization. The “Folders of Evidence, and Blame,” as my boss referred to them, were invaluable. </p> <p>While these were somewhat private creative briefs for myself, it’s best, when managing a project, especially on a freelance basis, to have a written brief for everyone to retain for their own folders, if they have one.</p> <p> </p> <h1>Creating a brief </h1> <p><a href="http://graphicleftovers.com/graphic/2133834-writing-businessman" rel="nofollow external" class="bo"><img src="http://netdna.webdesignerdepot.com/uploads/2013/11/cb.writing-1024x628.jpg" width="650" alt="The key to success is a creative brief" style="max-width: 100%; height: auto;"></a></p> <p>I’ve looked at other creative briefs available on the web and frankly; I’m not impressed with what I saw. The examples available didn’t cover enough to really let the client know all of the steps nor did it cover the creative’s end of the project. Here’s a brief that you can use as a template for your next project:</p> <p> </p> <p><strong>Client/Client contact information:</strong></p> <p>Name, phone number, and email address for the person or the team on the client side.</p> <p><strong>Project:</strong></p> <p>Title of project</p> <p><strong>Prepared by:</strong></p> <p>Name, phone number and email address for the person who is responsible for in-house project management.</p> <p><strong>Background/Overview:</strong></p> <p>Detailed description of EVERYTHING that needs to be done! Include absolutely everything you can think of that will be included so any scope creep can be billed separately.</p> <p><strong>Timeline/Milestones:</strong></p> <p><strong>Start time:</strong> Date goes here.</p> <p>Client delivers images/logos for brochure, web banner, and web site. All proofread copy delivered by client. </p> <p><strong>1st Milestone:</strong></p> <p>Sketches for design of all components – (set date).</p> <p>Client revisions/approval by (set date).</p> <p>Revised sketches delivered by (set date).</p> <p>Client revisions/approval by (set date).</p> <p>*Further revisions will change milestones. Adjusted brief will be resubmitted to client. </p> <p><strong>2nd Milestone:</strong></p> <p>Second stage design – (set date).</p> <p>Client revisions/approval by (set date).</p> <p>Revised images delivered by (set date).</p> <p>*Further revisions will change milestones. Adjusted brief will be resubmitted to client. </p> <p><strong>3rd Milestone:</strong></p> <p>(Set date)</p> <p>Presentation of completed designs to client for viewing/approval.</p> <p>*Further revisions will change milestones. Adjusted brief will be resubmitted to client.</p> <p><strong>4th Milestone:</strong></p> <p>(Set date)</p> <p>Uploading, or delivery to printer (set date).</p> <p><strong>Payments:</strong></p> <p><strong>Fee:</strong> $ (total fee for project)</p> <p><strong>Deposit:</strong> $ (set fee – should be one-third to half of total fee). Deposit due at start time.</p> <p><strong>1st Milestone:</strong> $ (percentage of total fee)</p> <p><strong>2nd Milestone:</strong> $ (percentage of total fee)</p> <p><strong>3rd Milestone:</strong> $ (percentage of total fee)</p> <p><strong>4th Milestone:</strong> $ (*ideally, this should be the final percentage of the entire fee for the project)</p> <p>* Changes beyond the first round (further changes) will be billed separately at a rate of $ (set hourly rate) per hour.</p> <p><strong>Rights:</strong></p> <p>Client purchases all rights to design/copyright for work rendered. Transfer of copyright is contingent upon full payment.</p> <p> </p> <p>This, of course, is just the basics as an example. The more you list, going into the smallest details, the more you will protect yourself against “misunderstandings” as the project proceeds. The biggest problem with any project is the “but I said…” or “I thought this would be…” and the ever popular, “I thought we were going to add this?”</p> <p>While a contract spells out rights, payments, and promises kept only through legal wording, a creative brief shows all parties how the project will proceed, and, most importantly, how payments will be made. With a contract, people may see it at the beginning of the project, but won’t look at it again until you are threatening to sue them for breaking your agreement. The creative brief reminds people every step of the way that you won’t work for free, excessive changes will cost more.</p> <p>Still, a creative brief may need to include the demographics of the customer/target audience. Although I haven’t experienced it myself, I have heard from other designers about clients who set the design standards of a project, but later complain that the work doesn’t reflect their consumer base.</p> <p> </p> <h1>Make the language clear</h1> <p>One example I can relate about a language misunderstanding was a company president who kept using the word, “sophisticated” for a design project. With every design sketch, she would say, “No, no, no! I want sophisticated!”</p> <p>After eleven attempts at “sophisticated,” I finally asked her to show me some examples of what she liked, and I would take it as inspiration. After she pointed out a few examples, I realized she was wrong, and severely nuts! What she really wanted was something whimsical. This is a great, and painful, example of miscommunication, and how much work just one word — one descriptor can cause. I was on staff at the company so it wasn’t as big of a deal as if it was a freelance assignment, which would have been a disaster if it were a flat fee. It was just an extreme waste of time, and a tick that showed up on my annual performance review as, “failed to satisfy the president’s wishes in eleven rounds of changes.”</p> <p>This is yet something else that needs to be included in the creative brief. Words can be misinterpreted, or misused. Sometimes people use their hands to describe what they want, moving them up, and down, and sideways to specify size, layout, or “sophistication.” Your job, as the creative lead, is to pull out from the odd babbling what it is they really mean, and place it into the written brief so there are no extra rounds of design that cut into your fee, or take you away from other projects.</p> <p>Demographics are another important point to clarify for the creative brief. <em>Who</em> is the intended audience? The answer might be “everybody,” and it might be “18-28 year-old men who live in their parent’s basement.”</p> <p>Remember to ask these questions so when you are ready to write up your brief to present to the client, there will be no holes that might trip up the project down the road. If there are any holes, or misunderstandings, the time… and money, will come out of <em>your</em> end, and that can add up over a year to thousands of dollars.</p> <p> </p> <h1>When trouble arises</h1> <p>Anyone who tells you they have never had a problem with a design project is either a liar, or a psychotic. There are projects that run up against certain questions either during, or after a project is complete. Usually it’s getting paid when a client questions how much work has actually been done, and why the project costs more then $79.</p> <p><a href="http://graphicleftovers.com/graphic/2297436-scared-goofy-business-person-expressing-fear" rel="nofollow external" class="bo"><img src="http://netdna.webdesignerdepot.com/uploads/2013/11/cb.scared-1024x628.jpg" width="650" alt="The key to success is a creative brief" style="max-width: 100%; height: auto;"></a></p> <p>Seriously, we laugh at that statement but we all know it to be true. In cases where you must sit down with the client, and go over all aspects of the project, and show proof of requests, changes, and costs incurred by you, the folder will hold all of the answers. Naturally, the client might not agree that the answer they sent in an email, telling you that all designs are approved is really what they meant, but that leads to another avenue — court.</p> <p>If you are forced to go to court or mediation, the project folder is a legal dream — maybe an orgasm! Everything in writing, in one place and ready to present as the record of each step. Even if you have no contract (you should have one!), the project folder, and the creative brief will show intent, agreement, and steps taken to complete the project.</p> <p>You will also find that creative briefs are handy for repeat clients. In web design, it’s important to retain clients to service their ever-changing web needs. As technology evolves, and companies grow, the original creative brief serves to remind you of how the client prefers to work with you. Reviewing past project files, and briefs can also remind you when it’s time to contact a client to pitch updates to their site. It’s a wonderful tool that’s valuable to your business. So, run out to your local office supply store, buy some file folders, design a creative brief sheet with your logo on it, and you’ll see how easy a great creative brief, and project folder can make your life and business.</p> <p> </p> <p><em><strong>Do you use a creative brief? Has it helped your projects? Let us know your experiences in the comments.</strong></em></p> <p><em>Images ©<a href="http://graphicleftovers.com" rel="nofollow external" class="bo">GL Stock Images</a></em></p> <p><br><br> </p>
    <table width="100%"> <tbody>
    <tr> <td> <a href="http://www.mightydeals.com/deal/ingimage-stock-photos.html?ref=inwidget" rel="nofollow external" class="bo"><strong>Imgimage: Choose Among 2 Million Stock Images – from $15!</strong></a> </td> <td> <a href="http://www.mightydeals.com/?ref=inwidget" rel="nofollow external" class="bo"><br> <img src="http://mightydeals.com/web/images/widget-logo.png" height="40" width="90" alt="The key to success is a creative brief" style="max-width: 100%; height: auto;"><br> </a> </td> </tr> </tbody>
    </table> <p><br> </p> <a href="http://www.webdesignerdepot.com/2013/11/the-key-to-success-is-a-creative-brief/" rel="nofollow external" class="bo">Source</a> <br><div><table border="0"><tbody><tr><td>
    <a href="http://share.feedsportal.com/share/twitter/?u=http%3A%2F%2Fwww.webdesignerdepot.com%2F2013%2F11%2Fthe-key-to-success-is-a-creative-brief%2F&amp;t=The+key+to+success+is+a+creative+brief" rel="nofollow external" class="bo"><img src="http://res3.feedsportal.com/social/twitter.png" style="max-width: 100%; height: auto;"></a> <a href="http://share.feedsportal.com/share/facebook/?u=http%3A%2F%2Fwww.webdesignerdepot.com%2F2013%2F11%2Fthe-key-to-success-is-a-creative-brief%2F&amp;t=The+key+to+success+is+a+creative+brief" rel="nofollow external" class="bo"><img src="http://res3.feedsportal.com/social/facebook.png" style="max-width: 100%; height: auto;"></a> <a href="http://share.feedsportal.com/share/linkedin/?u=http%3A%2F%2Fwww.webdesignerdepot.com%2F2013%2F11%2Fthe-key-to-success-is-a-creative-brief%2F&amp;t=The+key+to+success+is+a+creative+brief" rel="nofollow external" class="bo"><img src="http://res3.feedsportal.com/social/linkedin.png" style="max-width: 100%; height: auto;"></a> <a href="http://share.feedsportal.com/share/gplus/?u=http%3A%2F%2Fwww.webdesignerdepot.com%2F2013%2F11%2Fthe-key-to-success-is-a-creative-brief%2F&amp;t=The+key+to+success+is+a+creative+brief" rel="nofollow external" class="bo"><img src="http://res3.feedsportal.com/social/googleplus.png" style="max-width: 100%; height: auto;"></a> <a href="http://share.feedsportal.com/share/email/?u=http%3A%2F%2Fwww.webdesignerdepot.com%2F2013%2F11%2Fthe-key-to-success-is-a-creative-brief%2F&amp;t=The+key+to+success+is+a+creative+brief" rel="nofollow external" class="bo"><img src="http://res3.feedsportal.com/social/email.png" style="max-width: 100%; height: auto;"></a>
    </td></tr></tbody></table></div>
    <br><br><a href="http://da.feedsportal.com/r/180265004719/u/49/f/661066/c/35285/s/341b37dc/a2.htm" rel="nofollow external" class="bo"><img src="http://da.feedsportal.com/r/180265004719/u/49/f/661066/c/35285/s/341b37dc/a2.img" style="max-width: 100%; height: auto;"></a>
    </div>
]]>
</Body>
<Summary>It’s a sad fact that the biggest problem freelancers face, is disagreements with a client once a project has started.   It seems — judging by the amount of problems overheard by complaining...</Summary>
<Website>http://rss.feedsportal.com/c/35285/f/661066/s/341b37dc/sc/4/l/0L0Swebdesignerdepot0N0C20A130C110Cthe0Ekey0Eto0Esuccess0Eis0Ea0Ecreative0Ebrief0C/story01.htm</Website>
<TrackingUrl>https://my3.my.umbc.edu/api/v0/pixel/news/38833/guest@my.umbc.edu/29e2f9719b377490886c2f814ee4efa7/api/pixel</TrackingUrl>
<Tag>art</Tag>
<Tag>business</Tag>
<Tag>contracts</Tag>
<Tag>creative-brief</Tag>
<Tag>css</Tag>
<Tag>design</Tag>
<Tag>development</Tag>
<Tag>freelance</Tag>
<Tag>graphic-design</Tag>
<Tag>html</Tag>
<Tag>html5</Tag>
<Tag>illustrator</Tag>
<Tag>javascript</Tag>
<Tag>mysql</Tag>
<Tag>negotiations</Tag>
<Tag>oracle</Tag>
<Tag>photoshop</Tag>
<Tag>php</Tag>
<Tag>project-management</Tag>
<Tag>sql</Tag>
<Tag>web-design</Tag>
<Group token="retired-583">Web Developer - Build Group</Group>
<GroupUrl>https://my3.my.umbc.edu/groups/retired-583</GroupUrl>
<AvatarUrl>https://assets3-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/xsmall.png?1363101197</AvatarUrl>
<AvatarUrl size="original">https://assets4-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/original.jpg?1363101197</AvatarUrl>
<AvatarUrl size="xxlarge">https://assets4-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/xxlarge.png?1363101197</AvatarUrl>
<AvatarUrl size="xlarge">https://assets4-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/xlarge.png?1363101197</AvatarUrl>
<AvatarUrl size="large">https://assets3-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/large.png?1363101197</AvatarUrl>
<AvatarUrl size="medium">https://assets3-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/medium.png?1363101197</AvatarUrl>
<AvatarUrl size="small">https://assets4-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/small.png?1363101197</AvatarUrl>
<AvatarUrl size="xsmall">https://assets3-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/xsmall.png?1363101197</AvatarUrl>
<AvatarUrl size="xxsmall">https://assets4-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/xxsmall.png?1363101197</AvatarUrl>
<Sponsor>Web Developer - Build Group</Sponsor>
<PawCount>0</PawCount>
<CommentCount>0</CommentCount>
<CommentsAllowed>true</CommentsAllowed>
<PostedAt>Tue, 26 Nov 2013 03:15:19 -0500</PostedAt>
<EditAt>Tue, 26 Nov 2013 03:15:19 -0500</EditAt>
</NewsItem>

<NewsItem contentIssues="false" id="38829" important="false" status="posted" url="https://my3.my.umbc.edu/posts/38829">
<Title>What Makes a Great API?</Title>
<Body>
<![CDATA[
    <div class="html-content"><p>API’s are essential to the development of an interactive webpage, they play a major role in the World Wide Web today, this article discusses the necessary points of an API to which any respectable developer should understand and be familiar with.</p></div>
]]>
</Body>
<Summary>API’s are essential to the development of an interactive webpage, they play a major role in the World Wide Web today, this article discusses the necessary points of an API to which any respectable...</Summary>
<Website>http://www.htmlgoodies.com/beyond/reference/what-makes-a-great-api.html</Website>
<TrackingUrl>https://my3.my.umbc.edu/api/v0/pixel/news/38829/guest@my.umbc.edu/917aa15c0080f2010451788873c569db/api/pixel</TrackingUrl>
<Tag>html</Tag>
<Tag>htmlgoodies</Tag>
<Tag>learning</Tag>
<Group token="retired-583">Web Developer - Build Group</Group>
<GroupUrl>https://my3.my.umbc.edu/groups/retired-583</GroupUrl>
<AvatarUrl>https://assets3-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/xsmall.png?1363101197</AvatarUrl>
<AvatarUrl size="original">https://assets4-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/original.jpg?1363101197</AvatarUrl>
<AvatarUrl size="xxlarge">https://assets4-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/xxlarge.png?1363101197</AvatarUrl>
<AvatarUrl size="xlarge">https://assets4-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/xlarge.png?1363101197</AvatarUrl>
<AvatarUrl size="large">https://assets3-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/large.png?1363101197</AvatarUrl>
<AvatarUrl size="medium">https://assets3-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/medium.png?1363101197</AvatarUrl>
<AvatarUrl size="small">https://assets4-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/small.png?1363101197</AvatarUrl>
<AvatarUrl size="xsmall">https://assets3-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/xsmall.png?1363101197</AvatarUrl>
<AvatarUrl size="xxsmall">https://assets4-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/xxsmall.png?1363101197</AvatarUrl>
<Sponsor>Web Developer - Build Group</Sponsor>
<PawCount>0</PawCount>
<CommentCount>0</CommentCount>
<CommentsAllowed>true</CommentsAllowed>
<PostedAt>Mon, 25 Nov 2013 22:24:00 -0500</PostedAt>
</NewsItem>

<NewsItem contentIssues="false" id="38830" important="false" status="posted" url="https://my3.my.umbc.edu/posts/38830">
<Title>ConnectWise Unveils New Software Development Kit to Streamline Integration Process</Title>
<Body>
<![CDATA[
    <div class="html-content"><p>ConnectWise’s new SDK serves as a one stop shop for all APIs so developers don’t need multiple service references to the source code.</p></div>
]]>
</Body>
<Summary>ConnectWise’s new SDK serves as a one stop shop for all APIs so developers don’t need multiple service references to the source code.</Summary>
<Website>http://www.htmlgoodies.com/daily_news/connectwise-unveils-new-software-development-kit-to-streamline-integration-process.html</Website>
<TrackingUrl>https://my3.my.umbc.edu/api/v0/pixel/news/38830/guest@my.umbc.edu/ca97f843e3d1bda613474bffce65f218/api/pixel</TrackingUrl>
<Tag>html</Tag>
<Tag>htmlgoodies</Tag>
<Tag>learning</Tag>
<Group token="retired-583">Web Developer - Build Group</Group>
<GroupUrl>https://my3.my.umbc.edu/groups/retired-583</GroupUrl>
<AvatarUrl>https://assets3-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/xsmall.png?1363101197</AvatarUrl>
<AvatarUrl size="original">https://assets4-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/original.jpg?1363101197</AvatarUrl>
<AvatarUrl size="xxlarge">https://assets4-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/xxlarge.png?1363101197</AvatarUrl>
<AvatarUrl size="xlarge">https://assets4-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/xlarge.png?1363101197</AvatarUrl>
<AvatarUrl size="large">https://assets3-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/large.png?1363101197</AvatarUrl>
<AvatarUrl size="medium">https://assets3-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/medium.png?1363101197</AvatarUrl>
<AvatarUrl size="small">https://assets4-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/small.png?1363101197</AvatarUrl>
<AvatarUrl size="xsmall">https://assets3-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/xsmall.png?1363101197</AvatarUrl>
<AvatarUrl size="xxsmall">https://assets4-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/xxsmall.png?1363101197</AvatarUrl>
<Sponsor>Web Developer - Build Group</Sponsor>
<PawCount>0</PawCount>
<CommentCount>0</CommentCount>
<CommentsAllowed>true</CommentsAllowed>
<PostedAt>Mon, 25 Nov 2013 22:17:00 -0500</PostedAt>
</NewsItem>

<NewsItem contentIssues="false" id="38831" important="false" status="posted" url="https://my3.my.umbc.edu/posts/38831">
<Title>Genuitec Announces the Release of MyEclipse Bling 2013 Including HTML5 and jQuery Mobile Tools</Title>
<Body>
<![CDATA[
    <div class="html-content"><p>MyEclipse Bling is a specialized IDE allowing IBM shops to fully and completely adopt Spring technologies in their WebSphere-deployed applications from start to finish.</p></div>
]]>
</Body>
<Summary>MyEclipse Bling is a specialized IDE allowing IBM shops to fully and completely adopt Spring technologies in their WebSphere-deployed applications from start to finish.</Summary>
<Website>http://www.htmlgoodies.com/daily_news/genuitec-announces-the-release-of-myeclipse-bling-2013-including-html5-and-jquery-mobile-tools.html</Website>
<TrackingUrl>https://my3.my.umbc.edu/api/v0/pixel/news/38831/guest@my.umbc.edu/8409540e438d82d664b388ce46643eb2/api/pixel</TrackingUrl>
<Tag>html</Tag>
<Tag>htmlgoodies</Tag>
<Tag>learning</Tag>
<Group token="retired-583">Web Developer - Build Group</Group>
<GroupUrl>https://my3.my.umbc.edu/groups/retired-583</GroupUrl>
<AvatarUrl>https://assets3-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/xsmall.png?1363101197</AvatarUrl>
<AvatarUrl size="original">https://assets4-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/original.jpg?1363101197</AvatarUrl>
<AvatarUrl size="xxlarge">https://assets4-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/xxlarge.png?1363101197</AvatarUrl>
<AvatarUrl size="xlarge">https://assets4-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/xlarge.png?1363101197</AvatarUrl>
<AvatarUrl size="large">https://assets3-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/large.png?1363101197</AvatarUrl>
<AvatarUrl size="medium">https://assets3-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/medium.png?1363101197</AvatarUrl>
<AvatarUrl size="small">https://assets4-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/small.png?1363101197</AvatarUrl>
<AvatarUrl size="xsmall">https://assets3-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/xsmall.png?1363101197</AvatarUrl>
<AvatarUrl size="xxsmall">https://assets4-my.umbc.edu/system/shared/avatars/groups/000/000/583/fc60f5d7abc2e080599bb6dc465db54d/xxsmall.png?1363101197</AvatarUrl>
<Sponsor>Web Developer - Build Group</Sponsor>
<PawCount>0</PawCount>
<CommentCount>0</CommentCount>
<CommentsAllowed>true</CommentsAllowed>
<PostedAt>Mon, 25 Nov 2013 22:04:00 -0500</PostedAt>
</NewsItem>

</News>
