7 Web UI Development tools

Sublime Text

Make ten changes at the same time, not one change ten times. Multiple selections allow you to interactively change many lines at once, rename variables with ease, and manipulate files faster than ever. The Command Palette holds infrequently used functionality, like sorting, changing the syntax and changing the indentation settings. With just a few keystrokes, you can search for what you want, without ever having to navigate through the menus or remember obscure key bindings.

Sublime-Text

Tool Description as in http://www.sublimetext.com/

Image Credit: https://filehippo.com/download_sublime_text/

download-Sublime-Text

Chrome Developer Tools

The Chrome Developer Tools (DevTools for short), are a set of web authoring and debugging tools built into Google Chrome. The DevTools provide web developers deep access into the internals of the browser and their web application. Use the DevTools to efficiently track down layout issues, set JavaScript breakpoints, and get insights for code optimization.

Chrome-Developer-Tools

Tool Description as in https://developer.chrome.com/devtools

Image Credit: https://developer.chrome.com/devtools

download-Chrome-Developer-Tools

jQuery

jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. With a combination of versatility and extensibility, jQuery has changed the way that millions of people write JavaScript.

jQuery

Tool Description as in http://jquery.com/

Image Credit: https://wordpress.org/plugins/jquery-ui-widgets/

download-jQuery

GitHub

GitHub is a development platform inspired by the way you work. From open source to business, you can host and review code, manage projects, and build software alongside millions of other developers.

GitHub

Tool Description as in https://github.com/

Image Credit: https://pages.github.com/

download-GitHub

Twitter Bootstrap

Build responsive, mobile-first projects on the web with the world’s most popular front-end component library. Bootstrap is an open source toolkit for developing with HTML, CSS, and JS. Quickly prototype your ideas or build your entire app with our Sass variables and mixins, responsive grid system, extensive prebuilt components, and powerful plugins built on jQuery.

Twitter-Bootstrap

Tool Description as in http://getbootstrap.com/

Image Credit: https://es.wordpress.org/plugins/wordpress-bootstrap-css/

download-Twitter-Bootstrap

Angular

Learn one way to build applications with Angular and reuse your code and abilities to build apps for any deployment target. For web, mobile web, native mobile and native desktop. Achieve the maximum speed possible on the Web Platform today, and take it further, via Web Workers and server-side rendering. Angular puts you in control over scalability. Meet huge data requirements by building data models on RxJS, Immutable.js or another push-model.

Angular

Tool Description as in https://angular.io/

Image Credit: https://angular.io/

download-Angular

Sass

Sass is the most mature, stable, and powerful professional grade CSS extension language in the world. Sass is completely compatible with all versions of CSS. We take this compatibility seriously, so that you can seamlessly use any available CSS libraries. Sass boasts more features and abilities than any other CSS extension language out there. The Sass Core Team has worked endlessly to not only keep up, but stay ahead.

Sass

Tool Description as in http://sass-lang.com/

Image Credit: http://sass-lang.com/

download-Sass

Useful Videos

GitHub

Source:LearnCode.academy

Chrome Developer Tools

Source:Codecourse

Sublime Text

Source:LearnWebCode

Leave a Reply

Your email address will not be published. Required fields are marked *