App Eater Easily Batch Uninstalls Apps

Android: There are many ways to uninstall apps on Android, but if you're looking to do a spring cleaning, App Eater may be the way to go. Not only can it remove many apps at once, you can create a widget to easily uninstall the last app you opened.

The app shows your most recently used apps by default. So, if you're finally fed up with that one annoying app, it's a simple task to get rid of it. You can even create a widget that automatically uninstalls the last app you opened.

App Eater | Google Play Store via XDA

View the Original article

Easily Animate Text With Textillate.js

In our previous post, we have introduce you to Animate.css, an awesome CSS3 library, that makes CSS3 animation creation easier. In this post we are going to introduce you to a jQuery plugin, built using Animate.css, which is able to animate text, called Textillate.js.

Although you can animate text with Animate.css, it’s only animated wholly, not letter by letter. Even if you may have an approach of wrapping each character to an element and animating them, it’s going to be troublesome and not effective. With this plugin, you can animate every single letter of your text easily.

Textillate.js divides the animation into 2 components, in and out animation. You may apply them with different animations, separately. All the animation effects use Animate.css library effects.

Besides Animate.css, Textillate.js is also built based on Lettering.js. We can say, this plugin is the combination of these 2 powerful tools. Animate.css works on the animation feature, while Lettering.js focuses on the typography.

Usage

Textillate.js needs a few dependencies before it is ready for use. They are Animate.css, Lettering.js and jQuery. After you’ve got the files downloaded, include them in your project, like so.

<script src="js/jquery.min.js"></script><script src="js/jquery.lettering.js"></script><script src="js/jquery.textillate.js"></script>

And don’t forget to put the Animate.css library in the head section.

<link href="css/animate.css" rel="stylesheet">

Basic Markup

To start using Textillate.js, you must define a class of element you want to animate, then add your chosen effect into it. Please note that this plugin works only on text that contain elements, so any element that is not text will not be animated.

As an example, we have an element which contains text here, and a demo class, like so.

<div class="demo"> <p>Each of this letter will animate.</p></div>

We call the class name with Textillate.js initialization, like so.

<script>$(function () { $('.demo').textillate();})</script>

The text will now animate.

Textillate.js Options

The previous Javascript code will apply only default animation setting to the text. To change it, there are two methods you can use.

1. First, by inputting HTML data api like the following.

<div class="demo" data-in-effect="rollIn"> <p>Each of this letter will animate.</p></div>

data-in-effect defines the entrance effect of the text. While for the exit effect, you can use data-out-effect api.

2. You can also add the options into the Javascript Textillate.js initialization like the following code.

<script>$(function () { $('.demo').textillate({ in: { effect: 'rollIn' } });})</script>

In addition to effect, there are other useful options you may want to use. To see the full list of other options, head over to the documentation page.

Final Thought

Textillate.js is a very useful plugin especially when you want to attract users to the text you want to highlight the most. It can be your site heading, services, updates, promotion or anything else. And for more enhancements, you can combine Textillate.js with another plugin like FitText.js designated for gigantic display text. Once again, remember to use the animation in the right amounts.

View the Original article

Create Online Video Presentations Easily With Movenote

Presentations are a great way to explain things and get important information across to an audience. However, there are times when it’s just impossible to conduct a presentation in real-time, be it due to distance or simply lack of time. Sure, you could just email your slides or publish them online, but without the all-important human element, it can be hard to communicate and get your point across. If you’ve ever wished for an easy way to overcome this problem by combining slides with audio and visual narration, you can stop wishing. Say hello to Movenote.

Movenote is an app and website that lets you create video slidecasts, which the app calls Movenotes. Movenote lets you accompany your slides with a video narration. If giving a presentation in real life is impossible for whatever reason, Movenote might just be the next best thing. If this sounds useful to you, read on to find out more.

Recommended Reading: Create Beautiful Presentations Easily With Slidebean

Getting Started With Movenote

To get started using Movenote, just log on to the website and register a new account if you don’t have one. You can also log in using your Google, Facebook or LinkedIn accounts. However, it looks like you’ll only have Google Drive integration if you login using a Google account.

Once you’ve logged in, go through Movenote’s terms and conditions. Once you’re done with that, you can watch some YouTube videos with tips on getting started with Movenote. Finally, Movenote will ask for your permission to use your webcam.

Using Movenote

This is what the main Movenote interface looks like:

Your slides take up the bulk of the screen, with your webcam’s output on the right side of the screen. This is so that you can see yourself while you’re recording the Movenote. Press the pencil icon beside the presentation title to edit the Movenote’s title. Archive is where you access older Movenotes.

Adding slides is simple as clicking on Add Slides and choosing whether to add files from your computer or from your Google Drive account.

Once you’ve added your slides, either from your computer or from Google Drive, you can rearrange and delete them however you wish. Just press Re-order at the top of the slide display and a new window will pop up allowing you to re-order and delete slides.

Recording Your Presentation

Once you’re satisfied with your slides, you can start recording your Movenote. Just press the red Record button; Movenote will start a countdown and then begin recording. While recording, just narrate as you normally would, and click the arrows above the slide display in order to move through the slides. You can also turn your mouse cursor into a laser pointer by holding your mouse button down; this can be useful for highlighting certain parts of a slide.

Once you’re done recording, click Pause. You can then either resume recording, start over if you made a mistake, or press Save & preview if you’re satisfied with your recording.

Once you press Save & preview, Movenote will take a few minutes to generate your Movenote. How long Movenote takes depends on the length of the presentation.

You have a number of ways to share your completed Movenote. You can email the link via Gmail, copy the public link, or share it on social networks including Facebook, Twitter and Google+. Movenote also has AddThis integration, letting you share your Movenote on a lot of other social platforms such as Pinterest and Tumblr.

There are a few other controls at the bottom of the screen. The seekbar and the slide counter work in tandem with each other, in that moving through the slides also advances through the Movenote. Viewers also have the option to download the slides in .PDF format.

There’s also a settings menu that lets you do a few extra things, including adding a link, editing the slides, generating an embed code as well as deleting the Movenote.

Conclusion

Movenote is an incredibly useful tool if you want to accompany slides and presentations with audio-visual narration and explanations. If you’ve ever wanted to keep the human element of presentations while sharing information across the Internet, then Movenote is definitely something you’ll want to try out.

Movenote is also available for mobile platforms, both Android and iOS. There’s also a Movenote Chrome app as well as a Movenote for Gmail extension that lets you create Movenotes directly from Gmail.

View the Original article

Export Photoshop Layers Easily With Cut&Slice Me

Cutting and slicing in the design process is undoubtedly time-consuming work. Moreover, it becomes more and more complicated when you have to cut and slice hundreds of layers in different scale.

Of course, there are copy merged, export layers to files or slice features in photoshop. But those approaches have not helped much in making the cutting and slicing process faster. What you need is a plugin.

Cut&Slice Me is a Photoshop extension for simplifying the process of cutting and slicing design. You can then export your layers for iPhone, Android or Desktop devices. The exported files come with various scales and resolutions as well, such as retina for iPhone or HDPI, LDPI, MDPI and XHDPI for Android.

Cut&Slice Me Installation

To use the Cut&Slice Me plugin, you need at least Adobe Photoshop CS6/CC installed on your machine. Download the plugin (and the sample PSD file that we’ll be working on later).

Once your download has finished, double click the CutAndSliceMe.zxp file and installation will automatically begin by Adobe Extension Manager. Follow the instructions and restart your Photoshop if it was already open.

To make the plugin visible in your Photoshop right panel, simply go to Window > Extensions > Cut and Slice me.

Getting Started

Cut&Slice Me is easy to use but you have to do a bit of work first to make sure the plugin works efficiently during cutting and slicing.

First, you have to organize your layer objects into folders as Cut&Slice Me checks only group names. You also need to add the “@” symbol at the end of the layer group name you want to export.

Slicing Defined Size

All unnecessary transparent pixels are removed in the exporting process. To keep the exported file in yrou desired size:

1. Make sure you have checked the ‘Snap Vector Tools and Transforms to Pixel Grid’ setting in Edit > Preferences > General.

2. Then, create a rectangular vector layer for the size you want.

3. Place this shape at the very top of the group, so it will tell the plugin the area size you wish to export in. Lastly, name the shape “#”.

Image source: Cut&Slice Me Basic Tutorial

Different State Asset

When dealing with buttons, which often has different states, you can use a special method.

1. In exporting a button, create a new layer group for the button and include a “_BTN” label in its name.

2. Inside the group button, create another group containing button states and name them according to the states. The group state names should be as follows:

• normal
• hover
• clicked/pressed
• selected
• disabled

Aside from buttons, this rule can also be applied for other elements that may have different states, like the following screenshot.

Using Cut&Slice Me

Now let’s look at how Cut@Slice Me can help you with your designs. As mentioned earlier, we’ll be using the sample PSD design file from the Cut&Slice Me homepage.

As mentioned before, currently Cut&Slice Me lets you export to iPhone, Android and Web. You can choose to slice all assets, subgroups or selected layers. Slice and export the sample design to iPhone.

After the exporting process is finished, you will find the result files are located in the original PSD file location (see image).

So far, I assume you have a solid understanding about how the plugin works already. So, let’s try using the plugin with another design.

Using Webpaint template from Elemis Freebies, you’ll see how to set up the plugin rules from scratch.

For simplicity’s sake, we’ll only use half of the design for exporting. The following screenshot is a comparison of how the layers are structured before and after they are ready for use.

On the left (in red) are the original layers. After rearranging and renaming the layers’ states, we arrive at what is on the right (in blue).

As the design template will be used for the web, in the plugin panel, choose the device mode for desktop (monitor icon). Hit Cut All assets.

Now, the defined asset had been sliced successfully, like so.

Note that, if you are slicing your own design, you need to have it in the highest resolution since final images are for xhdpi in Android and retina in Apple devices. This plugin carries out the full resolution of the design then scales it down for export into different sizes.

Conclusion

No time is wasted when you cut and slice using this Photoshop plugin. With a little bit more discipline in layer organization, even complex designs can be sliced with precision and ease.

View the Original article

Create Beautiful Presentations Easily With Slidebean

Presentations are part and parcel of our lives. Whether it’s a university assignment, monthly sales meeting or pitching a product to potential investors, a presentation has to look good and have great content. But there are always times when it’s difficult, if not impossible, to balance the two. Maybe you just don’t have an eye for design, or maybe you don’t have enough time to get both the content and design of your slides up to par. Well, that’s all a thing of the past with Slidebean.

Slidebean is a cloud-based app, currently in beta, that lets users create beautiful presentations quickly and easily. Slidebean changes the way you create presentations, by encouraging users to focus solely on the content, while the app handles the design side of the equation. No more having to worry about trying to balance content and design. If this sounds like something you’d be interested in using, read on.

Recommended Reading: 10 Presentation Tools To Win Over Your Audience

Getting Started With Slidebean

As usual, the first step is to register with Slidebean. You can either create an account or log in using your Facebook or Twitter account.

A nice touch is the fact that registering also logs you in instantly, without having to wait for a verification email or anything of the sort. Once you’re logged in, you’re taken to your Dashboard, which is where you create new presentations and manage the ones you’ve already created.

Creating A Presentation With Slidebean

Slidebean makes creating a presentation very easy. Clicking on Create new presentation in the Dashboard will begin the creation process.

The first thing you’ll be asked to do is to input the title of your presentation.

Then, Slidebean will ask you where the presentation is taking place. You have a choice of One on One, Classroom, Meeting, Auditorium or Online.

If you choose Classroom or Auditorium, there’ll be an additional screen where you’re asked to input the name of the institution where the presentation is taking place.

Once you’re done inputting this basic information, it’s time to get started on the content.

There are six types of slides that you can insert into a Slidebean presentation. They are:

• Header
• Text
• Bullets
• Quote
• Image
• Video

There’s also a Chart option available in the slide creator, but this slide type isn’t available yet.

Adding content to your presentation is simply a matter of selecting a slide type and inputting any required information. Here’s what inputting content into a Text slide looks like:

You have a few options when it comes to inserting images into your presentation. You have the usual options to upload your own images or link images already online, but Slidebean also has an image search function powered by 500px. If you don’t have the image you need with you, you’ll probably be able to find something suitable using the search function.

Designing And Presenting Your Presentation

Once you’re done creating the content of your presentation, it’s time to select the design. Just click on the Continue To Design link at the bottom and you’ll be taken to the design screen. You have a choice of six different designs and 11 different colour schemes to fit any situation.

After you’re satisfied with the content and look of your presentation, you can either download the presentation or present it directly from Slidebean. At the Dashboard, just mouse over a presentation and click on Present if you want to present it straight from Slidebean.

If you want to download it, click on More then click on Download. Slidebean will send you a link to a .PDF download. Be warned, though, that the .PDF will not contain any videos, animations or stock photos from 500px.

You can also share your presentation online. Just press the Share button and you’ll be given a public link, as well as buttons for sharing your presentation on Twitter and Facebook.

Conclusion

Slidebean is a great tool for creating beautiful presentations without the headache of dealing with a complex interface or having to come up with a great-looking design. Slidebean is free to use, but there’s also a paid plan that adds support for secure private presentations as well as the ability to present offline. The paid plan costs $4.99 a month.

View the Original article