i love ui, ux & pixels

Certificate of Participation by LFY View more presentations from Gaurav Mishra

Tue, 20 Dec 2011 22:16:12 +0530

Certificate of Participation by LFY

View more presentations from Gaurav Mishra

Catch the 1% in iterative design::OSIDays11

Wed, 23 Nov 2011 17:20:00 +0530

This slide has been presented in OSIDays11::Asia largest conference (8th Edition)

on 22nd Nov.

This session stress & focus on “Path tracing” technique in front end designing.

So that designers can be more detail oriented with less iterative pain.

Every client sent design has a impulse stored in it.

and while doing front end designing for the same design, your design should sent the same IMPULSE. So, that your design can win over easily the (Pseudo) Pixel Perfect game. And applauded by the quality concerned Client.

And if developers want to learn a bit about layout designing, they can get start with the path tracing approach. Though it will act as balance support wheels for them (for learning layout designing).

Audio recording

The video is from OSI Days Conference 2010 (Asia’s...

Wed, 20 Jul 2011 23:01:00 +0530

The video is from OSI Days Conference 2010 (Asia’s Largest)

Thanks LFY guys for sharing that with us. Much appreciated! I did not know, how i performed… i was nervous :P - http://vimeo.com/26661303

Singular theme to rule them ALL!

Sat, 29 Jan 2011 22:00:00 +0530

Yay! OSSCube and related micro-sites powered by Singular theme (Drupal 6).

As the OSSCube progressing with time and exploring more markets. Exploring & hitting on new territories.

The time for makeover for the old site. Looks needs to be more polished, dynamic and professional. And the old site sucks BIG! at typographical level.

That was the most major reason to polish the site and commence the retheming (drupal themer/coder perspective) or I would like to say realignment phase (saving time and efforts to reach to the desired result). And not changing the architecture level of the site.

To serve this requirement, i come up with concept of single theme named Singular theme. And Singular theme is makeover of the land theme(old Drupal theme for osscube.com) which is initially based on garland theme.

Singular theme is a much compressed and carries no bull shit code from its parent theme. And have my best of the best efforts for Singular theme at that span of T.I.M.E.

All of the design decisions regarding alignment, the look and feel were taken solely be me.

Some of the salient points answered by Singular theme are as follows:

Less focus on image gradients. Heavy use of CSS3 based gradients. Few lines of code, That ease substantial amount of pain from the server in terms of HTTP request. (for eg. www.osscube.com/portfolio )
Making best use of Google font API. Using Droid Sans from Google font directory and going for fresh look as depicted in home page slider
Using CSS3 transition properties to have the APPEAL in the content, which responds to you hover interactions as in picture set osscube.com/resources/pictures Go and Play!
Writing highly scalable code, that helps to cut down the time and efforts for development and also for maintenance phase of the different version of the site. That also means in simple terms that other designer or UI person need not to put much efforts to chew the code. He can work straight through it.
First the Singular theme turn on www.osscube.com (here ‘s the tweet from timeline history) And later turned on other micro site and just visual level tweaks was just few hours job (if done well with focus!).
Changed completely the look of blog section. This page usage of CSS3 is very high in terms of drop shadows and gradients in right side bar. That also means major amount of time spent in browser rather in photo-editing app. following the Design in browser methodology.
There is no conditional css hack system to serve the IE browser (7,8 or 9 in future). A common css code in theme for all the majority of browser. That also means writing cross browser code in stylesheets.
Tested in Firefox, Chrome, Safari, Opera, IE7 and IE8. Infact tested in IE6 also. But not supported for IE6. Just wanted to see how ugly the site looks in this special version of IE browser.

In nutshell Looks Good and Loads up fast!

Talking on UI/UX is Good only If you are doing and implement it. Talking on it is very easy.

Will come back with some more good news.

Bye! for now : )

Harnessing CSS 3 for a Beautiful Web

Sat, 02 Oct 2010 21:44:00 +0530

Harnessing CSS 3 for a Beautiful Web:

This is the talk I gave in OSI Days 21 September 2010, Chennai. It was my first talk at such a BIG! conference.

This talk also featured the OSI Day icon in pure CSS3 (last slide).

Below is the screenshot of CSS3 logo

And I am thankful to everyone out there for the support and encouragement. And some nice words from Andy Clark too!

The journey so far & going...

Sat, 02 Oct 2010 08:53:00 +0530

The below list feature some of the Robust scalable Web 2.0 Drupal powered site which i have delivered so far (taking care of UI and UX & employing agile web practices).

The list goes on as follows in chronological order:

All the sites have been designed & built from the scratch excluding the last. (When I worked on the same)

MNN.COM - See the awards

Sat, 27 Mar 2010 21:36:00 +0530

I got a golden chance to work on MNN.com as Lead Front end UI & UX guy (Drupal themer and developer). And in the end all the efforts paid.

Long live Mother Nature in form of Mother Nature Network = Green CNN

Agency worked with: Glick Interactive & Company: Axelerant

List of The awards MNN Won!

Web marketing association
2009 webby awards
2009 W3 Awards
Best of 2009 @ All my Faves
Green Log Awards - People’s choice awards

(Reference also available on request)