Android L tablet UI template – Sketch

Android L tablet UI template – Sketch

An Android L’s tablet UI template for Sketch App. Mobile template is available too. Freebie created and released by Vincent Tantardini.

The post Android L tablet UI template – Sketch appeared first on Freebiesbug.

Make Local Web Server Accessible Online With Localtunnel

During the development stage, you may deploy the website in a local server. There you can run, develop, and debug the website on a computer, locally. But when your clients need to get access to the website immediately, or if one of the applications you need uses a webhook that has to be online to function, you probably wish that your local server could be accessible online.

Making your local server available online is probably the fastest way to cope with this, especially if you have hundreds of files that you require access to. This is where a tool called localtunnel comes in. With localtunnel we can create a proxy that can tunnel to our local server, making it accessible from anywhere.

Let’s see how this tool works.

Installing Localtunnel

The localtunnel that we will be using here comes in a form of a Node.js package. So, you first need to install Node.js using the installer; you can download it in this page. Once Node.js installed, launch Terminal or Command Prompt and type this command below.

 npm install -g localtunnel 

This command will install localtunnel globally, so it can be accessed in any directories at any level of your computer. Once localtunnel is installed, you should be able to access the lt command. To test the command, you can type the following (in Terminal or Command Prompt).

 lt –version 

If the command works, it should return the localtunnel version installed in your computer, like so.

Alternately, you can also type lt –help. Like in any Help menu of an application, this particular command will return the list of options and guide on using localtunnel.

Using Localtunnel

You can use localtunnel MAMP or WAMP; two applications that are the most popular for Mac and Windows to run local server. Assuming that the URL of your local server is http://localhost/ without the port number that follows, you can type the command using 80 as the port number.

 lt –port 80 

The localtunnel will generate a randomized subdomain name, in which you can access your local server anywhere, like this.

If you want to make the subdomain easy to remember, you can add –subdomain parameter following the port number. This example below will generate

 lt –port 80 –subdomain hongkiat 

Localtunnel also support Virtual Host. By default, when you run lt –port 80 command, localtunnel will pick localhost as the address to connect with. If you have created a Virtual Host with the name of, for example,, you can tell localtunnel to connect to that address instead of localhost using the –local-host parameter.

Put it all together, and you can type:

 lt –port 80 –subdomain hongkiat –local-host 

The command above will proxy that can be accessed through worldwide.

18 Creative Uses Of Typography In Video Games

There is an argument as to whether or not video games should be considered an art form. Whatever side you’re on, there is no denying that video games do incorporate several forms of art into their narrative and gameplay as part of the storyline, art direction or audio.

Video games have also been known to use many forms of typography, to relay atmosphere or a timeline in the cutscenes or the gameplay itself. Its uses are varied but with it game-makers can greatly enhance the experience or gameplay.

In this post, we will showcase 18 different games and how they use typography to give players a better and more submersive gaming experience. Who knows, this may make you notice the use of typography in your next gaming session.

Alan Wake. In the end stage of the game and in the downloadable content, the main character will find words lying around, that when hit with a flashlight, will turn into the object the word is e.g. the words "telephone pole" (2:20) will form an actual telephone pole when shine with the flashlight.

Splinter Cell: Convictions. Instead of handing you mission objectives in a menu, the game will project the mission objectives on the wall so there can be no question on what you have to do next.

Remember Me. The player has access to a form of augmented reality: many items have floating information tagged to them in forms of items and what you can do with the items.

Max Payne 3. During cutscenes, certain dialogue will have their words appear on screen in order to put emphasis on a particular point or character.

Grand Theft Auto IV. In the opening cutscene, the credits will be projected and moved around the scenery while the scenes and dialogue continue playing out. Giving credit where credit is due.

Device 6. A visual novel that heavily incorporates typography into its gameplay and narrative. The developers wish to blur the line between game and literature in this title.

Tom Clancy’s Ghost Recon: Future Soldier. Like in Splinter Cell, info on the environment and mission objectives are reflected in augmented reality style in Ghost Recon.

XIII. The game emulates the look of a comic book and along with the use of cel shading, will draw in onomatopoeic words on screen to feature impacts as they happen.

Devil May Cry. The environment in the game is almost a character in itself and will communicate with the player by projecting words on the walls or floor.

Far Cry 3. After a story mission, the loading screen will feature quotes from the book Alice In Wonderland, symbolizing the protagonist’s slow descent into insanity.

Type:Rider. A game that is actually about typography, letting you learn history while letters and words are used to build the game world.

Danganronpa: Trigger Happy Havoc. A visual novel where a portion of the game involves cross analysis in a trial setting. You literally have to shoot down your opponents’ arguments with your own.

Call Of Duty: World At War. The cutscenes between levels use kinetic typography, doling out expositional material and the storyline of World War II to the player.

Deadpool. Just like in the comic books, Deadpool’s multiple personality gets their own textbox which appears in the game.

Psychonauts. In one of the boss battle, the player character fights a critic, who uses critical words to harm the player.

Ultimate Marvel Vs. Capcom 3. The character Phoenix Wright at first doesn’t seem well suited for a fighting game but in it he uses his signature ‘Objection!’ shout to beat his opponents.

Lollipop Chainsaw. Zed, one of the bosses in the game, will use insults that manifest as floating words to harm the player’s character.

Katawa Shoujo. In the scene where the protagonist receives a list of medicine he has to take, the game uses kinetic typography to emphasize the confusion the character is feeling.

These 10 Websites Will Help You De-Stress And Stay Calm

There’s a lot of things that goes on in our daily lives that can lead to a lot of stress and leave us agitated. It could be anything from working with certain clients on a particular project to a looming deadline. There are plenty of solutions but what about when you’re busy at your computer and have limited time to spare? This is where the Internet can help you out.

There are several websites that are web design Singaporeed to help you achieve a sense of inner peace. They do this through the use of captivating images and soothing sounds, among other things. If you feel like you could use some quick but efficient relaxation, here’s our list of 10 websites to help you calm down those nerves. Hopefully, they’ll work as well for you as they did for me.

1. Calm

Calm can help you achieve what the name itself suggests. You can choose between “guided calm” or “timer” to get there. The length of the session varies from 2 – 20 minutes. For the guided calm option, a voice will guide you on how to relax your tense body and mind. If you rather do a quick session without narration, just click the “timer” button.

The background music gets an added effect from the nature scenes depicted, such as a flowing misty riverside or sunlight streaming through moving clouds. Calm also offers a free iOS app with limited features. [Visit website]

2. Do Nothing For 2 Minutes

The title says it all. You will do nothing except listen to the waves for exactly 2 minutes. This website acts as a bit of challenge to see if you can restrain yourself from doing nothing at all. The best part of this website is that, if you do touch your keyboard or mouse, a fail message will pop up and the clock will reset again. I failed several times too before finally completing it.

It’s a simple idea but sometimes a quick 2 minutes break is all you need to reset yourself. Do nothing for 2 minutes is also available as an app (iOS). [Visit website]

3. Get Relaxed

If doing nothing for 2 minutes doesn’t really appeal to you, how about trying GetRelaxed? All you need to do is just sit back and yes, relax, while watching some beautiful images through a slideshow (it changes every 3 seconds). Add some soundscapes to choose from and you’re set.

There are 15 different tracks to choose from. Each of them lasts between 2 to 4 minutes. Getting back to nature may just be easier than you think. [Visit website]


4. LoungeV Studio

For those who are not content with still images, you could try watching some videos instead. LoungeV Studio offers relaxing HD quality nature videos, which you can enjoy for free. The website plays tranquil videos of beaches, waterfalls, underwater scenery and much more under various titles.

If you rather not get your dose of relaxation via the site, you can buy the full version of the videos or DVDs. What better way to refresh yourself than by watching the beauty of Mother Nature at work. [Visit website]


5. A Soft Murmur

A user-friendly website that lets you create your own mix of ambient noises. Your special mix can include the sound of rain, a singing bowl or my favourite, the comforting sound of a fireplace. You can have all 10 different ambient noises playing simultaneously or just pick a few that suits your needs.

The sounds will help you to focus on the tasks at hand. If you want to, you can also share your mix with your loved ones or friends on Facebook, Twitter or Google+. [Visit website]


6. Nature Sounds For Me

Here’s another great one for the nature lovers that like to mix things up. Nature Sounds For Me offers a mixer tool that lets you control the audio level and pan (which determines whether you hear the sound from the left or right channel of your stereo source). This makes it easy for you to choose between the low steady sound of crickets or loud buzzing bees, just to name a few. You can choose up to 4 different nature sounds to be played simultaneously and save your mix for your future use.

There’s also an iOS app for your convenience. [Visit website]


7. Noisli

This website produces background noises such as coffee shop chatter, the low sound of a blowing fan, white noise, and more. The volume of the sounds are adjustable to suit whatever mood that you’re in. The web page also changes its color according to the mood of the sound that you have chosen.

If you’re keen to multitask, it also includes a Text Editor function, so you can write without the usual distractions. Plus your work can even be saved. Noisli also offers an app (iOS) so you can keep calm wherever you are. [Visit website]


8. Soundrown

Using the “relax.focus.escape” tag line, it really does what it offers. It helps your body and mind relax with 10 ambient noises that range from a moving train, children playing in the playground and even the sound of a fountain. The clips last for 30 minutes, which is more than enough for you to “escape” from work and regain your focus. You can play two sounds or more at the same time. This and the sleek web design Singapore of the website will surely keep me coming back. [Visit website]


9. The Thoughts Room

Need to vent but you don’t want the whole world to see it? Or maybe you just need a quiet place to write down your thoughts? The Thoughts Room is the perfect website for you. You can write anything into the status bar and then watch the words disappear before your eyes. It is as simple as that and the website plays calming music while you type your thoughts.

If you’re more comfortable using your native language, the website page has 37 different languages for you to choose from. The app for the website is available on iOS and Android. [Visit website]



Sometimes, all we need is a little bit of rain to help soothe us. offers different variations on what the rain sounds like that helps you unwind. It’s so well done that you would hardly notice that the sound is actually looped. There are also extra features such as an image slideshow, a quick break reminder, and a timer to stop the sound altogether.

The reminder will help notify you when it’s time to go for a quick break and stretch your legs. There’s also a app available for both iOS and Android devices. [Visit website]


Editor’s note: This post is written by Gina Mark for She likes to read, is interested in indie bands and loves to eat and travel.

20+ Must-Have Apps For Your New Windows Phone

Despite the lack of apps, the Windows Phone Store is steadily expanding its arsenal of great apps on a monthly basis. You can now find a number of official apps and alternatives that are similar to or even better than the regular culprits for your mobile needs.

The best thing about the Windows Phone Store is that we can try the apps before purchasing any; if it does not work as you expected, or you don’t like it, you can simply hit Uninstall.

After exploring the Store, installing, and uninstalling a bunch of apps, here is a list of essential apps you should be installing into your Windows Phone. Note that there are some apps like Files which need Windows Phone 8.1 to work. All apps listed here are free (at the time of writing), unless specified otherwise.

Tip: If some these apps may not available in your region (yet), you can change your phone region from the Settings > Region menu, and then restart your phone to install some of the apps.

Password Padlock

Having an app that lets you generate and save unique passwords is essential. Use Password Padlock to create unique password and manage them conveniently. This app also lets you manage passwords across the Windows app version for OneDrive. All passwords are encrypted with AES-256, the latest encryption standard. So, rest assured, your passwords are safe.


This app brings background images in various sizes and categories and lets you download them with ease. Use this app to have more background selections to attach in your Windows Phone Start and Lock screen.

Life360 Family Locator

As the name implies, Life360 Family Locator allows you to monitor your current family members’ locations in real-time. This app also lets you chat with your family in person with its built-in chat system. In a world full of uncertainty, this app is essential to help you keep tabs on your family members, with regards to safety, of course.


Photosynth is a Microsoft-owned app that allows you to capture amazing interactive 360 degrees panorama pictures. In the new version, aside allowing you to share your photos to Facebook and Twitter, it also ships with a Photosynth social; a niche community that shares panorama taken with Photosynth.

Adobe Photoshop Express

Adobe Photoshop Express gives you Photoshopping powers on your Windows phone. You can edit, crop, flip, rotate, and give your photos nice filters then immediately share your photos to your favourite sites. Note however that Adobe Photoshop Express would only run on Windows Phone 8 and 8.1 and requires at least 512 MB of memory.


This probably goes without saying but we’re pretty sure you are getting the Facebook app for our new Windows Phone. Luckily, Facebook is one of the social media sites that have made its way to Windows Phone Store with an official app. Additionally, a new version of Facebook app for Windows Phone dubbed as Facebook Beta has also been released. On Windows Phone, you can access the Facebook app straight from the lockscreen.

Other social media: Twitter, Instagram BETA, FourSquare, LinkedIn, Vine


WhatsApp has finally returned to Windows Phone after being pulled for having compatibility issues with Windows Phone 8.1. The comeback is accompanied by a number of long-awaited features such as Custom Chat Background, Custom Sound Notification, and Media Autodownload.

Other messaging apps: Messenger, LINE, KakaoTalk, Telegram Messenger BETA

Office Lens

Scanning your document is so old school, nowaays you can scan your documents with your phone. Office Lens not only lets you scan your docs, but also trim and resize your document automatically to an appropriate readable size. It’s a very handy app to take digital copies of your important printed documents like receipts and business card details.

Toib (.99)

The Google and Microsoft relationship is hot one minute, then cold, the next. Since Google axed Microsoft’s access to Youtube’s API, you should probably use Toib as an alternative for your video-related needs.

More video-sharing apps: MetroTube (.99) and PrimeTube.


Paypal is a superior service when it comes to payment processing, mostly because many people subscribe to its service. Check your current balance, send and request money straight from your Windows Phone when you get this app.

More financing apps: Finance, Mint.


This is one for power users who love to check out Amazon for deals. The Amazon app lets you browse products easily by category and department, search through products via filters and you can place your order easily, even without getting the Amazon smartphone.

More online shopping apps: eBay, Newegg, Yelp.

PDF Reader

You can’t avoid having a PDF reader on your phone hence this is a must-have app to get. Launch, read, add bookmarks easily to your PDF reading materials with the app. It also lets you share your PDF documents to social media sites via OneDrive.

Nextgen Reader (.99)

Nextgen Reader is a the nicest Feedly app in Windows Phone. It’s beautifully built and it implements the Windows Phone web design Singapore principle, Modern UI, really well. It also comes with offline support, live tiles, image caching, Save to pocket and Instapaper. This app really well worth the price and you can run it on multiple devices.


Poki is an unofficial app client for Pocket, an application to save web articles to read it later. Poki, as you can see from the above screenshot, has a playful interface. It supports offline reading, tagging, Search, marking articles as favourite, live tiles, speech synthesis and more.


Files works similar to how Windows Explore workr. With Files, you are better able to manage the files or documents stored within your phone (as well as additional connected storage services) such as creating a new folder, moving as well as renaming files.

Network Speed Test

Network Speed Test is a minimalistic app to test your internet connection speed. It provides both the upload and download speeds of your internet connection and also records the result of the previous test in the History tab for comparison.

App Folder

iPhone users may be familiar with how easy it is to group certain apps within a folder. Windows Phone has no such thing built in the system. If you want to have similar functionality, App Folder would be the best app to use on that regard.

Bonus Apps You Might Like

Measures Mate is a unit converter suite. This app encompasses dozens of unit measurements ranging from temperature, length, volume, energy, velocity, and angle just to name a few. A handy converter can be of use for someone who is always on the move and may not have Internet access all the time to Google for the conversion.

Need a Stopwatch? This is one of the best and simplest stopwatch app to get from the Windows Phone Store at the moment. There are dozens of other stopwatch apps but you can start trying them out with this particular one frist.

Use World Clock to see the times at major cities worldwide. The app will also automatically switch to the time of your current location. It’s a handy app for those who often travel around the globe or for those who work with people across different timezones, and need an app to help them keep track of world times.

Unlike iOS, Windows Phone does not have a Compass app built-in the system due to the varying devices it needs to support. If you need a compass, you can try this app. But make sure that your phone has Movement and Directional Sensor hardware support.

Flashlight Zero, in my opinion, is by far the best app in the Store to turn your phone camere flashlight to lighten – in case of power cut. It’s simple to use and free, and you never know when you will be in a sudden need for a light source.

If you are looking for a Shopping list reminder app, then this is a free app that will help you manage your shopping priorities well. It’s a handy app that helps you remember details on what to pick up.