<?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>CSSKarma &#187; google</title> <atom:link href="http://www.csskarma.com/blog/tag/google/feed/" rel="self" type="application/rss+xml" /><link>http://www.csskarma.com/blog</link> <description>display your style</description> <lastBuildDate>Tue, 31 Jan 2012 15:18:44 +0000</lastBuildDate> <language>en</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <item><title>On Google</title><link>http://www.csskarma.com/blog/on-google/</link> <comments>http://www.csskarma.com/blog/on-google/#comments</comments> <pubDate>Fri, 28 Oct 2011 15:34:54 +0000</pubDate> <dc:creator>Tim</dc:creator> <category><![CDATA[Opinion]]></category> <category><![CDATA[google]]></category> <category><![CDATA[rant]]></category><guid
isPermaLink="false">http://www.csskarma.com/blog/?p=1014</guid> <description><![CDATA[I have some thoughts on Google that I&#8217;ve been mulling over ever since Google+ opened up. I don&#8217;t put a lot of opinion postings here because I normally put them on my personal site, but whatever; this is pretty relevant and who&#8217;s going to stop me? That&#8217;s right, here we go&#8230; Some of my favorite [...]]]></description> <content:encoded><![CDATA[<p>I have some thoughts on <a
href="http://google.com">Google</a> that I&#8217;ve been mulling over ever since Google+ opened up. I don&#8217;t put a lot of opinion postings here because I normally put them on <a
href="http://okaytim.com">my personal site</a>, but whatever; this is pretty relevant and who&#8217;s going to stop me? That&#8217;s right, here we go&#8230;</p><p>Some of my favorite people to speak with about the Web are, ironically enough, non-techies. They&#8217;re just normal users, friends, my parents, whomever. Sometimes I just sit and watch them use Facebook (I bet it&#8217;s creepy as hell). They give a real insight into the future of the Web; if these people don&#8217;t get it, no level of fist banging by &#8220;us&#8221; is going to make something successful.</p><p>We can all see what Google did with Google+: they mashed up the models of Facebook and Twitter and rolled in some Google services that already exist. Facebook with the overall concept and Twitter with the friending model (circles). Don&#8217;t get me wrong, I think it&#8217;s a great effort and I applaud them for continuously trying to break into the social networking scene but the amount of time and effort they&#8217;re putting into the weakest part of their portfolio is <strong>mind-boggling</strong>. It&#8217;s an area that really doesn&#8217;t advance the Web at all. Not pushing any boundaries, just re-packaging something someone else had success in.</p><p>Google has some of the greatest services on the Web: Docs, Calendar, Gmail, Reader, Maps&#8230; the list goes on. Maybe focus on some of those?</p><p>I guess I&#8217;d like to see some advances in their strengths rather than a continuous focus in the social atmosphere. Breaking down Google +, we have:</p><ul><li>A profile</li><li>Pictures (picassa)</li><li>Circles</li><li>Posts</li><li>Games</li><li>Huddles</li></ul><p>I will say that I <strong>love</strong> being able to have group video conferences (huddle), it&#8217;s pretty awesome. I also like the idea behind circles (but dislike the implementation).</p><p>Most users don&#8217;t care or understand the circles concept, but other than that stuff, what&#8217;s the benefit to switching over from Facebook for most people? I don&#8217;t see it. It&#8217;s a lot of duplicated services: posting, pictures, friending, games, profiles no one reads, etc.</p><p>Whether the services over on Google+ are better or not is kind of a moot point because, at their core, both Facebook and Google+ (and Twitter) are broadcasting services. We use them to say &#8220;hey look what I did here&#8221;. And that&#8217;s totally fine. I&#8217;m <strong>not judging</strong> anyone who does that all, I do it myself every time I upload a photo to Facebook or <a
href="http://twitter.com/#!/csskarma/status/129922721265102848">Tweet something out</a>. But the main crutch of a broadcasting service is it&#8217;s <strong>users</strong> and the users just flat-out do not exist in Google+ right now. I don&#8217;t see a clear user migration path from Facebook (or Twitter) over to Google+ especially for non-Gmail users.</p><h3>Yahoo Fantasy Sports</h3><p>On getting non-Gmail users over to Google+&#8230; I think Yahoo Fantasy Sports is a great model to look at for something like this.</p><p>I have a <a
href="http://yahoo.com">Yahoo</a> account. The only thing I use it for is <strong>Fantasy Football</strong> (I really don&#8217;t use Flickr). Why? Because they produced the best (by a mile) service on the Web for that niche. Honestly, no one&#8217;s even close, its at a point where I won&#8217;t even play anywhere else. I&#8217;ve actually had the pleasure of sitting down with their team of developers. They ripped apart my JavaScript worse than anyone I&#8217;ve ever seen. It was impressive and humbling to scroll through hundreds of lines of code and have someone point out every missing semi-colon. They&#8217;re the best group of UI/Front-end people I&#8217;ve ever had the pleasure of speaking with and it really shows in the product(s).</p><p>If Google wants users to migrate to +, they need to do what Yahoo! sports did and not only be the best, but be the best by such a large margin that if doesn&#8217;t make sense for anyone to use anything else. It takes time, but it can be done. And they&#8217;ll need to take some more risks.</p><h3>Taking on a giant: users</h3><p>I&#8217;ve gone on the record a few times saying that I don&#8217;t think anyone is going to take down Twitter or Facebook with a similar application. I think we&#8217;ve evolved past that. Looking at all the &#8220;Twitter&#8221; killers that have come along, many of them were better services, I really liked Plurk; amazing interface. <strong>But no one used it</strong>. Why? Because no one was on it. Sounds circular, I know. But like I mentioned <strong>^</strong> up there, these are broadcasting services and when there isn&#8217;t anyone to broadcast to, what&#8217;s the point?</p><p>I do think both Facebook and Twitter will fall at some point, I don&#8217;t know to whom, but I do know that it won&#8217;t be Google+ in it&#8217;s current state. There&#8217;s nothing over there, the hype is gone and the users are bored (dazed) and confused.</p><p>Also, I think they should bring back Wave, it had a lot of potential, just a little too much noise. It could certainly be massaged into something awesome over time.</p><p>I&#8217;m really wondering what people think about this stuff, so let me know. <strong>Tell me I&#8217;m wrong</strong>.</p> ]]></content:encoded> <wfw:commentRss>http://www.csskarma.com/blog/on-google/feed/</wfw:commentRss> <slash:comments>7</slash:comments> </item> <item><title>This Week in Links 9/29</title><link>http://www.csskarma.com/blog/this-week-in-links-5/</link> <comments>http://www.csskarma.com/blog/this-week-in-links-5/#comments</comments> <pubDate>Mon, 29 Sep 2008 16:07:11 +0000</pubDate> <dc:creator>Tim</dc:creator> <category><![CDATA[News]]></category> <category><![CDATA[Web Development]]></category> <category><![CDATA[android]]></category> <category><![CDATA[business]]></category> <category><![CDATA[google]]></category> <category><![CDATA[iphone]]></category> <category><![CDATA[jquery]]></category> <category><![CDATA[mobile]]></category> <category><![CDATA[pownce]]></category> <category><![CDATA[startup]]></category><guid
isPermaLink="false">http://www.csskarma.com/blog/?p=118</guid> <description><![CDATA[jQuery Seek Attention Plugin The jQuery seek plugin is very cool. It goes along with the css psuedo class &#34;target&#34;. It&#8217;ll highlight an area on the page onClick and ca bring a great pop to a page. Give this one a try, I could see this being very useful for those long FAQ lists.]]></description> <content:encoded><![CDATA[<p><img
src="http://www.csskarma.com/images/articles/this-week-in-links.jpg" alt="article banner"/></p><h5><a
href="http://enhance.qd-creative.co.uk/demo/seekAttention/" rel="external"> jQuery Seek Attention Plugin</a></h5><p>The jQuery seek plugin is very cool. It goes along with the css psuedo class &quot;target&quot;. It&#8217;ll highlight an area on the page onClick and ca bring a great pop to a page. Give this one a try, I could see this being very useful for those long FAQ lists.</p><h5><a
href=http://www.youtube.com/watch?v=rPIHeIRRDow&#038;eurl=http://www.readwriteweb.com/archives/rww_predictions_googles_android_vs_apples_iphone.php" rel="external">Google&#8217;s android vs the iPhone</a></h5><p>With the release of Google&#8217;s android phone, there are already comparisons to the iPhone. This video lays it out real nice and tells you what you have to look forward to with Android.</p><h5><a
href="http://startonomics.com/blog/the-startup-think-tank-how-to-avoid-the-pownce-effect/" rel="external">Avoiding the Pownce Effect</a></h5><p>There seems to be more and more twitter&ndash;killer sites out there and, for the most part, they all fail. This article takes a look at why Twitter is so powerful and some things to avoid.</p><h5><a
href="http://muelface.com/2008/09/26/3-classes-that-should-be-in-all-of-your-stylesheets/" rel="external">3 CSS classes you should all have</a></h5><p>Let me save you some time: .left, .right and .clear. This is something most are already including, but I always think it&#8217;s helpful to see what others are doing.</p> ]]></content:encoded> <wfw:commentRss>http://www.csskarma.com/blog/this-week-in-links-5/feed/</wfw:commentRss> <slash:comments>3</slash:comments> </item> <item><title>A New Breed of Microformat</title><link>http://www.csskarma.com/blog/a-new-breed-of-microformat/</link> <comments>http://www.csskarma.com/blog/a-new-breed-of-microformat/#comments</comments> <pubDate>Mon, 22 Sep 2008 16:05:44 +0000</pubDate> <dc:creator>Tim</dc:creator> <category><![CDATA[Web Development]]></category> <category><![CDATA[Web Standards]]></category> <category><![CDATA[google]]></category> <category><![CDATA[mayermusic]]></category> <category><![CDATA[microformats]]></category> <category><![CDATA[youtube]]></category><guid
isPermaLink="false">http://www.csskarma.com/blog/?p=113</guid> <description><![CDATA[Because I&#8217;m a web dork (nice way to start a post, huh?), I was poking around YouTube last weekend and decided to crack it open in FireBug. I was on YouTube&#8217;s MayerMusic channel fiddling around with the video info section and notice that some of the info was wrapped in a quasi familiar class &#8220;vfacets&#8221;. [...]]]></description> <content:encoded><![CDATA[<p><img
src="http://www.csskarma.com/images/articles/vfacet-banner.jpg" alt="article banner"/></p><p>Because I&#8217;m a web dork (nice way to start a post, huh?), I was poking around <a
href="http://www.youtube.com/" rel="external">YouTube</a> last weekend and decided to crack it open in <a
href="https://addons.mozilla.org/en-US/firefox/addon/1843" rel="external">FireBug</a>.</p><p>I was on <a
href="http://www.youtube.com/mayermusic" rel="external">YouTube&#8217;s MayerMusic channel</a> fiddling around with the video info section and notice that some of the info was wrapped in a quasi familiar class &#8220;vfacets&#8221;. This <em>appears</em> to be some sort of <a
href="http://www.microformats.org">Microformat</a>; but none that I&#8217;ve ever seen.</p><p><img
src="http://www.csskarma.com/images/articles/vfacets-mayermusic.jpg" alt="mayermusic video info wrapped in div.vfacets"/></p><p>After seeing that, I decided to do a little digging (digging = 5 mins of Googling), and eventually found a pretty undetailed page about <a
href="http://microformats.org/wiki/group-examples" rel="external" id="linkabove">group examples of Microformats</a>.</p><p>Generally, I find that Google&#8217;s front end development is a disgrace to the Internet (no offense&#x2026;), but it seems like they&#8217;re buying into the concept of Microformats. With that in mind I thought I&#8217;d talk about how Microformat groups could be used.</p><h4>Usage</h4><p>Many of us are familiar with the most common <a
href="http://microformats.org/code-tools/" rel="external">types of Microformats</a> (hCalendar, hCard, hReview, and XFN). There are also many that are <a
href="http://microformats.org/wiki/Main_Page#Drafts" rel="external">still in draft form</a> like hResume, geo, and rel-directory. However, it seems that a new type could be emerging for grouping information.</p><p><a
href="#linkabove">The link above</a> listed out 4 examples of major sites using Microformat groups: YouTube, Magnolia, Linkedin and Flickr. I really like how Google (youtube) is marking it up though, so I&#8217;m going to get in to that.</p><h5>YouTube vEntry markup</h5><pre><code>&lt;div class=&quot;v120vEntry&quot;&gt;
&lt;div class=&quot;vstill&quot;&gt;
&lt;a href=&quot;/user/spoiledmilk&quot;&gt;&lt;img src=&quot;2.jpg&quot; class=&quot;vimg&quot;&gt;&lt;/a&gt;
&lt;/div&gt;
&lt;div class=&quot;vtitle&quot;&gt;
&lt;a href=&quot;/profile?user=spoiledmilk&quot;&gt;spoiledmilk&lt;/a&gt;
&lt;/div&gt;
&lt;div class=&quot;vfacets&quot;&gt;
&lt;span class=&quot;grayText&quot;&gt;Joined:&lt;/span&gt; August 02, 2006&lt;br&gt;
&lt;span class=&quot;grayText&quot;&gt;Videos:&lt;/span&gt; &lt;a href=&quot;/profile_videos?user=spoiledmilk&quot;&gt;21&lt;/a&gt;
&lt;/div&gt;
&lt;/div&gt;</code></pre><p>In marking up user information they are using:</p><ul><li><strong>ventry</strong> as a wrapper</li><li><strong>vstill</strong> for the user image link</li><li><strong>vimg</strong> for the image itself</li><li><strong>vtitle</strong> for the user&#8217;s name</li><li><strong>vfacets</strong> for, what seems to be, general information</li></ul><p>I&#8217;m wondering why Google is going with this. In the past I think it&#8217;s safe to say that they don&#8217;t really do things like this unless they&#8217;re planning to use it in something they build. Not to take shots at Google, but they don&#8217;t really do things for the greater good of the web community (correct me if I&#8217;m wrong).</p><h4>Consistent user tagging</h4><p>The basis for using something like a <code>vcard</code> class is to let the browser, user, spambot, or software know that a page contains contact information (and your now beautifully marked up e&ndash;mail address). This same principle applies to Google&#8217;s <code>vEntry</code>.</p><p>Let&#8217;s consider that Google is building a large social networking platform; I know that the main complaint I have with all these new networking sites is that you have to constantly rebuild your contact list. Marking up a member&#8217;s information in a consistent way would aid in search and ease the pain of finding those <a
href="http://twitter.com/csskarma/followers" rel="external">Twitter followers</a> (for example) we all love so much. <em>Or even for building some sort of Internet phone book.</em></p><h4>What are they scheming?</h4><p>What&#8217;s Google planning? What else can be done with this new microformat? Did I completely miss a huge glaring detail here?</p><p>Maybe this isn&#8217;t even Google code, it could be left over from when they bought out YouTube. I guess we won&#8217;t know for sure until we can pick apart Google&#8217;s brain and find out what&#8217;s going on in there.</p><p>In the mean time, watch out for this new Microformat, I have a feeling they&#8217;ll be popping up in other Google sites as well.</p> ]]></content:encoded> <wfw:commentRss>http://www.csskarma.com/blog/a-new-breed-of-microformat/feed/</wfw:commentRss> <slash:comments>3</slash:comments> </item> </channel> </rss>
<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using disk: basic
Page Caching using disk: enhanced
Database Caching 5/14 queries in 0.049 seconds using disk: basic

Served from: www.csskarma.com @ 2012-02-04 03:16:01 -->
