You Are Here Home > Mac

Mac

Introducing Tabs and Tabs Plus for Mac OS X

Tabs

- Buy Tabs Plus from the Mac App Store for only $0.99
- Download Tabs for free from the Mac App Store.

The fastest way of getting support is via our Twitter page: https://twitter.com/#!/Codingrecipes

Tabs Plus sits conveniently in your top menu bar – you’re one click away from your personalized bookmarks.

Features

  • - Many supported services: Facebook, Twitter, Google+, Pinterest, Google Reader, YouTube, Google/Yahoo/Bing News, Gmail and many more.
  • - Facebook, Twitter and Gmail notifications. Choose popup and/or icon color and/or sound alerts.
  • - Desktop mode (Tabs Plus)
  • - Login to your favorite sites using different accounts; find the popup menu at the bottom of the app and change your login scope. (Tabs Plus)
  • - Built in Google, Yahoo and Bing search support based on your preferences.
  • - News search support, no matter where you are, you can search the news quickly and save time.
  • - Single field for website address and keyword search.
  • - Automated and manual bookmark arrangement options. (Tabs Plus for manual sorting)
  • - Convenient auto-hide window.
  • - Upload photos and videos.
  • - Drag and drop window sits where you want it.
  • - Resizable window.
  • - Full screen support.
  • - Bookmark scopes for easy organization (ie. Work, School, Social Media, Clients, News, Personal, etc…) (Tabs Plus)
  • - Automatic bookmark arrangement is updated based on your usage habits.
  • - Unlimited bookmarks.
  • - Working links.
  • - Working HTML5 videos.
  • - HTTPS support for security.
  • - Menu bar icon for single click access.

Interface

Tabs and Tabs Plus Interface 1
This part of the interface is at the bottom right of the Tabs/Tabs Plus window and here is the explanation of each of these buttons.

  • 1. Manage bookmarks; Add, edit, delete and view the bookmarks. (View by double clicking on them.)
  • 2. Manage preferences.
  • 3. Rate the app on the Mac App Store.
  • 4. Close the window.

Tabs and Tabs Plus Interface 2
This part of the interface is at the bottom left of the Tabs/Tabs Plus window and here is the explanation of each of these buttons.

  • 1. Reload the current page.
  • 2. History back.
  • 3. History forward.
  • 4. Bookmark home.
  • 5. Open Search/URL field. (You may choose your preferred search engine from Preferences > Search)
  • 6. Social sharing: share any video or page with your friends.

Tabs Plus makes it easy to stay in touch with the information you want with a single click.

If you are going to review this app on your website or make a video review for it, we might be able to provide promotional codes for the full version for you, please write to us here: http://www.code-head.com/contact-us.

For support, please comment bellow, we will try our best to answer your questions.

Introducing Tabs and Tabs Plus for Mac OS X
Comments Off   Filed under: Mac,Our Apps   Posted by: Hamid

Animation Curves and Tweening; Understanding Animation Curves

These equations are by Robert Penner, you can find a document here that explains this in much greater detail:
http://www.robertpenner.com/easing/

The correct linear tween function looks like this:

float linear_tween(float t, float start, float end)
{
    if (t > 1.0f) return end;
    return t * end + (1.0f - t) * start;
}

t is the time since the start of animation started and it has to be between 0 and 1, start and end are the values that you want to interpolate between them…

To understand this equation you can so something very simple, assume start is 1 and end is 20, then at timestep 0 you will have:

0 * end + (1 – 0) * start => start

At time step 1 which is the end of your animation you get:

1 * end + (1 – 1) * start => end

And all the values between these are going to be interpolated linearly.

Now quadratic ease in function is where the changes in interpolated value are smaller in the beginning and larger at the end, how can we achieve this? We can do it by faking the time steps, if you we could somehow make it so that the time steps would look smaller to the linear tween function at the start of the animation and larger at the end, then we would achieve this, that way, in the beginning, the time steps look smaller so the function will change the value by just a little bit but at the end, the time steps look larger so the function will change the value by a larger amount.

The way to do this is very easy, the fact that the time step number is clamped to between 0 and 1 will help us in this case and this is the solution:

float quadratic_easein(float t, float start, float end)
{
    if (t > 1.0f) return end;
    return linear_tween(t * t, start, end);
}

When we multiply the time step by itself the numbers that are less than one get smaller, for example if you are at the time step 1/10th of a second:

1/10 * 1/10 => 1/100
2/10 * 2/10 => 4/100 (3/100 change)
3/10 * 3/10 => 9/100 (5/100 change)
4/10 * 4/10 => 16/100 (7/100 change)

8/10 * 8/10 => 64/100
9/10 * 9/10 => 81/100 (17/100 change)

Now let’s look at quadratic_easeout:

float quadratic_easeout(float t, float start, float end)
{
    if (t > 1.0f) return end;
    return linear_tween(2 * t - t * t, start, end);
}

Deriving 2*t – t*t is very easy knowing the fact above; to do this we need to reverse what happens above so we can do something:

t = 1 – t;

Now 1/10 becomes 9/10 so when we do:

t = t * t

The numbers are going to change more at the beginning of the time step but the problem is that now we converted 1/10 to 9/10 and t*t will result in 81/100 and that’s the end of our time step and the animation will play backwards, to fix it we need to do:

t = 1 – t

One more time so then 81/100 becomes 19/100, now let’s simplify this:

1 – t => 1 – t * t => 1 – ((1 – t) * (1 – t)) => 1 – (1 – t – t + t * t) => 2 * t – t * t

I hope this helps :)

Animation Curves and Tweening; Understanding Animation Curves
Comments (1)   Filed under: C Programming,C/C++,Mac,Objective-C,OpenGL   Posted by: Hamid
Older Posts »