Saturday, August 27, 2016

Practical UX tips

Advantages of  UX

  • Great user experience
  • Meets the customer needs
  • Easy to use
  • Enjoyable to use
  • Simple
UX!=UI (not the same as the user interface or UI)UX!=Usability
UI is part of UX
Practical tips and tricks for UX

  • Alignment

    • The placement of elements such that edges line up along common rows or columns, or bodies along a common center (Usually involvment in left, right alignment if the elements)

Frame Box - Lightweight online tool for creating mockups

Show what you need in 3 easy steps:

  1. Sketch frame using UI units
  2. Save it and get a link to created frame
  3. Send a link to your companion
  Create basic mockup diagram

Thursday, August 25, 2016

Installing and updating all programs at once using Ninite


  • Install and Update all your programs at once
  • Always Up-to-date (Do not have to watch for updates) Their bots do that
  • No Tool Bars
  • No clicking Next
  • Multiple selection for picking apps

Save requests and organize your APIs into Collections using Postman

Add app to your chome browser by clicking this link

Advantages of using Postman

  • Create and send any HTTP request using the awesome Postman request builder.
  • Write your own test cases to validate response data, response times, and more!
  • Easily enter parameters 

Sunday, August 21, 2016

Simple steps for using animate.css

you need reference to animate.css . You can download the file from
Animate css repository

CSS class
In this example below I am using bounceIn and flipInx feature
.ng-hide-remove {
    -webkit-animation: bounceIn 2.5s;
    animation: bounceIn 2.5s;
.ng-hide-add {
    -webkit-animation: flipInX 2.5s;
    animation: flipInX 2.5s;
    display: block !important;

Default file extension in file explorer

We can default the file types in file explorer as shown below

1) Select the files and then hit alt
2) Once you select alt -> Tools--> Folder Options

Simple steps to use ng-route in angular 1

  •  Include a reference to ng-route file (angular-route.min.js)
  •  Add ng-route as module dependency (In app.js file)
  •  Add a ng-view directive