<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:sy="http://purl.org/rss/1.0/modules/syndication/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0">

<channel>
	<title>The Virtual Tea Party</title>
	
	<link>http://blog.hattersworkshop.com</link>
	<description>A HattersWorkshop Blog - Technology, The Web, and Everything</description>
	<lastBuildDate>Sun, 16 Jun 2013 15:14:55 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.5.1</generator>
		<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/hattersworkshop/pRvN" /><feedburner:info uri="hattersworkshop/prvn" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><item>
		<title>Make Twitter 1.1 work on WordPress</title>
		<link>http://feedproxy.google.com/~r/hattersworkshop/pRvN/~3/BBxvfdgZ2SM/</link>
		<comments>http://blog.hattersworkshop.com/2013/06/16/make-twitter-1-1-work-on-wordpress/#comments</comments>
		<pubDate>Sun, 16 Jun 2013 15:14:55 +0000</pubDate>
		<dc:creator>hattersworkshop</dc:creator>
				<category><![CDATA[Cool Web Programs]]></category>
		<category><![CDATA[Great Tutorials]]></category>
		<category><![CDATA[Technology]]></category>

		<guid isPermaLink="false">http://blog.hattersworkshop.com/?p=600</guid>
		<description><![CDATA[Twitter 1.0 has been sunset by Twitter so it is no longer functional. As a result &#8211; all plugins and themes which used this API no longer work. You must now use the new v 1.1 API. The best WordPress Twitter 1.1 solution I have seen so far is this little gem: Twitget by Boštjan Cigan. [...]]]></description>
				<content:encoded><![CDATA[<p>Twitter 1.0 has been sunset by Twitter so it is no longer functional. As a result &#8211; all plugins and themes which used this API no longer work. You must now use the new v 1.1 API.</p>
<p>The best WordPress Twitter 1.1 solution I have seen so far is this little gem: <a href="http://wordpress.org/plugins/twitget/" target="_blank">Twitget</a> by <a href="http://profiles.wordpress.org/zerocool51/" target="_blank">Boštjan Cigan.<br />
</a>Its free, installs easy, and there is a silent yet effective <a href="http://www.youtube.com/watch?v=noB3P-K-wb4&amp;feature=youtu.be">YouTube</a> video to help guide you on your way through the Twitter applet creator.</p>
<p>The widget allows you to add custom html to let you revise the css in ways that actually wern&#8217;t possible in any of the tools I saw in 1.0 so kudos to Bostjan for expanding the features and making this problem into an opportunity.</p>
<p>I&#8217;m currently using this plugin on another site of mine: <a href="http://www.TEDxBushnellPark.com" target="_blank">http://www.TEDxBushnellPark.com</a><br />
Hope this help.</p>
<img src="http://feeds.feedburner.com/~r/hattersworkshop/pRvN/~4/BBxvfdgZ2SM" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://blog.hattersworkshop.com/2013/06/16/make-twitter-1-1-work-on-wordpress/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://blog.hattersworkshop.com/2013/06/16/make-twitter-1-1-work-on-wordpress/</feedburner:origLink></item>
		<item>
		<title>Can You be a Little Bit Agile?</title>
		<link>http://feedproxy.google.com/~r/hattersworkshop/pRvN/~3/BSWz2CET8eI/</link>
		<comments>http://blog.hattersworkshop.com/2013/04/10/can-you-be-a-little-bit-agile/#comments</comments>
		<pubDate>Thu, 11 Apr 2013 04:16:01 +0000</pubDate>
		<dc:creator>hattersworkshop</dc:creator>
				<category><![CDATA[Confrence Notes]]></category>
		<category><![CDATA[Teaching]]></category>
		<category><![CDATA[Technology]]></category>

		<guid isPermaLink="false">http://blog.hattersworkshop.com/?p=593</guid>
		<description><![CDATA[I had the pleasure of attending a presentation from Susan Burk, Principal of Top Five To Seven LLC, about adopting pieces of agile development without embracing all of it. Essentially, being &#8220;A Little Agile&#8221; shop. Can it work? Why do large companies tend to do this? What parts are indispensable? My notes are as follows: [...]]]></description>
				<content:encoded><![CDATA[<p>I had the pleasure of attending a presentation from Susan Burk, Principal of Top Five To Seven LLC, about adopting pieces of agile development without embracing all of it. Essentially, being &#8220;A Little Agile&#8221; shop. Can it work? Why do large companies tend to do this? What parts are indispensable?</p>
<p>My notes are as follows:</p>
<p><strong>Obstacles Large Organizations Face:</strong></p>
<ul>
<li>HR Considerations:
<ul>
<li>Allocations – Resources must have 100% load to be considered efficient</li>
<li>Roles – People are rigidly defined in a role</li>
<li>Incentives – Personal incentives  given primarily for personal goals</li>
<li>Regulatory Constraints:
<ul>
<li>Finance, Healthcare, Pharmaceuticals</li>
<li>Incremental Delivery – Must release all at the same time</li>
<li>Scale – “Agile cannot be used on large projects”</li>
<li>Distributed Teams – “Agile has to be done on site”</li>
</ul>
</li>
</ul>
</li>
</ul>
<ul>
<li>Documentation Requirements – Real or Imaginary
<ul>
<li>Who reads the documentation and write the required amount of documentation.</li>
</ul>
</li>
<li>Architecture Requirements
<ul>
<li>Key people have to commit for the origination of the project or the project will suffer as a result.</li>
</ul>
</li>
</ul>
<p><strong>3D Adoption: Agile Adoption of Agile</strong></p>
<ul>
<li>Roll out practices with business value</li>
<li>Paves way for futre agile advancement</li>
<li>Introduce more concepts over time</li>
<li>Address corporate and culture concerns early</li>
<li>Conduct leadership / platform level retrospective</li>
</ul>
<p><strong>Where can you compromise?</strong></p>
<ul>
<li>Create a fully agile team
<ul>
<li>Slowly introduce these practices to other areas</li>
<li>Add Primary and Secondary roles to resources instead of additional projects
<ul>
<li>Create ‘Generalized Specialists”</li>
</ul>
</li>
</ul>
</li>
</ul>
<ul>
<li>Documentation Requirements:
<ul>
<li>Ask to change the format and product only what what has a clearly defined “consumer”</li>
<li>The tests for your project can generally be used to document what it something should do and how it would work. Perhaps use Epic stories or Use cases to describe a function.</li>
</ul>
</li>
</ul>
<ul>
<li>Architecture Requirements
<ul>
<li>Set up “Platforms” or “turfs” allowing designers and architects to specialize in broader areas and allow for cross pollination.</li>
<li>Key roles must commit to project during start up.</li>
</ul>
</li>
</ul>
<p><strong>Where CANT you compromise?</strong></p>
<ul>
<li>Stories written from business perspective must deliver business value on each iteration</li>
</ul>
<p><strong>Companies can benefit from:</strong></p>
<ul>
<li>Agile coaches + Mentoring</li>
<li>3 projects before people really get it</li>
</ul>
<p><strong>Success Stories:</strong></p>
<ul>
<li>IBM: Websphere – They were eventually producing software faster than their customers could consume it.</li>
<li>Michael Mah</li>
<li>Merask Shiplines</li>
</ul>
<p><strong>Read:</strong> Jefferson and the Art of Power<br />
Scott Ander, or Ellen Goldensteiner</p>
<img src="http://feeds.feedburner.com/~r/hattersworkshop/pRvN/~4/BSWz2CET8eI" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://blog.hattersworkshop.com/2013/04/10/can-you-be-a-little-bit-agile/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://blog.hattersworkshop.com/2013/04/10/can-you-be-a-little-bit-agile/</feedburner:origLink></item>
		<item>
		<title>Launched TheHOTSpace.com</title>
		<link>http://feedproxy.google.com/~r/hattersworkshop/pRvN/~3/auxE2RIwXe8/</link>
		<comments>http://blog.hattersworkshop.com/2012/12/23/launched-thehotspace-com/#comments</comments>
		<pubDate>Sun, 23 Dec 2012 18:34:24 +0000</pubDate>
		<dc:creator>hattersworkshop</dc:creator>
				<category><![CDATA[Around The Office]]></category>
		<category><![CDATA[Around West Hartford]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[Web Launches]]></category>

		<guid isPermaLink="false">http://blog.hattersworkshop.com/?p=586</guid>
		<description><![CDATA[The HOTSpace.com is the temporary name and home for The Hartford Open Technology Space, a Hartford Hacker and Maker Space.This site will be the best way to get a view of whats going on within the space as it will warehouse all the links, documents, and discussions we have had about the space. Key resources [...]]]></description>
				<content:encoded><![CDATA[<p><a href="http://www.thehotspace.com/" target="_blank">The HOTSpace.com</a> is the temporary name and home for The Hartford Open Technology Space, a Hartford Hacker and Maker Space.This site will be the best way to get a view of whats going on within the space as it will warehouse all the links, documents, and discussions we have had about the space.</p>
<p>Key resources at this point are the Mailing List, Blog, and Forum.<br />
Eventually I would like to see meetup and class schedules, list of equipment / wishlist, member or project bios and other fun content, but first I suppose we should finish setting up the space.</p>
<img src="http://feeds.feedburner.com/~r/hattersworkshop/pRvN/~4/auxE2RIwXe8" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://blog.hattersworkshop.com/2012/12/23/launched-thehotspace-com/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://blog.hattersworkshop.com/2012/12/23/launched-thehotspace-com/</feedburner:origLink></item>
		<item>
		<title>The beginning of The hotSpace (Hartford Open Technology Space)</title>
		<link>http://feedproxy.google.com/~r/hattersworkshop/pRvN/~3/ubzCu9apt6w/</link>
		<comments>http://blog.hattersworkshop.com/2012/11/21/the-beginning-of-the-hotspace-hartford-open-technology-space/#comments</comments>
		<pubDate>Wed, 21 Nov 2012 08:06:35 +0000</pubDate>
		<dc:creator>hattersworkshop</dc:creator>
				<category><![CDATA[Around The Office]]></category>
		<category><![CDATA[Around West Hartford]]></category>
		<category><![CDATA[Social]]></category>
		<category><![CDATA[Technology]]></category>

		<guid isPermaLink="false">http://blog.hattersworkshop.com/?p=578</guid>
		<description><![CDATA[After a great Open Studio weekend I&#8217;ve decided that I want to look into making a Hartford Hackerspace. The tech &#38; entrepreneurial communities within Hartford have grown considerably in the last few years and I think a Critical Mass has been struck. Now, we need a space. The goal of this venture will be to [...]]]></description>
				<content:encoded><![CDATA[<p>After a great Open Studio weekend I&#8217;ve decided that I want to look into making a Hartford Hackerspace.</p>
<p>The tech &amp; entrepreneurial communities within Hartford have grown considerably in the last few years and I think a Critical Mass has been struck. Now, we need a space.</p>
<p>The goal of this venture will be to create an “open” technology working space for the downtown area of Hartford. This space will rent out private work stations and offer many of the amenities of working within a larger community such as office resources and hardware, meeting spaces and technical support, receptive community members, classes and events, and of course, gourmet coffee.</p>
<p>A facebook group has been created:  http://www.facebook.com/groups/429751137090798/<br />
Other documents will be made available as they are ready for public consumption.</p>
<img src="http://feeds.feedburner.com/~r/hattersworkshop/pRvN/~4/ubzCu9apt6w" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://blog.hattersworkshop.com/2012/11/21/the-beginning-of-the-hotspace-hartford-open-technology-space/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://blog.hattersworkshop.com/2012/11/21/the-beginning-of-the-hotspace-hartford-open-technology-space/</feedburner:origLink></item>
		<item>
		<title>Save the Date: TEDxBushnellPark is 6/22/2013</title>
		<link>http://feedproxy.google.com/~r/hattersworkshop/pRvN/~3/RmU6txuui3g/</link>
		<comments>http://blog.hattersworkshop.com/2012/11/11/save-the-date-tedxbushnellpark-is-5252013/#comments</comments>
		<pubDate>Sun, 11 Nov 2012 06:59:50 +0000</pubDate>
		<dc:creator>hattersworkshop</dc:creator>
				<category><![CDATA[Around The Office]]></category>
		<category><![CDATA[General Web Info]]></category>
		<category><![CDATA[Social]]></category>
		<category><![CDATA[Technology]]></category>

		<guid isPermaLink="false">http://blog.hattersworkshop.com/?p=576</guid>
		<description><![CDATA[Mark your calendars for June 22nd, 2013. The topic is: Improving the Community. The rest is still in the works as the speaker list is still developing and the location is TBA. However, I&#8217;ve been meeting potential speakers and am in talks with several venues. I&#8217;d like this event to showcase the innovative work that [...]]]></description>
				<content:encoded><![CDATA[<p>Mark your calendars for June 22nd, 2013.<br />
The topic is: Improving the Community.</p>
<p>The rest is still in the works as the speaker list is still developing and the location is TBA. However, I&#8217;ve been meeting potential speakers and am in talks with several venues. I&#8217;d like this event to showcase the innovative work that Hartford is doing to improve not only itself, but also the world as a whole.</p>
<p>There will be more announcements in the future and work has already started on the website and social media pages.<br />
Anyone interested in contributing to this effort is welcome to contact me. Please include your reason for taking interest, what you think you can help with, and your favorite TED video.</p>
<p>Currently looking for:</p>
<p>A/V Tech(s)<br />
Event Coordinator<br />
Grant writer<br />
Interns</p>
<img src="http://feeds.feedburner.com/~r/hattersworkshop/pRvN/~4/RmU6txuui3g" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://blog.hattersworkshop.com/2012/11/11/save-the-date-tedxbushnellpark-is-5252013/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://blog.hattersworkshop.com/2012/11/11/save-the-date-tedxbushnellpark-is-5252013/</feedburner:origLink></item>
		<item>
		<title>Open for Open Studio 2013</title>
		<link>http://feedproxy.google.com/~r/hattersworkshop/pRvN/~3/oB4xZyyoYdc/</link>
		<comments>http://blog.hattersworkshop.com/2012/09/11/open-for-open-studio-2013/#comments</comments>
		<pubDate>Wed, 12 Sep 2012 02:07:45 +0000</pubDate>
		<dc:creator>hattersworkshop</dc:creator>
				<category><![CDATA[Around The Office]]></category>
		<category><![CDATA[Around West Hartford]]></category>
		<category><![CDATA[Art & Design]]></category>
		<category><![CDATA[Art Event]]></category>
		<category><![CDATA[Social]]></category>

		<guid isPermaLink="false">http://blog.hattersworkshop.com/?p=582</guid>
		<description><![CDATA[My studio will be open on November 10th and 11th for Hartford Open Studio 2013. Please come up to the 4th floor of ArtSpace Hartford and visit me in studio #413. I&#8217;ll be showing pieces from my newest series &#8220;Primal Colors&#8221; and expect to have between 15 &#8211; 20 pieces for sale.]]></description>
				<content:encoded><![CDATA[<p>My studio will be open on November 10th and 11th for Hartford Open Studio 2013.<br />
Please come up to the 4th floor of ArtSpace Hartford and visit me in studio #413.</p>
<p>I&#8217;ll be showing pieces from my newest series &#8220;Primal Colors&#8221; and expect to have between 15 &#8211; 20 pieces for sale.</p>
<img src="http://feeds.feedburner.com/~r/hattersworkshop/pRvN/~4/oB4xZyyoYdc" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://blog.hattersworkshop.com/2012/09/11/open-for-open-studio-2013/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://blog.hattersworkshop.com/2012/09/11/open-for-open-studio-2013/</feedburner:origLink></item>
		<item>
		<title>Notes from TEDxLitchfieldED</title>
		<link>http://feedproxy.google.com/~r/hattersworkshop/pRvN/~3/wimww3kQabI/</link>
		<comments>http://blog.hattersworkshop.com/2012/07/30/notes-from-tedxlitchfielded/#comments</comments>
		<pubDate>Mon, 30 Jul 2012 23:10:18 +0000</pubDate>
		<dc:creator>hattersworkshop</dc:creator>
				<category><![CDATA[Around The Office]]></category>
		<category><![CDATA[What I Read]]></category>

		<guid isPermaLink="false">http://blog.hattersworkshop.com/?p=572</guid>
		<description><![CDATA[I was able to attend TEDxLitchfieldED on June 28 at the IBM conference center in Southbury, Conn. Overall the event discussed the future of education and smarter cities. I was also curious to see their setup as I&#8217;m beginning the planning phase of my own TEDx event, TEDxBushnellPark. The opening segment was a group activity [...]]]></description>
				<content:encoded><![CDATA[<p>I was able to attend TEDxLitchfieldED on June 28 at the IBM conference center in Southbury, Conn. Overall the event discussed the future of education and smarter cities. I was also curious to see their setup as I&#8217;m beginning the planning phase of my own TEDx event, TEDxBushnellPark.</p>
<p>The opening segment was a group activity to build a tower from marshmallows, pasta, tape and string. This was an awesome idea. It immediately woke people up and forced them to start interacting with one another.</p>
<p>The conference room lighting was dark, but with cool red flood lighting on either side of the stage.<br />
There were 2 Camera people and 4 Cameras</p>
<p><strong>Digital Learning for All Now: Jonathan Costa at TEDxLitchfieldED</strong><br />
Are there differences between college and workforce ready?<br />
How are they different?</p>
<p>“If you ask the wrong question, you will get the wrong answer”</p>
<p>Quote from Deming:<br />
Common causes (Systemic, predictable, controllable)<br />
Special causes (Random and unpredictable and beyond control)</p>
<p>As you prepare for special causes, we inevitably do it at the expense of the commons</p>
<p>To get kids ready for a digital future, we need to show them how to use new technology.</p>
<p>We used to think that kids using technology would lead them to sit in a room by themselves. Now, teachers are finding that most of what these kids do with technology is communicate with one another.</p>
<p>What happens to learning when everyone can get anything from anywhere? IE: Wikipedia.<br />
Its impossible for teachers to teach 21 century skills if they dont possess them themselves.<br />
If we limit access, we limit ability.</p>
<p>Every time we spend an annual budget on books and analog tasks we fail to turn ourselves into a digital school system which can leverage the advances of technology and create a more productive learning environment.</p>
<p>If you could afford to do it, would you do it?<br />
When the right thing to do becomes the least expensive thing to do – there are fewer barriers to doing it. We are quickly getting to that point in education.</p>
<p><strong>Wrong Question:</strong> Are we getting kids ready for the workforce, or are we getting them ready for college? And is getting them ready for college different than the workforce?</p>
<p>By pouring complete faith into testing we are pushing a special cause (a perceived weakness in reading writing and math) onto everyone and limiting kids from learning about everything else. It’s a model that doesn’t allow for creativity… and what if we’re wrong?</p>
<img src="http://feeds.feedburner.com/~r/hattersworkshop/pRvN/~4/wimww3kQabI" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://blog.hattersworkshop.com/2012/07/30/notes-from-tedxlitchfielded/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://blog.hattersworkshop.com/2012/07/30/notes-from-tedxlitchfielded/</feedburner:origLink></item>
		<item>
		<title>Scott Berkun – “The 5 Most Dangerous Ideas” Notes</title>
		<link>http://feedproxy.google.com/~r/hattersworkshop/pRvN/~3/uVpIYD8k_Ts/</link>
		<comments>http://blog.hattersworkshop.com/2012/06/22/scott-berkun-the-5-most-dangerous-ideas-notes/#comments</comments>
		<pubDate>Fri, 22 Jun 2012 17:37:56 +0000</pubDate>
		<dc:creator>hattersworkshop</dc:creator>
				<category><![CDATA[Around The Office]]></category>
		<category><![CDATA[Confrence Notes]]></category>

		<guid isPermaLink="false">http://blog.hattersworkshop.com/?p=544</guid>
		<description><![CDATA[Below are my notes from Scott Berkun&#8217;s presentation &#8220;Five Dangerous Ideas&#8221; at An Event Apart Boston 2012: 1. Everyone is a designer “Rats. My client thinks he is a designer. “ He is a designer, just an extremely bad one.Good designers are the only mentors for bad designers 2. You have no power If you have [...]]]></description>
				<content:encoded><![CDATA[<p><strong></strong>Below are my notes from Scott Berkun&#8217;s presentation &#8220;Five Dangerous Ideas&#8221; at An Event Apart Boston 2012:</p>
<p><strong>1. Everyone is a designer</strong><br />
“Rats. My client thinks he is a designer. “<br />
He is a designer, just an extremely bad one.<span id="more-544"></span><strong>Good designers are the only mentors for bad designers</strong></p>
<p><strong>2. You have no power</strong><br />
If you have little territory, fortifying it buys you nothing</p>
<p><strong>Power can be:</strong><br />
A. Granted<br />
B. Earned<br />
C. Claimed</p>
<p>Whoever uses the most jargon has the least confidence in their ideas<br />
In room power: The power to change ideas during a meeting<br />
Out of room power: The power to change ideas after the meeting</p>
<p><strong>3. The generalists are in charge</strong><br />
If there are more than 5 people in the room, you have less power than you think</p>
<p>Be the first to the whiteboard to frame the issues and take the power.</p>
<p><strong>4. We work in sales (regardless of your job title)<br />
</strong>Everyone has to pitch ideas<strong></strong></p>
<p>Surprise: these are sales tasks<br />
• Prototyping<br />
• Pitching<br />
• Evangelizing<br />
• Going to meetings run by someone else<br />
• Asking for resources<br />
• Giving presentations<br />
• Growing influence</p>
<p><strong>If people think you are smart and useful your job title is irrelevant</strong><br />
<strong>If people think you are dumb and useless your job title is also irrelevant</strong></p>
<p><strong>5. Creativity is Risk</strong></p>
<p>Who will:<br />
- Ask the tough question<br />
- Do the extra work<br />
- Be willing to fail, and learn<br />
- Put their reputation on the line<br />
- Commit to a big crazy idea</p>
<img src="http://feeds.feedburner.com/~r/hattersworkshop/pRvN/~4/uVpIYD8k_Ts" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://blog.hattersworkshop.com/2012/06/22/scott-berkun-the-5-most-dangerous-ideas-notes/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		<feedburner:origLink>http://blog.hattersworkshop.com/2012/06/22/scott-berkun-the-5-most-dangerous-ideas-notes/</feedburner:origLink></item>
		<item>
		<title>Jeffrey Zeldman’s “Content First!” Notes</title>
		<link>http://feedproxy.google.com/~r/hattersworkshop/pRvN/~3/W7dp69dRcyE/</link>
		<comments>http://blog.hattersworkshop.com/2012/06/22/jeffrey-zeldmans-content-first-notes/#comments</comments>
		<pubDate>Fri, 22 Jun 2012 17:25:29 +0000</pubDate>
		<dc:creator>hattersworkshop</dc:creator>
				<category><![CDATA[Around The Office]]></category>
		<category><![CDATA[Confrence Notes]]></category>

		<guid isPermaLink="false">http://blog.hattersworkshop.com/?p=542</guid>
		<description><![CDATA[Below are my notes from Jeffrey Zeldman&#8217;s presentation &#8220;Content First!&#8221; at An Event Apart Boston 2012: Content can be the design problem: Our designs are often hostile to content The content users want can be hidden away under promos, titles, ads, images, and generally lost in the layout of a page Designers may no longer [...]]]></description>
				<content:encoded><![CDATA[<p>Below are my notes from Jeffrey Zeldman&#8217;s presentation &#8220;Content First!&#8221; at An Event Apart Boston 2012:</p>
<p><strong>Content can be the design problem:</strong><br />
Our designs are often hostile to content<br />
The content users want can be hidden away under promos, titles, ads, images, and generally lost in the layout of a page<br />
Designers may no longer control the visual experience<br />
Maybe they never really did (They make mockups, developers build it. This makes the final product at best an interpretation of the original vision and then further abstracted because of the browser.)</p>
<p><strong><span id="more-542"></span>Bypassing your design is no longer a minority activity.<br />
</strong>Driven by user’s need for content.</p>
<p><strong>So what is the designer’s job?</strong><br />
To serve the customer. To connect the right user with the right content at the right time.<strong><br />
</strong></p>
<p>Design that does not serve people does not serve business.<br />
Good web design starts with content.</p>
<p>Content precedes design.<br />
<strong>Design in the absence of content is not design, it’s decoration.</strong></p>
<p>Small screen means content first.<br />
What’s good for mobile may be good for all.</p>
<img src="http://feeds.feedburner.com/~r/hattersworkshop/pRvN/~4/W7dp69dRcyE" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://blog.hattersworkshop.com/2012/06/22/jeffrey-zeldmans-content-first-notes/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://blog.hattersworkshop.com/2012/06/22/jeffrey-zeldmans-content-first-notes/</feedburner:origLink></item>
		<item>
		<title>Dan Cederholm “Handcrafted Patterns” Notes</title>
		<link>http://feedproxy.google.com/~r/hattersworkshop/pRvN/~3/_Z9we3w_egU/</link>
		<comments>http://blog.hattersworkshop.com/2012/06/22/dan-cederholm-handcrafted-patterns-notes/#comments</comments>
		<pubDate>Fri, 22 Jun 2012 15:06:28 +0000</pubDate>
		<dc:creator>hattersworkshop</dc:creator>
				<category><![CDATA[Around The Office]]></category>
		<category><![CDATA[Confrence Notes]]></category>

		<guid isPermaLink="false">http://blog.hattersworkshop.com/?p=537</guid>
		<description><![CDATA[Below are my notes from Dan Cederholm&#8217;s presentation &#8220;Handcrafted Patterns&#8221; at An Event Apart Boston 2012: Patterns Everything uses patterns and its not lazy We learn by: Imitation Repetition Innovation Microformats: Solve a specific problem Start as simple as possible Design for humans first, machines second Reuse building blocks from widely adopted standards Modularity / embeddability [...]]]></description>
				<content:encoded><![CDATA[<p><strong></strong><strong></strong>Below are my notes from Dan Cederholm&#8217;s presentation &#8220;Handcrafted Patterns&#8221; at An Event Apart Boston 2012:</p>
<p><strong>Patterns</strong><br />
Everything uses patterns and its not lazy</p>
<p><strong>We learn by:</strong><br />
Imitation<br />
Repetition<br />
Innovation<span id="more-537"></span></p>
<p><strong>Microformats</strong>:<br />
Solve a specific problem<br />
Start as simple as possible<br />
Design for humans first, machines second<br />
Reuse building blocks from widely adopted standards<br />
Modularity / embeddability</p>
<p><strong>Solve Small Problems</strong><br />
Placeholder HTML5 attribute can mock javascript hide and show<br />
jQuery poly-fill can be used to mock place holder attributes in nonsupported browsers</p>
<p><strong>Aria landmark roles</strong><br />
Role attribute can be used to help screen readers know which semantic element is the correct one.<br />
<strong>Example</strong>: there are w &lt;nav&gt; on a page, but only one has &lt;nav role=navigation”&gt;</p>
<p>Use of nth child [advanced selectors] on non critical enhancements, even though its not supported in all cases.<br />
Don’t rely on advanced selectors for layout, which may not have across the board support<br />
HTML5 allows for block level elements inside of A tags.</p>
<p>&nbsp;</p>
<p><strong>DIY Frameworks</strong><br />
SASS / LESS / Pre-processors  – Allows for rendering and computations inside of CSS code. Install SASS 3.2<br />
Use tools to plug holes that don’t alter your craft<br />
Test out Scout / Code Kit – to see what it does</p>
<p><strong>WHAT IS SASS?<br />
</strong>Sass is a meta-language on top of CSS that’s used to describe the style of a document cleanly and structurally, with more power than flat CSS allows.<strong></strong></p>
<p><strong>Allows you to use variables and do computations as part of CSS sheet generation.<br />
WICKED WICKED WICKED COOL!!!<br />
</strong></p>
<p>Mixins allow you to use functions and variables within your CSS code<br />
Mixins allow you to pass peramaters into the function and allow for multiple arguments to be passed.</p>
<p>Also allows you nest media queries (including variables px widths) inside of a class or ID so you can track the ID through various media queries</p>
<p><strong>DRY<br />
D</strong>ont<strong><br />
R</strong>epeat<strong><br />
Y</strong>ourself<strong><br />
</strong></p>
<p><strong>Adaptive version</strong>:<br />
Start with a single breakpoint (~500px)<br />
Solve small problems<br />
Let content dictate breakpoints<br />
Simplify elements and remember why visitors are there in the first place to see your content)</p>
<p><strong> Multi-column-count: 2</strong><br />
A css property to set ul tags into multiple cols</p>
<p><strong>Use Media Queries to send correct BG images to Retina Deiplays</strong></p>
<p><strong>Example of background-size</strong>:<br />
@media only screen and (max-width: 500px)<br />
! and (-webkit-min-device-pixel-ratio: 2) {<br />
#logo a {<br />
background: url(logo-retina.png) no-repeat 0 0;<br />
-webkit-background-size: 75px 19px;<br />
-moz-background-size: 75px 19px;<br />
background-size: 75px 19px;<br />
}<br />
h4#pixels-total {<br />
background: url(ball-retina.png) no-repeat 0 0;<br />
-webkit-background-size: 46px 56px;<br />
-moz-background-size: 46px 56px;<br />
background-size: 46px 56px;<br />
}<br />
}</p>
<img src="http://feeds.feedburner.com/~r/hattersworkshop/pRvN/~4/_Z9we3w_egU" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://blog.hattersworkshop.com/2012/06/22/dan-cederholm-handcrafted-patterns-notes/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://blog.hattersworkshop.com/2012/06/22/dan-cederholm-handcrafted-patterns-notes/</feedburner:origLink></item>
	</channel>
</rss>
