<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Buta no Ie &#187; ux</title>
	<atom:link href="http://singchan.com/tag/ux/feed/" rel="self" type="application/rss+xml" />
	<link>http://singchan.com</link>
	<description>The House of Pork and User Experience Development</description>
	<lastBuildDate>Tue, 11 Oct 2011 22:08:26 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>SharePoint 2010: CssRegistration ConditionalExpression Property</title>
		<link>http://singchan.com/2010/03/01/sharepoint-2010-cssregistration-conditionalexpression-property/</link>
		<comments>http://singchan.com/2010/03/01/sharepoint-2010-cssregistration-conditionalexpression-property/#comments</comments>
		<pubDate>Mon, 01 Mar 2010 21:57:17 +0000</pubDate>
		<dc:creator>Buta</dc:creator>
				<category><![CDATA[Development]]></category>
		<category><![CDATA[HTML/CSS]]></category>
		<category><![CDATA[SharePoint]]></category>
		<category><![CDATA[2010]]></category>
		<category><![CDATA[conditional comment]]></category>
		<category><![CDATA[ConditionalExpression]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[CSSRegistration]]></category>
		<category><![CDATA[ie]]></category>
		<category><![CDATA[Internet Explorer]]></category>
		<category><![CDATA[ue]]></category>
		<category><![CDATA[user experience]]></category>
		<category><![CDATA[ux]]></category>

		<guid isPermaLink="false">http://singchan.com/?p=262</guid>
		<description><![CDATA[In a previous post detailing the new SharePoint 2010 CssRegistration control, I mentioned that I did not know what the ConditionalExpression property did. Well, now I do! This property takes an Internet Explorer Conditional Comment. For example, if we wanted to link to a style sheet specific to IE 7 or greater, we can do [...]]]></description>
			<content:encoded><![CDATA[<p>In a previous post detailing the <a href="/2009/12/29/branding-sharepoint-2010-collaboration-sites-part-2-in-a-series/">new SharePoint 2010 CssRegistration control</a>, I mentioned that I did not know what the ConditionalExpression property did. Well, now I do!</p>
<p>This property takes an <a href="http://msdn.microsoft.com/en-us/library/ms537512(VS.85).aspx" title="Internet Explorer Conditional Comments documentation on MSDN">Internet Explorer Conditional Comment</a>. For example, if we wanted to link to a style sheet specific to IE 7 or greater, we can do this:</p>
<pre class="brush: plain; title: ; notranslate">&lt;SharePoint:CSSRegistration Name=&quot;foo.css&quot; ConditionalExpression=&quot;gte IE 7&quot; runat=&quot;server&quot; /&gt;</pre>
<p>The following markup would be emitted:</p>
<pre class="brush: plain; title: ; notranslate">
&lt;!--[if gte IE 7]&gt;
&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;foo.css&quot;/&gt;
&lt;![endif]--&gt;
</pre>
<p><!-- PHP 5.x --></p>
]]></content:encoded>
			<wfw:commentRss>http://singchan.com/2010/03/01/sharepoint-2010-cssregistration-conditionalexpression-property/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>SPC09: Status Bar and Notification APIs</title>
		<link>http://singchan.com/2009/11/03/spc09-status-bar-and-notification-apis/</link>
		<comments>http://singchan.com/2009/11/03/spc09-status-bar-and-notification-apis/#comments</comments>
		<pubDate>Tue, 03 Nov 2009 19:14:02 +0000</pubDate>
		<dc:creator>Buta</dc:creator>
				<category><![CDATA[Development]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[SharePoint]]></category>
		<category><![CDATA[2010]]></category>
		<category><![CDATA[API]]></category>
		<category><![CDATA[las vegas]]></category>
		<category><![CDATA[notification]]></category>
		<category><![CDATA[SPC09]]></category>
		<category><![CDATA[status bar]]></category>
		<category><![CDATA[ue]]></category>
		<category><![CDATA[user experience]]></category>
		<category><![CDATA[ux]]></category>

		<guid isPermaLink="false">http://singchan.com/?p=86</guid>
		<description><![CDATA[Excuse the really bad screen cap to the right&#8230; the Status Bar and Notifications are two UI elements in SharePoint 2010 which allow us to give the user information in context without distracting them. The Status Bar and Notifications are both exposed as client-side JavaScript APIs. Status Bar The Status Bar lives below the Ribbon [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignright size-full wp-image-88" title="SharePoint 2010 Status Bar and Notification elements" src="http://singchan.com/wordpress/wp-content/uploads/2009/11/statusbar_notification.jpg" alt="SharePoint 2010 Status Bar and Notification elements" width="337" height="113" />Excuse the really bad screen cap to the right&#8230; the Status Bar and Notifications are two UI elements in SharePoint 2010 which allow us to give the user information in context without distracting them. The Status Bar and Notifications are both exposed as client-side JavaScript APIs.</p>
<h3>Status Bar</h3>
<p>The Status Bar lives below the Ribbon and displays persistent information such as page status or web site alerts. It already existed in SharePoint 2007 as an UI element but it&#8217;s functionality was not exposed as an API. It will display an HTML message, which can include links and/or images, on 1 of 4 pre-set background colours depending on the importance of the status defined.</p>
<p>There is a Server API to set statuses at page render time as well as a JavaScript API to dynamically add/remove messages.</p>
<p>The JavaScript API is in the SP.UI.Status namespace and is as follows:</p>
<pre class="brush: plain; title: ; notranslate">SP.UI.Status.addStatus(strTitle, strHtml, atBeginning)
SP.UI.Status.updateStatus(sid, strHtml)
SP.UI.Status.removeStatus(sid)
SP.UI.Status.removeAllStatus(hide)
SP.UI.Status.setStatusPriColor(sid, strColor)
</pre>
<h3>Notifications</h3>
<p>Notifications are brand new to SharePoint 2010 and they are used for transient or semi-transient messages such as action confirmations. Notifications appear on the right side of the page below the ribbon and default to a 5 second display period. Like the Status Bar, the message format is HTML with the ability of including links and/or images.</p>
<p>There is a JavaScript API to add/remove messages. You also have the option to make a Notification &#8220;sticky&#8221; which means it will continue to display until you manually remove it through the API.</p>
<p>Notifications are in the SP.UI.Notify namespace:</p>
<pre class="brush: plain; title: ; notranslate">SP.UI.Notify.addNotification(strTitle, bSticky, tooltip, onclickHandler)
SP.UI.Notify.removeNotification(id)</pre>
<p><!-- PHP 5.x --></p>
]]></content:encoded>
			<wfw:commentRss>http://singchan.com/2009/11/03/spc09-status-bar-and-notification-apis/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>SPC09: SharePoint 2010 Ribbon and Form Dialogs</title>
		<link>http://singchan.com/2009/10/20/spc09-sharepoint-2010-ribbon-and-form-dialogs/</link>
		<comments>http://singchan.com/2009/10/20/spc09-sharepoint-2010-ribbon-and-form-dialogs/#comments</comments>
		<pubDate>Tue, 20 Oct 2009 16:33:45 +0000</pubDate>
		<dc:creator>Buta</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Development]]></category>
		<category><![CDATA[SharePoint]]></category>
		<category><![CDATA[2010]]></category>
		<category><![CDATA[dialog]]></category>
		<category><![CDATA[forms]]></category>
		<category><![CDATA[ribbon]]></category>
		<category><![CDATA[SPC09]]></category>
		<category><![CDATA[ue]]></category>
		<category><![CDATA[user experience]]></category>
		<category><![CDATA[ux]]></category>

		<guid isPermaLink="false">http://singchan.com/?p=49</guid>
		<description><![CDATA[A busy first day at the SharePoint Conference so I&#8217;ll start off with a quickie. As most of you know already, SharePoint 2010 will use the ribbon interface for editing. I personally like the ribbon from an UI perspective compared with the old editing UI for SharePoint 2007. Some might argue that it&#8217;s a bit [...]]]></description>
			<content:encoded><![CDATA[<div id="attachment_51" class="wp-caption alignright" style="width: 160px"><a href="http://singchan.com/wordpress/wp-content/uploads/2009/10/sp2010_ribbon.png" rel="lightbox[49]" title="SharePoint 2010 Ribbon"><img class="size-thumbnail wp-image-51" title="SharePoint 2010 Ribbon" src="http://singchan.com/wordpress/wp-content/uploads/2009/10/sp2010_ribbon-150x150.png" alt="SharePoint 2010 Ribbon" width="150" height="150" /></a><p class="wp-caption-text">SharePoint 2010 Ribbon</p></div>
<p>A busy first day at the SharePoint Conference so I&#8217;ll start off with a quickie.</p>
<p>As most of you know already, SharePoint 2010 will use the ribbon interface for editing. I personally like the ribbon from an UI perspective compared with the old editing UI for SharePoint 2007. Some might argue that it&#8217;s a bit cluttered and the context sensitive editing may be confusing to new users. I think it&#8217;s something that users can grasp in short fashion especially if they use Office 2007 or 2010 as well.</p>
<p>Something that&#8217;s new to me in 2010 are the AJAX form dialogs. Pretty much any new item creation is now done in a modal dialog now instead of taking the user to a different form page in 2007. This is great as it keeps everything in context for the user.</p>
<p>An added benefit of the ribbon and form dialogs is that in most cases we no longer have to design for or make design decisions regarding these edit mode elements anymore. They are pretty much separate from the rest of the page from a design perspective.</p>
<p><strong>UPDATE:<br />
</strong>I&#8217;ll be putting up another post regarding the dialog creation API which is exposed as a JavaScript library in a later post.</p>
<p>The ribbon is extensible as well, you&#8217;re able to create new button elements, replace existing elements with customized functionality or remove an element all together.<!-- PHP 5.x --></p>
]]></content:encoded>
			<wfw:commentRss>http://singchan.com/2009/10/20/spc09-sharepoint-2010-ribbon-and-form-dialogs/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

