Intriguing Finger Celebrities (Art) by Dito Von Tease

Posted by Harshad

Intriguing Finger Celebrities (Art) by Dito Von Tease

Intriguing Finger Celebrities (Art) by Dito Von Tease

Posted: 21 Jun 2013 08:01 AM PDT

If you’re willing, even your fingers can be transformed into famous people of your choice, and that’s what the Italian artist Dito Von Tease did for his Ditology project. He photographed his own index ‘dito’, (aka finger) and magically manipulates it into public figures like Steve Jobs and Mark Zuckerberg with astounding accuracy.

(Image Source: Ditology)

There’s one disadvantage though: the portrait will look either too cute or too cool! Check out our 10 favorite picks below and if you feel like making one for fun, there’s an app for that.

Dito Avatar. With this level of accuracy and detail, it’s hard to tell if this really comes from a regular index finger. Dito Von Tease is not (just) another photo manipulator.

dito avatar

Dito Mario Bros. I love how vector designs are created to suit this Mario character. The artist truly cares about every single element that adds to the accuracy.

dito mario bros

Dito Mona Lisa. Masterpiece remastered, but how the heck did he re-create the cloth in renaissance style?

dito mona lisa

Dito Mozart. If you haven’t noticed the similarity yet, here is the photo for you to compare with.

dito mozart

Dito Ronald McDonald. Ronald McDonald’s look always freaks me out, but this one scared me with its seamless, realistic combination between background and portrait.

dito ronald mcdonald

Dito Mark Zuckerberg. If you use Facebook every day, will your finger start looking like Mark Zuckerberg? Nailed the hair.

dito mark zuckerberg

Dito Obama. Love him or hate him, you can’t hate Dito Obama.

dito obama

Steve Jobs. Forget Kutcher, put Dito Steve Jobs in the biography instead.

dito steve jobs

Dito Tattoo. Quick note: every master work like this takes between 8 and 16 hours.

dito tattoo

Dito Wrestling. All these convincing designs and textures makes me wonder if finger people actually exists in real life!

dito wrestling

For more fabulous finger portraits, you can visit the main Ditology site. Now which finger portrait is your favorite? Let us know in the comments!


20 Android Apps To Manage Your Finances

Posted: 21 Jun 2013 06:01 AM PDT

Can’t seem to hold on to your paycheck long enough for you to pinpoint how much you earn? Well, managing your finances isn’t exactly something taught in school but not to worry, there are plenty of smartphone apps that can help you take control your finances, help you spend within a budget and maybe even leave you with some savings at the end of the month.


What better way to take note of your expenses and payments by keep tabs on your money with your smartphone. We’ve compiled a list of 20 money-managing apps for your Android to help you better control your expenditure, watch where your cashflow is heading and try to keep you from getting broke.

Our top 5

1. MoneyWise

The thing about MoneyWise is, although the interface is rather old school, the way their features are presented works. This app is very helpful in helping you understand your financial standing and of course that is the main purpose to keep track on your financials.

On top of a lot of helpful features, one handy one is the Graph section, which allows us to highlight one set of data against another. Paired with MoneyWise ‘tags’ features, you can do just that by selecting the records you want compared. If you are in need of a serious app that will enable you to project your finances in a detailed and informative way, MoneyWise is the best choice.

[Price: Free | Pro version ($6.98)]


2. Financisto – Expense Manager

Keep transactions easy via shortcuts, with the Financisto ‘New Transaction’ widget. A tap from your homescreen will show you a table for you to fill in with details of your current transaction. There is also a shortcut called ‘New Transfer’, which lets you transfer your money from one account to another, very convenient for accounting purposes.

Another feature worth mentioning is a tab in the app called ‘Blotter’ which records your every transactions (and even your accounts) under a single page. You get a list of registry with icons indicating where your money is flowing to better keep track of your cash flow.

[Price: Free]

Financisto - Expense Manager

3. EasyMoney

EasyMoney is a pretty app that comes with a rich interface and also an inbuilt custom keyboard to make it easier for user to key in numbers for their transactions. You can set to send notifications for upcoming bills (and overdue ones) and even color-code your financial details to help you better screen through your budget needs.

EasyMoney also lets you conduct split transactions. You first set the total amount of a transaction, and the splitting is done one category at a time, until you have settled the full total.

[Price: 30-day free trial | Pro version ($9.95)]


4. AndroMoney Expense Track Money

If you prefer to keep track of your money on your Android devices and laptop (or PC), try Andro Money. Through AndroMoney, you can export your data to a CSV file to be accessed on Microsoft Excel or Google Drive in just a few taps.

Especially with the Google Docs feature, you can immediately audit your account on any Web browser once you get into your Google Doc. This feature is definitely useful to people who want complete control of their accounts any time.

[Price: Free | Pro version ($2.99)]

AndroMoney Expense Track Money

5. CWMoney Expense Track

Use speech recognition to dictate text (with the help of a correction window), all within a simple page for Expenses, Income, Data Manager and Report. You can just as easily save your transaction and proceed to record another without having to open the page again.

The inbuilt speech recognition is also perfect for people who are often in a hurry of putting together a record with remarks.

[Price: Free | Pro version ($4.99)]

CWMoney Expense Track

More Financial Apps


Categories and sub categories are all provided as soon as you open the app. Just waiting for you to fill in the blank according to your spending.


Cash Droid

All kinds of reports related to your accounts so you can start summarizing your accounts by category, project, payees, items, accounts, currency, expenses, income or look for cash flow forecast, monthly analysis and transactions list reports.

Cash Droid


Drag an icon to the categories you spend your money in to create transactions. Also comes with an automatic budget planner that will get adjusted automatically.


Colourful Budget

Easier to identify your spending through colorful categories and the pie chart view helps a lot in understanding a summary of your expenditure.

Colourful Budget

Daily Money

Allows creation of multiple books to handle your transactions and a feature to view accumulative amounts of all accounts in one glance.

Daily Money

Droid Wallet

Yet another money manager app, but a nice new feature is recurring transactions. Have your bills automatically added each month or weekly, or how as often as you want it to be.

Droid Wallet

Expense Control

An app to control your month expenses and keep things basic and simple.

Expense Control

Expense Manager

Set up multiple accounts with detailed search features plus the ability to sync your device through Dropbox all for free.

Expense Manager

Expense Manager & Divider

You can decide on the number of persons that can share the expenses and add their name to make it easier for you to collect or clear payments.

Expense Manager & Divider


Comes with minimalistic widgets and especially detailed categories that most people often overlook.


MoBill Budget and Reminder

This app has features like reminders, auto payment and recurring payment options.

MoBill Budget and Reminder

Money Tracker Free

It can create shortcuts to your Android homescreen for quick access to your income, expenses, tools and notes easily, plus a small widget for your income and expenses summary.

Money Tracker Free


Catchy interface and detailed calendars that provide you with the day of the week so that you can easily tell whether you spent the amount during weekdays or weekend.


One Touch Expenser

In a hurry? This app lets you add the amount of a transaction first then fill in the details later via reminders.

One Touch Expenser

Your Wallet

If you are seeking to turn your accounts into a fancy colorful graph with advanced filters, you can use this app to manage your graph and view the data according to your choice.

Your Wallet


CSS3 Regions – How it Works [Web Design]

Posted: 21 Jun 2013 03:01 AM PDT

One of the best advantage of print media, like a magazine or a newspaper, over the website is the full flexibility on arranging the pages and the paragraph layout. For example, print media has been able to gracefully flow the content in more than one columns, and even rather complex ones as shown in the following screenshot.

Image Credit: Atelier Martino & Jana

However, due to the way content on the Web is structured, trying to mimic a similar layout in Web content is very tricky.

In order to make the Web layout more flexible like in print media, a new CSS3 Module was introduced – CSS3 Regions. Rather than placing the content within multiple elements, this module allows the content to flow in the specified areas (regions) on the page.

Let’s see how this module works by example.

Enable Experimental Feature

This module is still in its experimental stages, and it is currently only supported in Google Chrome and Internet Explorer with prefix. If you are using Google Chrome you need to first enable the experimental feature. To do so, go to chrome://flags/ and set the Enable experimental WebKit features to Enabled.

Basic Usage Example

In this example, we will have two types of content: main content and complementary. We will place the main content in Region 1, 2 and 4, while the complementary will be displayed in Region 3, as illustrated in the following figure.


Let’s start off with the HTML markup.

The CSS3 Regions module is not restricted to the content structure, thus we can simply add the complementary outside the main content, like so – though, as we mentioned above, we actually will display it in the middle of the main content.

 <header class="cf"> <h1><span>Lorem ipsum dolor sit amet,</span> consectetur adipisicing elit, sed do eiusmod tempor incididunt ut.</h1> <h2>labore et dolore magna aliqua</h2> </header> <article class="cf"> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> </article> <aside> <p><img src="img/stat.jpg" width="500" height="300"></p> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> </aside> 

Then, we need to add the regions markup where the content should flow. It does not matter whether we add the markup above or below the actual content.

 <div class="regions cf"> <div id="region-1" class="region cf"></div> <div id="region-2" class="region"></div> <div id="region-3" class="region"></div> <div id="region-4" class="region cf"></div> </div> 


In the stylesheet, we specify the width and height of the regions. The height is necessary to specify the content breakpoint, otherwise the content will not flow to the other regions.

 .demo-wrapper #region-1, .demo-wrapper #region-4 { width: 100%; height: 250px; } .demo-wrapper #region-4 { height: 400px; } .demo-wrapper #region-2, .demo-wrapper #region-3 { width: 50%; height: 700px; margin-bottom: 25px; } 

To add the content in the regions, we use the new CSS properties flow-into and flow-from. These properties are used to bridge the content and the regions. To flow the content across the regions, we can write the style rules this way.

 article { -webkit-flow-into: article; flow-into: article; } .demo-wrapper aside { -webkit-flow-into: aside; flow-into: aside; } #region-1, #region-2, #region-4 { -webkit-flow-from: article; flow-from: article; } #region-3 { -webkit-flow-from: aside; flow-from: aside; } 

With some additional decorative styles, we will get the following nice result in the browser.

You can head over to the demo page to see it in action.

Further Resources



Post a Comment