Diberdayakan oleh Blogger.
Tampilkan postingan dengan label Create. Tampilkan semua postingan
Tampilkan postingan dengan label Create. Tampilkan semua postingan

Jumat, 02 Mei 2014

apple iphone 5 Used To Create Its ‘Powerful’ New Ad


Apple has a new ad out that you may have seen, featuring a track by The Pixies and a whole lot of iPhone users employing mobile software to cover the song. The ad harkens back to earlier Apple ads where people used a variety of software from the App Store to have fun with their devices, and as such represents a pretty strong return to form.
I’ll forgive them the obligatory dusk-on-the-desert-young-people-shooting-off-bottle-rockets shot that seems to make its way into most ads aimed at Millennials or younger these days, because the rest of the spot presents people doing stuff with their iPhones that I actually wouldn’t mind emulating. Apple anticipated that, of course, and created a micro-site to go along with the ad that offers a look at and links to each of six apps featured prominently in the video (which Apple officially refers to as a ‘film,’ by the by).
The apps in question are Star Walk, Instant Heart Rate, Word Lens, AmpliTube, Luminair, and Pacific Rim. They cover a wide range of features and functions, including one that you may have thought was exclusive to Samsung’s Galaxy S5 (Instant Heart Rate). Apple’s promotional pushes almost always seem to come with microsites these days, but that’s smart – giving ads an endpoint for further engagement makes a lot of sense when you’re generating buzz and want to do more than just fritter that away.

Don’t forget to leave your feedback under and observe us on Twitter or grow to be our Facebook fan for all the most recent updates!



Writted by: totor

Minggu, 27 April 2014

How to Create Post Draft In Jekyll

In the previous post, we have shown you how to install Jekyll and publish your first post with it. If you have followed it, you can see that creating a post is a breeze; we simply create a new Markdown file, save it within the /_posts folder, and it will show up in the blog immediately.

That, however, could be a problem if you have put your blog online. Your post may have unfinished sentences, contain errors, and a few other things that should not be seen by your readers.

That’s why we usually create a draft first before pressing the Publish button. So, in this post, we will show you how to create a post draft in Jekyll before it hits the public eye.

But first, let’s start up the Jekyll server with the following command line.

jekyll server --watch

File and Directory

Prior to version 1.0, working with a draft in Jekyll is hardly manageable. There are numerous ways to deal with it.

Some have set published: false in the post files to prevent it from being published, and some put future: false in the configuration file to prevent Jekyll from generating posts with a future date — which still will be published once the date rolls around.

Now, Jekyll has made things simpler to control.

Jekyll relies on strict directory structure. In the case of creating drafts, we need to create a new folder named _drafts. We put all drafts into this folder.

The draft file name does not have to include the post date; we can just name it this way:

Jekyll will ignore this folder. You can write your post as usual, and it won’t be displayed out in the open yet. Once you are done with your post, you can put it in the _posts folder, and add a proper date in the filename.

Hold on?!

Hold on, can’t we just create any folder? Well, the _drafts folder name is the official naming convention to put your drafts in. We technically can name the folder anything, but doing so would prevent us from previewing our drafts.

In Jekyll, we can run the jekyll command with the --drafts flag to preview the drafts: jekyll server --watch --drafts Refresh your blog, and you will see the draft appear on the blog. The draft will be displayed with its latest modified date.

Conclusion

We have shown you how to create a draft in Jekyll. It’s quite simple. But we can make the workflow from draft to publication more streamlined with the help of a plugin. We will discuss it in the next post. So, stay tuned.



View the Original article

Rabu, 23 April 2014

How to Create a Blog with Jekyll – A Beginner’s Guide

WordPress, which humbly started as a blogging platform, has now transformed into a full-fledged and a very popular CMS. With WordPress, you can build (almost) any kind of website, from a portfolio to an e-Commerce website.

But what if you only concern about blogging, and you do not need jam-packed features in WordPress like custom taxonomy, user management, comment moderation, and a nice media uploader?

In short, you just want to be focusing on writing and publishing your content. If that is something you have in mind, let’s meet Jekyll, a static blogging engine.

About Jekyll

Jekyll comes with the idea of creating a static (same old HTML) blog, one which is easily maintainable. In comparison to a dynamic blogging tool, like WordPress that is built with a server-side language like PHP, a static website has 2 key advantages.

First, it serves and perform faster. Second, it consumes less web resources namely memory and database I/O. Additionally, if you use Jekyll, you can host your blog in Github Pages for free.

Install Jekyll

First, let’s install Jekyll in our system. Launch Terminal and type the following command line:

sudo gem install jekyll

Once installed, run this command to ensure that jekyll command is functioning.

jekyll -v

The command should show the Jekyll version, like so:

Create a Jekyll Site

To create a new blog with Jekyll, type jekyll followed by new and the name of the site in Terminal. For example:

jekyll new jekyll-blog

In this example, it created a new directory as specified, jekyll-blog, as well as the following stuff within:

Type this command below to activate Jekyll server.

jekyll serve

You can also run the the server using the --watch flag; that way it will automatically update the blog everytime we made a change.

Go to the browser and type http://localhost:4000, or as shown in the Terminal screen to open the blog.

The Document Structure

Jekyll applies a specific document structure that we have to follow, so the blog could function properly. Let’s take a look at what we have in our blog directory below:

|-- _config.yml|-- _layouts|-- _posts|-- _site|-- css`-- index.html

First, we have _config.yml; it is the the blog’s configuration file written in Yaml. In this file we can specify the blog name, the permalink format, host, Port number, and etc.

_layouts is where we put customized layout for page or post.

_posts is the directory where we save all our posts. All the posts should be written either with Markdown or Textile. They will be compiled and save the output in _site directory; this is the directory where Jekyll will serve the posts in the Browser.

Lastly, we have css and index.html.

For now, we will leave them as they are, with no custom configuration. Let’s start writing our first post.

Writing a New Post

As mentioned above, in Jekyll, we either write the post in Markdown or Textile. We have covered in the previous on how to write with Markdown; you may want to check that link first before going any further.

Naming Convention

To create a post, we also create a new file that must follow this naming convention year-month-date-{post-slug}.{file-extension}, for example: 2014-03-11-hello-world.md. Save the file in _posts directory.

Post Front-matter

Before we begin writing the body content of our post, we must first define the post front-matter namely the title and the post layout. We can also define the post categories and the tags, but these are optional. The most important thing is that the front-matter must be set within triple-dashed line. Here is an example:

---layout: posttitle: Hello World!---

Then we can write the content:

Hello world! Welcome to Jekyll. This is your first post.

Save the file. We will see the psot generated, and appear on our blog. Nice!

Wrap up

In this post, we have shown you how to install Jekyll and write your new post, which are the basic things that I think you ought to get to know before going further with Jekyll. There are a lot more things to explore in Jekyll, and we will discuss them in future posts. Stay tuned.



View the Original article

Kamis, 17 April 2014

Microsoft OneNote updated, lets you create OneDrive notebooks and sections

onenote

Today Microsoft is bringing out a new update to its OneNote Android app, bringing the ability to create Notebooks directly on your OneDrive account from your Android devices.

Creating a notebook is extremely easy, as all you need to do is tap the overflow menu within the Notebooks list and then tap “create notebook”. Once the notebook is created, it’s equally easy to create and delete OneDrive Notebooks sections as well.

In addition to the notebook and section support, today’s update also brings several bug fixes and performance improvements. Although Microsoft doesn’t give a full list of what bugs it is addressing, we do know that it is solving some existing problems with pasting from the clipboard.

To get in on the latest version of OneNote, you’ll want to head on over to Google Play. Have you downloaded the latest version, if so, notice any other changes not mentioned in the change-log? In general, what do you think of OneNote versus Evernote and other similar note-taking apps? Let us know in the comments!

Minggu, 13 April 2014

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

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.

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.

Camera Permission

Using Movenote

This is what the main Movenote interface looks like:

Movenote Interface

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.

Uploading Content

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.

Re-ordering 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.

Completed Movenote

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.

Movenote Settings Menu

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

Sabtu, 12 April 2014

You Can Now Create Windows And Windows Phone Apps In One Go With Microsoft’s App Studio

Microsoft’s App Studio service is fun. At launch, it supported the creation of simple Windows Phone applications so everyone could get their hands dirty and build something. The service has been upgraded throughout its life, and today picked up a key update: The ability to create a combined Windows and Windows Phone application in one go.

Here are a few slides that would help you display, in brilliant colors, the latest TechCrunch content on your Windows Phone and Windows 8.1 device:

Screen Shot 2014-04-03 at 2.12.02 PM

Screen Shot 2014-04-03 at 2.13.20 PM

Screen Shot 2014-04-03 at 2.24.01 PM

Screen Shot 2014-04-03 at 2.24.52 PM

There are a few more steps, but you get the idea. (Sadly, 8-year-olds outdev me.)

The above fits into Microsoft’s news today concerning universal application development that will see Windows 8.1 and Windows apps share code between them, user interface tweaks to better fit disparate screen sizes aside.

Shared code lets developers move more quickly, likely making Microsoft’s increasingly unified platforms more interesting. App Studio has been brought into line with the current Microsoft developer toolset in terms of code reuse.

As a final note: I like App Studio, but for a non-commercial reason. By making app development approachable for all, even if only in its most lightweight fashion, Microsoft could be helping the younger generations get excited about writing code.

Minggu, 23 Maret 2014

Animation Sketch & Draw: create your own cartoons

Features & Use

When I first opened up the app, I was brought to the main project portion where you start creating your animations. What I was missing straight off of the bat was some sort of welcome or tutorial screen to get me started. I felt lost at the beginning, and many of the buttons in the app didn’t seem very intuitive at first. I finally was able to locate the help section of the app in the action overflow (menu button) on the top right corner of the screen. Here it shows you what all the functions mean and do.

androidpit animations 5Animation Desk Sketch & Draw gives you the tools to create an animation. Here is the main screen. © AndroidPIT

To wrap your brain around this app, you need to remember that animations are made of many still frames, each of which you have to create one at a time. I quickly came to the realization that creating any kind of good animation (and more than just stick men) would indeed take a long time, therefore a lot of patience is required. Using your own finger, you draw on each frame using the various painting tools and colors offered on the right side of your drawing board. You can change the brush size and opacity. To adjust these, you tap on the various settings and drag your finger up and down to increase or decrease the intensity. You can also select a color from the palette by double tapping on the ‘paint pots’.

androidpit animations 2Other than choosing your paint brush, size and opacity, there are all the colors on the color palette and the option to choose a background picture from Google Drive./ © AndroidPIT

On the left, you will find the project manager button with all your stored projects, finished or in progress, and a counter with the number of total frames you have created so far which you can sift through by swiping the scroll button. Underneath, there is a controls ring with the play speed (frames per second), frames navigation, loop/play once option, onion skin and finally show/hide background. Onion skin, just to clarify for all the non-animators, is a technique used in creating animated cartoons and editing movies to see several frames at once. This way the animator or editor can make decisions on how to create or change an image based on the previous image in the sequence. Another feature is that you can choose an already created background from your Google Drive folder.

androidpit animations 3The menu button on the top right corner, action overflow, allows you to create new slides and duplicate them. Here you will also find the help for all the various functions. © AndroidPIT

At the bottom of the screen, there are options to go to the previous frame, add frames and you can also switch from foreground to middle ground and have an overview of what you’ve accomplished so far.

androidpit animations 4Under Projects, you can view all of your animations that are in progress. © AndroidPIT

Needless to say, this app takes some getting used to. So far, my first impression tells me that for the average user, a group in which I’m included, it’s a fairly steep learning curve, plus you need to have some artistic talent and good ideas. For those interested in art, animation or who have a colorful imagination, not to mention a lot of patience to be able to make each frame individually, they would likely find it easier to get the hang of. Though, like I say above, it would be nice to have a welcoming tutorial when you open the app for the first time.

androidpit animations 1Using the Onion Skin option will help you create a more fluid animation. © AndroidPIT

A trick that I found while using this is that by duplicating the frames, you won’t need to create each frame from scratch, you can just alter the picture a little for the next frame to create a more fluid animation. Using the onion skin will help as well: you can choose to see the next one or two frames, the previous one or two frames as well as the ones previous & next. I’m certain that those used to making animations are familiar with the techniques.

When you are done, your animation can be saved by tapping on the share button at the top right corner, which then exports it and saves it into your Albums app.

Screen & Controls

The entire app has very nice 3D design and a large area for creating the animation. The app is only available for tablets, which makes most sense in terms of creating precise work. The controls on the other hand, were not that intuitive. I feel that the controls were a bit scattered and besides an introductory tutorial, a more complete welcome screen with all the necessary informative details in the forefront would have been appreciated. In the end though, you do get the hang of it. I did feel like sometimes the touch response was a bit off. For example, I tapped multiple times on one color and it chose the color next to it. This could either be the fault of the tablet I was using or the app though.

Speed & Stability

There were no issues in terms of speed and stability. The app didn’t crash once during the testing period, and I need to give the developers praise for this.

Price/Performance Ratio

The free version of the app is quite extensive and offers animators or any user in general all they need to make decent animations, if they are willing to put in the time and effort. There are ads within the app, however they didn’t get in the way.

Final Verdict

Animation Desk Draw & Sketch is a really good idea and an app with a lot of potential. The design has a great 3D design and lots of functions that can be the perfect medium for users and those interested in animations that want to make some cool creations. The things you’ll need is an idea, patience and the time to get used to the app and learn all of its functions until you can use it with ease. To improve the app, a welcome page and a user-friendly tutorial would be two welcome additions, especially for the first moments of getting used to it. Otherwise, I can see quite a few users installing and uninstalling soon thereafter out of mere frustration. Taking the good asepcts and the points that could be improved into consideration, I’m rating the app 4 stars out of 5. Try your hand at the app and see your ideas turn into real animations.



View the Original article

Sabtu, 22 Maret 2014

How to Create WordPress Custom Fields The Easy Way

WordPress provides the essential fields that allow us to publish posts and pages. A few of these fields include the Content Editor, Category Options, Tags, and Featured Image.

These fields, however, are not sufficient to accommodate certain cases. Let’s say you build a Book Listing site that will show the book author, the ISBN number, and the publisher. You will need some extra fields to input the extra information.

Luckily, WordPress is now quite extensive, it gives developers the ability to create custom fields to cater to any website needs. These custom fields could be a general text input, a textarea, a dropdown option, a color picker, calendar, and even an image uploader. In this tutorial, we show you how to create WordPress custom fields the easy way. Let’s get started.

Advanced Custom Fields

To give you a real example, let’s try building a book listing site. To create our custom fields easily, we will use a plugin called Advanced Custom Fields by Elliot Condon. With it, we won’t need to touch the code too much for creating the custom fields. However, some code-level editing in the theme files is required to display the data that we have entered into the fields.

Once we have installed it, it adds a new side-menu called Custom Fields. Go to this menu, click on the Add New button, and name the Fields Group. For example, "Custom Settings" (see shot).

Click on the + Add Field to create a new custom field, and we name the field label as Author. Below it, set the Field Name simply as book_author, which we will use to call out or display the data of Book Author. You may also set Field Instruction, and the Placeholder Text, but those are optional.

Then, we can create a set of other fields as in Page Length, the Publisher, and Book Language like so.

Next, we need to assign the field group to display it in a particular Post Type. You can assign it with Post, Page, Page Template, Attachment, or set rules that involve several Post Types altogether. In the following example, I would like to display the fields to Book Post Type, which you can easily create on your own with this handy tool, GenerateWP.

Then we head over to our Book Post Type editing screen, and fill it up.

Displaying the Data

Before proceeding, since we assigned the fields to Custom Post Type, we need to create a new file to display the content called single-book.php (have a look at this page for reference). We will also put our codes in this file.

Once all our custom fields have been populated, we will display them in the front-end by using the_field() function followed by the field name. For example, this code below displays the data from the Author Book field that we’ve created above.

the_field('book_author')

It’s really that easy. Furthermore, if you want to make sure that it should only be displayed when the data is present, you can wrap the code with a conditional statement. For example:

if( !empty(the_field('book_author')) ) :  the_field('book_author');endif;

And below you will find all the codes that we put in single-book.php to display our book.

<div class="entry-content"> <?php if ( has_post_thumbnail() ) {  echo '<figure class="book-thumbnail">'; the_post_thumbnail('book-thumbnail'); }  echo '</figure>';?><div class="book-info"> <h3 class="book-title"><?php the_title() ?></h3> <p class="book-description"><?php the_content() ?></p> <h4 class="book-details-title">Book Details</h4> <div class="book-details"> <ul> <li class="book-author"><span class="label">Author:</span> <?php the_field('book_author') ;?></li> <li class="book-pub"><span class="label">Publisher:</span> <?php the_field('book_publisher') ;?></li> <li class="book-pages"><span class="label">Length:</span> <?php the_field('book_pages') ;?></li> <li class="book-lang"><span class="label">Language:</span> <?php the_field('book_language') ;?></li> <li class="book-pubid"><span class="label">ISBN/ASIN:</span> <?php the_field('book_isbn_asin') ;?></li> </ul> </div></div></div>

With a little bit of styling with CSS, we can achieve the following neat and subtle result.

Final Thought

In this tutorial, we’ve shown you the very basic example of using Advanced Custom Fields plugin to create your own a set of new Text fields and assign them to a Custom Post Type easily.

Apart from that, this plugin provides a number of custom fields to enhance our website including WYSIWYG Editor, TextArea, Dropdown, User List Options, Google Maps, and many more. You can explore the plugin further and see what cool things you can come up with.



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

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.

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.

Registration

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.

Slidebean Dashboard

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.

Presentation Title

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

Presentation Location

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.

College Or Academic Institution

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:

Text Slide

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.

Image Slide

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.

Presentation Design

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.

Presenting And Downloading Presentation

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.

Sharing Presentation

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