All posts by Ramesh Jha

Folium – A clean and responsive HTML5 template for portfolio

Folium is a HTML5 template built using Twitter Bootstrap especially for freelance developers/photographers who needs a portfolio website to showcase their work.

It’s a one page responsive template, It has simple and clean design, it’s built using Bootstrap 3.0 (The most popular frontend framework), jQuery etc. Although, it has some nice features and visual effects but it’s still lightweight and fast.

Folium portfolio template

folium template

It’s a premium template available for download, with multiple licenses such as Standard (recommended for quick use), Pro (if you want finer control over the theme design, you also get sass/coffeescript files), Pro Multiple (All pro features plus you can use it for as many sites as you want, including your clients).

So if you’re looking for a modern and flat cool theme for your portfolio site you must check it out.

Here is one screenshot of landing page : (checkout the demo link below)

folium template

Demo
Folium – HTML5 Portfolio Template

cordova logo

Building Android Apps with Phonegap – Part I

Phonegap is a framework for building cross-platform mobile apps using web technologies such as HTML5, CSS and Javascript. It’s based on Apache Cordova, a free and open source framework. So, if you build your next mobile app using phonegap, you can easily deploy it to various mobile platforms. It supports a number of devices including Android, iOS, Windows Phone, BlackBerry and so on.

cordova logo

So, building mobile apps using phonegap/cordova is more productive and most importantly, you won’t have to learn platform-specific languages such as Java or Objective C. It has some drawbacks too e.g not all native language features are available, performance issue for complex applications and so on.

Lets begin!

I assume you’re using a Linux based distribution such as Ubuntu and your target platform is Android. You could adjust few things to make it work in other cases.

1. Setting up Android ADT and Eclipse

Although Eclipse IDE is not strictly necessary but it’s the officially recommended IDE for Android, it also makes testing, debugging and deployment(exporting signed apk) much easier for a beginner.

Things you need to install

  • JDK/JRE
  • Eclipse
  • ADT (Android Development Tools)

I’ve already written an article on setting android development environment in Ubuntu, So go through that article and come back when you’re ready.

2. Installing Phonegap/Cordova

Now, you’ve Android and Java environment ready, install cordova/phonegap.

Install NodeJS
Open a terminal and type: (The nodejs package available in repository may be out of date, so use ppa)

sudo apt-add-repository -y ppa:chris-lea/node.js
sudo apt-get -y update
sudo apt-get -y install nodejs

Install cordova

sudo npm install -g cardova

Open a terminal and type cordova , just to make sure it’s installed correctly.

3. Creating a simple Hello World Application

cordova create hello com.example.hello "HelloWorld"
cd hello
cordova platform add android
cordova build

Note : Don’t use spaces in name otherwise you may get some strange errors. If you’re getting any error like “command not found”, then you should check whether the android sdk path has been setup properly or not. If that’s the case you can try this command : export PATH=${PATH}:~/adt-bundle-linux/sdk/platform-tools:~/adt-bundle-linux/sdk/tools (assumption : adt-bundle is installed in home directory)

Launching the app in Eclipse

import-android-eclipse

Open eclipse and go to File -> New -> Project -> Android Project from Existing Code and locate the apps root directory (created using cordova command).  Now, you can create a virtual device (From Eclipse, Window -> Android Virtual Device Manager) for testing your app. When you run the default app, you will get a simple welcome page saying Device is Ready. The assets/www directory contains all the html, css and javascripts files for your app.

What’s next ?

In next series of this tutorial (part II), I  I will create a simple app using phonegap and deploy it to Google Play (step by step from getting an idea to launching in Google Play); And, about some cool libraries/tools you can use to make phonegap development much easier and fun :-)

brackets-logo

Brackets – Code editor for web developers!

brackets-logoBrackets is a free and open source, cross-platform code editor from Adobe. It’s specifically designed for web developers. It’s written in HTML/CSS/Javascript.

There are lots of cool features such as live preview for HTML, quick edit, built-in support for css preprocessors etc And it’s dedicated for web development so if you write a lot of HTML5/CSS3/Javascript then you may feel more productive with Brackets. The UI looks clean and minimal.

brackets

Getting started with Brackets

If you want to try Brackets – debian package is available for Ubuntu. It’s under active development, so there may be some new features/changes coming into the next release, you should checkout their project page on Github.

Also checkout this video :

pycharm-ide

PyCharm – Free and Open Source IDE For Python

PyCharm is a new IDE from JetBrains, built specifically for Python developers. It has tons of cool features that may improve your productivity a lot. If you want to give it a try then you should checkout the video explaining some exciting features of PyCharm.

 

Read full list of features here

PyCharm is available (version 3 is available now) in two edition – One is community Edition (free and open source version) and the other one is Professional Edition with some extra features for web developers (supports Google App Engine, Flask, Django, web2py, CoffeeScript and other templating languages, Remote development, SQL and more).

pycharm-ide

Download Pycharm for Ubuntu / Linux

You can download the *.tar.gz package from here.

Installation is straightforward (extract the package and run pycharm.sh), but you need to have Oracle JRE (1.6+) installed on your system. (As the official manual says, OpenJDK is not supported, at least for now).

So, if you’ve tried PyCharm, please share your experience through comments.

spark-java-framework

Spark – A micro web framework in Java

Spark is a micro web framework in Java, inspired from Sinatra (a popular lightweight web framework in Ruby). Using spark, you can quickly build web applications in Java, with minimal effort (without going through the boring xml configurations steps). If you learning java, then you can learn a lot by reading the source (since, it’s a free and open source framework).

spark-java-framework

Features

  • its simplicity
  • fast development
  • high productivity (get more done, in fewer lines of code)

Getting started with Spark

1. First setup spark

Download Spark (If you’re using Apache Maven, then it would be much easier for you)

2. Write some code

helloworld-spark
Code in image ? Ha Ha .. just to remind you that it’s not a good habit to copy/paste code! Type it.

3. Launch

Now, you can see your little app in action :

http://localhost:4567/hello

Recommended Link(s)
Read official – getting started guide for Spark