Month / May 2010

by win7guru

Balsamiq Mockups (Next Prerelease)

Hey everyone, this mockup is from a while back, but Balsamiq's build has changed significantly since my original mockup and that is why I have taken so long to update it.  There is no interactivity, but I figure this mockup will help a lot of people who have questions on GetSatisfaction an easy way to demonstrate their ideas.  That is the whole reason that I started to create mockups of programs that already exist, to help others and give them a set of reusable controls for troubleshooting problems and ideas.

Balsamiq_mockups_desktop_mocku

Balsamiq Mockups Desktop Mockup (NEXT BUILD).bmml

by win7guru

Balsamiq Mockups (Next Prerelease)

Hey everyone, this mockup is from a while back, but Balsamiq's build has changed significantly since my original mockup and that is why I have taken so long to update it.  There is no interactivity, but I figure this mockup will help a lot of people who have questions on GetSatisfaction an easy way to demonstrate their ideas.  That is the whole reason that I started to create mockups of programs that already exist, to help others and give them a set of reusable controls for troubleshooting problems and ideas.

Balsamiq_mockups_desktop_mocku

Balsamiq Mockups Desktop Mockup (NEXT BUILD).bmml
Download this file
by win7guru

Iphone with Slide to Unlock feature in Napkee

Here is the first of a few mockups that involve Iphones, since I don't own an Iphone or any Apple product, it is not at the top of my list.  I will work on it and make it right the first time, which may take me some time, besides there are more pressing matters that need to be addressed.  More on this later.

Things to come

Interactive apps and animation
Refined slider control
And more…

Iphone_slider

Iphone Slider.bmml
Download this file
by win7guru

Animate Function in Napkee (using CSS)

This mockup is a simple alignment control using CSS syntax, of which I just played around with for the first time.  I have the original working code in the mockup and I have more polished code in the controls.  Basically, for those of you who would like a description of the mockup, it has 3 buttons, each with their own adjustment (left,center,right).  Upon clicking the buttons, the textbox moves to a fixed position (that's where the CSS comes in).  I originally added on to a simple script that changes opacity and width, and decided to add on to it.  The following mockup is the additions.

Functions used:
Animate

Look forward to a video later tonight.

Alignments

Alignments.bmml
Download this file
by win7guru

Working calendar with notes and days in Napkee

This one is very elaborate, here are the functions included

Below the video demonstration, you will find the functions used.

hover
fadeOut
fadeIn
SlideUp
SlideDown
<init>hidden</init>
<js>some code</js>
delay
I hope everyone likes this, especially gelform, which inspired me to make it in the first place.
What’s to come: I am going to try to incorporate the background color function in my next mockup, possibly or I may just add on to the slider and refine it more.

Resizable_calendar_working_not

Resizable Calendar (working notes).bmml
Download this file