Last week we wrote up a whole list of server side technologies that we use to build and maintain Exceptionless. This week, we’re going to look at client side tools and services.
We’re all about function around here, but we like to think that the app looks and feels pretty good, too! We hope you agree, and maybe you’ll come across a thing or two you could use in the future to jazz up the user side of your projects.
Most of these are free services, so check them out!
Client Side Tech
AngularJS is a structural framework for dynamic web apps. It lets you use HTML as your UI language and lets you extend HTML’s syntax to define your application’s structure efficiently. Angular’s data binding and dependency injection eliminates much of the “fluff” code needed and does this all in the browser.
Mobile first front-end framework
Scalable vector based icons via CSS
Font Awesome gives you scalable vector icons that can instantly and easily be customized and extended with the power of CSS.
AngularJS service for handling Restful Resource
Restangular is an AngularJS service that simplifies the most common GET, POST, DELETE, and UPDATE requests with a minimum amount of client code. It is a perfect fit for any application that uses data from a RESTful API.
Debugging and inspecting Angular apps in Chrome
The AngularJS Batarang Chrome extension includes tools and utilities to assist in finding and addressing performance bottlenecks, and visualize and debug applications using AngularJS.
Easily test responsive layouts
Emmet Re:View is a small Google Chrome extension that finds responsive design breakpoints on your page and creates view for each breakpoint. This allows you to easily debug your code to perfect and create the perfect UI.
Grunt provides an easy way of managing the large number of build tasks required to maintain a sophisticated web application. It also has a vast library of plugins to further extend its functionality.
npm / Bower
Npm is most commonly used for managing Node.js modules, but it works for the front-end too when combined with Browserify and/or $ npm dedupe.
Bower is created solely for the front-end and is optimized with that in mind. The biggest difference is that npm does nested dependency tree (size heavy) while Bower requires a flat dependency tree (puts the burden of dependency resolution on the user).