Work Log

Share Text Photo

New version of our app Share Text Photo is published. We have add some animations using the build in animation features of IOS. It is really easy to add some eye candy to an app in IOS.

For the ones who don’t know what Share Text photo is, it is an application for writing a text with custom styles and sharing that text as a photo on social networks like Twitter, Instagram and Facebook. Since it is shared as text, you could write more than 140 characters on twitter. New features of 1.2 version are:

-New backgrounds
-Ability to change text location with pan
-History of previously shared text photos
-Shutter animation to post
-Page view (like iBooks) and delete animations to history
-Ability to select from your own photos or from camera

 

 

 

VN:F [1.9.22_1171]
Rating: 0.0/10 (0 votes cast)

How to Align Images in Markdown

Most markdown processors support HTML content within a markdown document. Basically you could embed your markdown markup within a div which will centre its content. Following sample centers the image on the document.

<div style="text-align:center" markdown="1">

![Alt Text](/path/to/image "Caption")

</div>
VN:F [1.9.22_1171]
Rating: 0.0/10 (0 votes cast)

Setup a HTML5 Development Environment with IntelliJ

In this post I will explain you how you could set a simple web project to experiment with your favourite javascript libraries. IntelliJ has support for NodeJS, Javascript, HTML and CSS. For NodeJS support you have to install NodeJS framework to you computer. After you install NodeJS, you should install IntelliJ NodeJS plugin and allow it to download source of NodeJS core modules. Without them auto complete will not be available. If you follow default installation procedures, IntelliJ itself will find where your node executable is and with jus a few clicks it will download required sources.

Screen Shot 2013 03 27 at 1 02 23 PM

After installing the plugin use the green NodeJS icon on the toolbar to start NodeJS configuration.

Skitch

 

IntelliJ will guide you for downloading source code of core NodeJS modules.

Node config

Create a new Project with “Web Module” selection.

New Project

We will need a web server, since we have NodeJS installed we could easily run our simple web server using connect middleware for NodeJS. Open command line, and go into the your project folder and Install connect using:

$ npm install connect 

This will download and install required NodeJS modules in node_modules folder. After that we could write our simple web server using JavaScript.

var connect = require('connect')
connect.createServer(connect.static(__dirname)).listen(8080);

Now we will create a new launch configuration by right clicking on server.js file an selecting “Run server.js” from the menu. This will create a new launch configuration as follows:

Run Debug Configurations

Before running your server, you should define deployment configuration from Tools->Deployment->Configuration… menu. In this screen we will define how folders of our web project maps relative to context root of our web server we have created in above server configuration. Click + sign on top left corner and add a new “In place” deployment using the type combobox. In first screen, enter the web server root URL according to port you have specified in your server.js file. In my case it was 8080.

Deployment Connection

Click on the Mappings tab and add mappings of you project folders relative to context root of web server. In my case I have specified root of my project folder as root of my web server.

Deployment Mappings

Now we can execute our NodeJS web server using the toolbar as shown below.

Server

VN:F [1.9.22_1171]
Rating: 9.0/10 (1 vote cast)