Github Pages – Free Hosting

Github Pages – Free Hosting

Github Pages – Free Hosting Tutorial

The super awesome GitHub service allows you to host as many free static websites as you want. All you need to do is host your code on GitHub repo! In this post I will be describing two methods to host your static site for free.

If are not aware of what GitHub & Git are, how to set them up, you can refer to this post. I will be using the same myNodeApp repo for this tutorial too. You can do the below steps with any GitHub repo.

Contents

Continue reading

Git & GitHub for Beginners

Git & GitHub for Beginners

In today’s collaborative world, it is very essential that one understands the need for a Concurrent Versions System (CVS). A CVS is a simple revision system, that tracks all your changes. Imagine an ecosystem where you and a few other developers are working on a web application & updating html/css & js files asynchronously/separately. When you want to integrate the bits of code, you need to sit side by side and compare notes on what all you have done. What to add, what to remove etc. A Version control system is precisely for this purpose & Git is one such program. GitHub uses git to power itself.

Contents

Continue reading

Rotten Tomatoes jQuery Rest Client

Rotten Tomatoes jQuery Rest Client

Recently Rotten Tomatoes has exposed a REST API to access the Movies, DVD & Releases from their database. I have searched for a Javascript/jQuery REST client for this API, but couldn’t find one. So wrote one myself. I have used a Grunt jQuery template & built it. You can find a tutorial here.

Screen Shot 2014-02-26 at 9.32.30 AM

You can find a demo here, the code base here & documentation here.

You can log issues here.

Tested On

  • Mac Safari
  • Mac Chrome
  • Mac Firefox
  • Win7 IE8
  • Win7 IE9
  • Win7 IE10
  • Win7 Chrome
  • Win7 Firefox
  • Win7 Safari

Legal

Important Notes about API Usage

  • Each user key is granted a limited number of calls per second and per day. If increased call limits are needed, you can email [email protected] with a request that includes your username/key, detailed description and screen grabs of your desired implementation, and current/expected calls per second and day. Emails without all of this informaton may not get a response.
  • The API is intended for use in the U.S. only. Deploying content outside of this territory must be approved by the Rotten Tomatoes team.
  • The API may NOT be sub-licensed to any third parties.
  • Rotten Tomatoes reserves the right to request links and/or screen grabs of your usage of Rotten Tomatoes content. If you do not comply, Rotten Tomatoes reserves the right to terminate your API license.

More info here.


Thanks for reading! Do comment.
@arvindr21

Storing Objects in HTML5 Local Storage

Storing Objects in HTML5 Local Storage

W3schools

With HTML5, web pages can store data locally within the user’s browser.
Earlier, this was done with cookies. However, Web Storage is more secure and faster. The data is not included with every server request, but used ONLY when asked for. It is also possible to store large amounts of data, without affecting the website’s performance.
The data is stored in name/value pairs, and a web page can only access data stored by itself.
Unlike cookies, the storage limit is far larger (at least 5MB) and information is never transferred to the server.

So, what all can you store in the Local storage?? Actually, A complete circus! (pun intended). You can store strings, numbers, objects, complex objects arrays etc. Lets see the syntax to store & fetch stuff from your browser’s storage.

PS: Do not save sensitive data like passwords, SSN or account nos, etc..

First, lets check If local storage is supported.

Continue reading

PhoneGap Quick Start

PhoneGap 3 Quick Start

PhoneGap Quick Start

PhoneGap is a free and open source framework that allows you to create mobile apps using standardized web APIs for the platforms you care about.

This blog post is a quick start tutorial on how to develop, build & deploy a native app using HTML5, CSS3, Javascript and PhoneGap. I am not going to explain what PhoneGap can/can’t do or rules for Native app development (may be I’ll write one later).

Contents

Continue reading

Responsive Web Design Test Automation

Responsive Web Design Test Automation

Responsive Web Design (RWD) has been around for quite some time. Today, startups would rather invest their time in a RWD website than build a native app. Why? Here is a presentation about RWD. You can take a quick look and come back.

Contents

The present day solution for testing Responsive sites is sort of manual. You would either use tools like screenfly to resize & check the layout of the pages. Or, you would get a lot of actual devices and test your website on each of them, to see if everything is aligned properly. Or the next gen solution is to take an account from products like Browser Stack, which would take a URL and spit out images from all the devices and browsers. Nevertheless, its a manual task again to verify all the images. 
Continue reading

Grunt js Tutorial – Setup & More

Grunt js Tutorial – Setup & More

This is quick tutorial on Grunt. What it is, how to set it up & utilize its basic features. This tutorial also covers developing a jQuery plugin using Grunt’s scaffolding template.

Contents

Continue reading

Getting Started with Foundation 5

Getting Started with Foundation 5

Foundation Tutorials

In today’s world of cutthroat app development, reaching a very large audience with your application before your competitor does is quite critical. To achieve this, your (App idea) : (App delivery) turn around time should be quite minimal. And with such a large number of devices around to make this difficult (if not already), one needs to be aware of all possible ways to beat one’s competition.

On a personal note, if you are looking to build an app with basic features, you can prefer Responsive Web Design to a Native app. This is a quick presentation to get started on Responsive Web Design. Foundation is one such RWD framework, and this is a tutorial on how to get started and work with Foundation 5.

Contents

Continue reading

SASS and Foundation

SASS and Foundation

SCSS and Foundation

SASS SCSS and Foundation

As the name suggests we are going to take a dive into the world of CSS – Cascading Style Sheets. The reusable piece of documents that are served on every page, so our pages look alike & beautiful. The way I look at CSS, they are like the “make up” artists for our performers i.e. “HTML document”.

At the end of the day, a HTML document is a simple XML(EXtensible Markup Language), that is made up of tags (head, body, div etc..) and attributes (style, id, class) and intended to  carry data, not to display data. It is the responsibility of our browser engine to take that data and make HTML into something more meaningful i.e. DOM. DOM is a complete tl;dr post altogether.

Contents

Continue reading