Design with PC

After being on my ToDo list for months now, it was finally time to host the hovercard and ddslick on Github! Lot of people were asking for this and many reached me with multiple updates to the plugins, my apologies to all for responding to their requests so late. A lot has been happening in last few months including me moving back to India! But I’m all settled and ready for some more action, will be adding a few more interesting plugins I’ve been working on! 

Following are links to Github repos:

ddslick: https://github.com/prashantchaudhary/ddslick

hovercard: https://github.com/prashantchaudhary/hovercard

Also, I’d like to thank you all for loving these plugins! Please continue to share your love and support by forking them on Github.

-PC

Paul Irish speaking at OReilly’s Fluent 2012 (JavaScript and Beyond)

Source: http://visual.ly/apple-ridiculously-valuable

Source: http://visual.ly/anatomy-effective-web-design

I recently visited bitly.com tools page, and noticed interesting interface suggesting me to save its Bitmarklet. So if you visit their page you’ll notice this "+ bitmark" button with a tip to drag it:

Once you start dragging, the UI now suggest you the next actions:

Now go try yourself!

Google is useful but you aren’t always looking for useful, are you! Sometimes you want to entertain yourself, amuse yourself, there are times when you need a break but not sure what you want to read, there comes Yahoo!

Mind you I’m a big BIG fan of Google but its just recently I realized one field where Yahoo can get an edge over Google. Its not their mail, or the search engine, its their Home Page. Yes! I was always the advocate of Google’s home page, how it only has one text box for search and no distraction at all. It only does what it does best. But with the recent developments like Omnibox (search using browsers address bar), browser extensions for Google search (like the one in Firefox, IE), you no more need to go Google.com.

P.S. If you still heading to Google’s homepage for your searches, you need to catch up! Download Google Chrome.

Steve Souders at OReilly’s Fluent 2012 (JavaScript and Beyond) talk about how loading third party scripts (like Twitter!) synchronously can kill your site. 

I’m in middle of rolling out a fresh & clean header across all my websites (i.e. personal website, design blog, plugin pages). Here’s how it looks:

Personal Website: IAmPrashant.com

UI & Design Blog and Plugin Pages: DesignWithPC.com

All that this new header displays is a profile pic, a title, and a short description. The idea was to be clean, minimal, and HTML5-ish! The profile image uses CSS3 border-radius to make it round, CSS3 animations and transitions (on IAmPrashant.com), and the title uses CSS3 font-face ‘PT Sans Narrow’.

MVVM is an architectural pattern largely based on MVC and MVP by Microsoft, which is targeted at modern UI development by separating from the business logic and behaviour in an application. MVVM has been implemented in JavaScript in the form of structural frameworks like KnockoutJS, KendoUI MVVM and KnockbackJS.

For this post I’m going to use MVVM framework provided by Kendo but you may use any framework since implementation is going to be similar. To begin, lets put them in an order that makes sense and avoid confusion.