Normalize Web

by Sumit Jaju

Pruning

Read this first

Web that I loved designing

Recently designing has been my very much interest. Specially web part, with html 5 and css 3 has given much more meaning to understand the effects and animation. So I started playing with it. I always liked minimal design which is simple and cleaner way to represent your thoughts.

Due to the only exception in my family of being an IT guy I decided to design and develop the website which will help little bit for family business from marketing perspective and also gaining customer trust. My aim was to actually learn design concepts and make it live in practical. So this is what I came up with.

mahalakshmitraders.github.io

Home Page :

Screen Shot 2016-04-23 at 12.18.15 AM.png

Its simple but more informative. Its direct but tells you what you looking for.
Its the site that I designed for our family business. Its been around three decades since my family is in cement trading. With all these Internet world lets market and

Continue reading →


Convert mongoose collection to plain Javascript objects.

Thought of sharing a quick tip. This is very essential for people who are working on nodes + express Js + mongo db and need plain javascript objects.

When you find a document by Id in mongo db using mongoose and you want use the same object on UI. This would come really handy.
Use method:

 lean(true) 

Use lean method on

Model.find().lean(true); 

You get plain javascript object. It will not have save method or all mongoose hookups but very useful for high performance read only scenarios.

This might save some developers a day figuring out why you are not getting object as you expect. ‘lean’ will make you happy.

Continue reading →


A Bright Future for Cloud

Today every software serving industry either is already on cloud infrastructure or looking to adopt. Which I believe is v. good move. Since you pay for what you use. I was keen to know about the present and future of the cloud where’s it headed. Here’s my research and few thoughts on growth.

 Background

Almost everybody thinks cloud computing is new concept where as truth is the idea was actually created in the 1960’s. A man called Joseph Carl Robnett Licklider or J.C.R. was one of America’s leading computer scientists.
At a similar time another computer scientist called John McCarthy, who was famous for coining the term “artificial intelligence”, also believed that we would have a world-wide computer network.

During the 90’s cloud storage was still in its infancy and there wasn’t a uniform name for the technology. It wasn’t until 1997 that Ramnath Chellappa, an information systems

Continue reading →


Ionic and express marriage!

A lot is happening over Ionic Framework. Ionic is UI framework where its super easy to configure and create your custom UI for creating mobile app. Creating UI is not just enough when we have to read and write dynamic data from and to Database respectively.

Ionic does not come with any server side framework, but it has the capability to push the data from UI directly to database when used with any js adaptors like firebase. This breaks the MVC design pattern. To implement we need server side framework which can route the request using controller and store the data with the help of model.


ionicExpress.png

Today, there are different server side frameworks like expressjs, hapi.js which run on Nodejs. So one of my curiosity was to get Ionic work with expressjs to provide an ultimate solution for those who are looking to implement. There are few pre-requistes to complete before I actually give you the

Continue reading →


Ionic overall architecture and its cheat sheet.

Ionic is one of the most popular Hybrid UI Framework today to build mobile apps using your fav. web technologies like HTML 5, CSS, SASS and AngularJS. Ionic was first introduced in 2013 lead by Max Lynch and these are making great progress in terms of bridging the gap between different mobile platforms.

So whats the architecture looks like.

AppArchitecture.png

Ionic is build on AngularJs (a Javascript framework which enhances the vocabulary of HTML) so I will mention like Ionic / Angular in rest of the briefing.
The outer square indicates its wraped around node js so its pre-requisite to install nodejs first.
Your app sits in inner square of Ionic / AngularJs since you build the app using these both frameworks. Ionic uses ngcordova underneath to build and emulate the specific platform app. Apache Cordova is set of APIs which helps developers access native functions of iOS or Android platform.
Using

Continue reading →


Theme CodeBlue for ghost

My passion continues to work on creating minimal design themes for ghost. CodeBlue was the first theme that I created before codeIonic but codeIonic was the first that I released to the public. Somehow I felt more interesting to make CodeIonic theme to release first. Even Steve Jobs started working on iPad first but later he ended up working on iPhone and it was first released to the public :). Ghost being simple to create theme where you should have atleast good understanding of css and html 5. This time I wanted to create SVBTLE based theme where my blog is hosted on. I love SVBTLE being minimal and simple.

Theme ‘CodeBlue’ is created with passion for Ghost blogging platform. It lets you focus on reading, fully functional to embed tweets, youtube / vimeo video, SoundCloud and provides the ability to share the post on social media. Beautiful menu side bar lets you do more and Ofcourse

Continue reading →


Web Storage in HTML 5

HTML 5 has given many new features to the web such as new input types, new elements, new attribute syntax and the list is endless. One of the feature that I wanted to share with you is Web storage. For a sec lets step back thinking if we would have to store the data on client side browser, what are the possible ways to do it?

One of the way is to store the data in cookies, which is impossible if we have large chunk of data provided the limitations. HTML 5 gave birth to feature called Web Storage.

 Web Storage :

With Web storage, applications can store data in the clients browsers. Before HTML 5 Cookies were the option but with web storage you can store large data in key/value pair and is more secured.

The Web storage API is supported by all latest major browsers. If you want to test if the Web Storage APIs is supported by browsers here’s how you do it.

try {
  return

Continue reading →


Bind Close-[x] button of jQuery UI modal to method

Warning - this little post is very easy to understand and assumes that you know about JavaScript and jQuery.

In my recent tasks I got chance to work on JQuery UI modal and had to control the behaviour of close - [x] button of dialog box located on right top corner. You might be wondering why I want to do this since the jQuery will itself close the dialog when you click on that. The purpose is simple, to make dialog behave as per my wish whenever I click the close button.

I had simple test case in front of me. Whenever user clicks on [x] button. Following two things should happen.

  • It should close the dialog.
  • After closing, it should refresh the parent page.

Sounds like simple one? Yes it is, don’t think about jQuery UI modal JavaScript file which has thousand lines of code. Thanks to wonderful jQuery which provides great flexibility and need just one line of code to make it

Continue reading →


CodeIonic theme for ghost

I am always found of great design and one of my passion was to create themes. So I thought lets build one and find the platform which can give control over theme pages where I can customize it as per my wish. I really like minimal, simple and beautiful design. Thanks to all the great designers in the world who thought about it.

After looking at different options like wordpress, ghost, svbtle and many different blogs I found ghost the best place because I wanted simple, latest in technology which would help me learning and take full control over theme.

I started working on ghost theme which I am more interested in. After few days of working, it really came out well. I am proud to present you this Theme CodeIonic which I really worked hard to create it.

codeIonicTP.png

CodeIonicPost.png

CodeIonic sports following features :

  • Build for ghost blogging platform. You can visit and get started here ghost.org.
  • Mobile

Continue reading →


Quick start guide for your AngularJs app

AngularJs has been for a while now and its getting popularity day by day as it is used in developing mobile apps like ionicframework. So what is AngularJs, why and how its used and why its so popular.

AngularJS-large.png

AngularJs is a javascript framework designed and developed by Google. HTMLs are great at static pages and we used dynamic views to render the data separating out with HTML. AngularJS takes the HTML to whole new level. It lets you enhance its vocabulary with extraordinary expressive, readable and quick to develop.

Create HTML static page with extension .html and just include this code in script tag in your html head.

<script src=http://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js" />

thats it ! your web-application is now compatible fully loaded with AngularJs.

So you have your HTML file with body tags ready. Just put this below div in it.

<body>
  <div ng-app="">

Continue reading →