tidesdk

Develop cross-platform desktop applications with TideSDK

If you’re a web developer – already familiar with HTML5/CSS3/Javascript then you don’t need to learn some other languages, in order to create desktop application. With TideSDK, you can create cross-platform apps (supported on Linux based distributions such as Ubuntu, Windows and Mac OS X), just like you create a web app. You can also use your favorite scripting language such as Ruby, Python and PHP.

tidesdk

What is TideSDK ?

it’s a free and open source software (available under Apache 2.0 License), a new standard for creating multi-platform desktop apps, using your web development skills. Currently, it’s in beta release (latest version: 1.3.1 beta), for the latest updates you should checkout their github page.

What languages I can use ?

  • HTML5
  • CSS3 (you can also try bootstrap, foundation or a preprocessor such as Sass)
  • Javascript
  • Ruby
  • Python
  • PHP

Getting Started with TideSDK!

First read this getting started manual and then setup the development environment. You need to install two packages (for your platform) – TideSDK and TideSDK Developer, the official manual explains everything so just follow the guide.

Download TideSDK

Update!

Also check out this new tool for building desktop apps (using web stack) : http://electron.atom.io/ (from GitHub)

Use CSS Frameworks to speed up the Web design process!

You know CSS but can’t get the work done on time or maybe you don’t want to write the same code(basic grids, buttons, form styles etc) again and again. Then you should try a CSS framework/toolkit as it helps in getting things done, much quickly. With a CSS framework, you can create prototypes/MVP very fast as compare to scratch work.

When you get a solid foundation to begin, just with few lines of code, you can create nice looking UI for your website/apps/whatever. You can customize it further for a unique look/feel (recommended because default is not enough in most cases).

Here are some of the best free and open source CSS frameworks/toolkits/grids you must give it a try.

grid is enough for me!

1.susy

susy is an amazing grid for those who want complete control over the grid generation, mostly popular among compass/sass programmers. Susy is responsive (yeah! if you use susy your website will look cool on every devices), but you can get fixed structure if you want.

susy-grid

Installing Susy

susy depends on ruby, so you must have ruby installed. Then you can install susy –

gem install susy

If you want to try susy in rails project, then simply add gem "susy" to the Gemfile and run bundle install.

Finally, add susy using the sass import.

@import "susy";

Update! If you prefer Bourbon over Compass, then you should check out Neat.

2. 960 grid system

Another lightweight grid, with 960px width (with 12/16 columns by default, but you can easily customize it according to your need), a very popular rapid prototyping tool for designers.

Download 960 grid system

3. 1Kb grid

It’s a very simple and super-light (that’s why it’s called 1 Kb) grid system for designers. You can easily customize the number of columns, gutter width, column width before download (default is 12 columns, 60px wide, 20px gutter width; which leads to the total width of 960px).

Download 1Kb grid

grid + some cool stuffs

4. Blueprint CSS

blueprint is another popular css framework with fixed grid system and nice styles for buttons, forms, tables, tabs, sprites and more. It’s easily customizable.

Download Blueprint

grid + lot of cool stuffs

5.Foundation

Foundation is an advanced and feature rich front end framework. it’s responsive, it has flexible grid system, with lots of styles for various components (like tables, buttons, tabs), icons, templates and more. So, you can rapidly create nice mockups , probably in minutes. It uses SASS, so customization is very easy, specifically for ruby/sass.

Download Foundation

6.Twitter Bootstrap

Twitter Bootstrap is the most popular front-end framework , Most of the features look very similar to Foundation but it uses LESS, so more popular among javascript programmers. Although, sass version is also available, for Ruby/Rails developers (as a gem). Customization is very simple due to the various free tools and themes available (I’ll write a post about it), like bootswatch, where you can find a lot of free and open source bootstrap templates to begin with.

Download Twitter Bootstrap

Update! You should also check out some lightweight CSS frameworks such as PureCSS (recently launched) or Skeleton (mature and well tested, under 10KB). Both are responsive (mobile friendly) and provide a nice boilerplate to begin with.

icon_launcher-web

“Quote Of The Day” – a Free Android app you must try :)

“Quote Of The Day”, it’s a simple android app, full of inspiring and positive quotes (currently number of quotes is not very high – only hundred – but I’ll update that soon) and it’s Free too.

Few days ago, I suddenly got interested in ‘creating some apps for Android‘ and now it seams like I’ve started. :)  (From now on, I will also write about android apps and development frequently, stay tuned!)

quotes of the day

Quotes Of The Day – Inspiring Human Beings

You can easily browse – one quote at a time, in a random fashion. Yeah, there is no other way to search quotes like by author or topics/keywords. It’s a quote app that display one awesome quote, that’s all (and of course, you can get another quote on demand (but I think one quote a time will be more fun!)).

Quotes Of The Day - Icon

Most of the quotes will inspire you, related to human life, success, happiness etc. No internet connection is required (although it’s recommended :) for the sake of Admob) to browse quotes (as quotes are stored locally in the databases), it means you can inspire yourself even if you’re offline :)

Download/Install it from Google Play

Update! If you want to browse some inspiring quotes (by Abdul Kalam) online, then you can do that here without any installing any app : abdulkalamquotes.org 

Also check out http://sanskritslokas.com/ for collection of Sanskrit Shlokas/Quotes.

Linux Mint 14 : with Mate Desktop

Linux Mint 14 released!

Linux Mint 14 (code named as Nadia) is released (check out official release notes). It’s based on Ubuntu 12.10, released last month, but unlike Ubuntu, it uses Mate as the default desktop environment (although other editions are also available e.g Cinnamon, KDE, XFCE etc). So if you’re a beginner – not comfortable with the Unity (the default desktop (on the top of Gnome 3)), then you must give it a try. Linux Mint is one of the most beginner friendly GNU/Linux distribution, and it has gained a lot of popularity in last few months.

Linux Mint 14 : with Mate Desktop

What’s new in Linux Mint 14 – “Nadia” ?

Linux Mint 14 has lots of new features, bug fixes and performance improvements/tweaks, some of the important features are (full detailed info on this) –

  • solid and stable – MATE desktop
  • Cinnamon 1.6 (in Cinnamon edition, with lot of bug fixes)
  • Cool workspaces
  • Notifications applet
  • Windows quicklist
  • better sound applet
  • Nemo File Manager (in Cinnamon edition)

Cool workspaces in Linux Mint 14 (Cinnamon Edition)

cinnamon-workspaces - Linux Mint

Download Linux Mint 14

Download Linux Mint 14 (for 32 bit or 64 bit, with or without proprietary plugins/codecs)

New to Linux Mint ? you may want to read things to do after installing Ubuntu 12.10 (although it’s about Ubuntu 12.10 but most of the tips should also work fine, on Linux Mint 14)

nginx

How to Install Nginx web server on Ubuntu 12.04/12.10

Nginx is a lightweight web server (HTTP, SMTP, IMAP, POP3 ..). It has very low memory footprints with higher degree of concurrency. It’s a free and open source software, runs on all major OS (Unix, Linux, BSD, Mac OS X, Microsoft Windows and more).

nginx

Setup Nginx on Ubuntu (12.04) LTS Server

Nginx is already available in Ubuntu repository, but it’s very outdated (it may be ok for development or testing but not for deployment) so for production environment you should install the newer version – either from the source or PPA.

1. Update

sudo apt-get -y update
sudo apt-get -y upgrade

2. Dependencies

For adding ppa you need to install the python-software-properties package.

sudo apt-get -y install python-software-properties

3. Install nginx

sudo apt-add-repository -y ppa:nginx/stable
sudo apt-get -y update
sudo apt-get -y install nginx

4. Start the server!

sudo service nginx start

Now, move on to the address (IP address of your VPS or the domain name or the localhost(in case of development environment)). You should see the default page served by nginx.

5. setup server configs

For editing file over the ssh, you can use a command line editor such as Vi or Nano. I recommend nano if you want a text editor without any learning curve.

Install Nano, a lightweight text editor

sudo apt-get -y install nano

Then create a server configuration file for your app/site. (you could also just edit the global config(/etc/nginx/nginx.conf), it’s fine if you’ve only one app/site running on a virtual private server but if you plan to deploy multiple apps/websites to a single VPS – then you should create seperate configs for each website)

sudo nano /etc/nginx/sites-available/example.com

After creating the config file (if you don’t know how – then read the official tutorials), create a symlink

sudo ln -nfs /etc/nginx/sites-available/example.com  /etc/nginx/sites-enabled/example.com

Now, restart the server!

sudo service nginx restart