5 Must Reads to understand AngularJS Service and Factory difference

As a beginner or intermediate, a lot of JavaScript developers tends to get confused between two most vital components of AngularJS – Service and Factory.

Reason, both tend to do kind of similar job, well it looks like initially when we can’t really distinguish the proper usage. I too had these confusions and few of my colleagues happen to ask me this particular question often and often. So here I am, compiled the list of very good writings – this will give you a perfect answer on what are AngularJS Service or Factory, how to use them, what are the differences etc.

  1. Answer by Doug T on StackExchange
  2. Usage example by Gil
  3. A StackExchange Community Wiki 
  4. AngularJS: Factory vs Service vs Provider by Tyler (He has got a cool website, check that out)
  5. AngularJS Service vs Factory – video by DevelopMentor

I hope, after going through those Q/As and the video if you were still in doubt – you have a clear picture of what Service and Factory are made for in AngularJS.

10 Best Articles to Learn PSD to HTML Conversion

This list article contains links of good resources where you can learn very best ways and methods of coding up a PSD into workable HTML/CSS templates. Target is for novice folks. Articles listed below will help you master in HTML/CSS crafting with industry best practices.


  1. Converting a clean magazine-style PSD template to HTML/CSS

  2. Converting a Design From PSD to HTML

  3. Brilliante Blog Layout – Coding The PSD File Into CSS and HTML

  4. From PSD to HTML: Building a Set of Website Designs Step by Step

  5. How to Code up a Web Design from PSD to HTML

  6. PSD/HTML Conversion: Code a Clean Business Website Design

  7. Minimal and Modern Layout: PSD to XHTML/CSS Conversion

  8. Slice and Dice that PSD

  9. Building a Website (2 of 3): HTML/CSS Conversion

  10. From PSD to HTML the easy way – Using Ultimate CSS Framework

Top 10 Best Tools to Test your Mobile & Responsive Websites

Top 10 Best Tools to Test your Mobile Websites

Mobile Web Design, Responsive websites are the hottest trend in the Web industry now. Experts have made forecast that future is Mobile Computing. Luke’s infographic says more iPhone are sold in one day than babies born in the world.

Considering the trend nowadays we are working more on mobile websites, which is great. But do you have enough resources to check you work across multiple devices? I don’t have much. Here I have listed top 1o best tools to check mobile and responsive websites.

  1. Ripple

  2. iPhoney

  3. Mobilify

  4. Iphone4Simulator

  5. The Responsinator

  6. Mobilizer

  7. Opera Mini Simulator

  8. dotMobi Emulator

  9. Nokia Mobile Browser

  10. Test iPhone


That’s all for today. Any one of your favorite? Or any good one I missed? List them in comment below or RT us @CSSJunction