軟體開發與設計

Frontend Developer

JavaScript Loader

  • Browserify: Browsers don't have the require method defined, but Node.js does. With Browserify you can write code that uses require in the same way that you would use it in Node.
  • RequireJS: RequireJS is a JavaScript file and module loader. It is optimized for in-browser use, but it can be used in other JavaScript environments, like Rhino and Node. Using a modular script loader like RequireJS will improve the speed and quality of your code.
  • LabJS: The core purpose of LABjs is to be an all-purpose, on-demand JavaScript loader, capable of loading any JavaScript resource, from any location, into any page, at any time. Loading your scripts with LABjs reduces resource blocking during page-load, which is an easy and effective way to optimize your site's performance.
  • SeaJS: 提供简单、极致的模块化开发体验
  • [StealJS]

Enhanced Stylesheets

  • SASS: Sass is the most mature, stable, and powerful professional grade CSS extension language in the world.

以下是支援SASS開發的工具GUI:

Compass.app

Compass is a stylesheet authoring framework that makes your stylesheets and markup easier to build and maintain. With compass, you write your stylesheets in Sass instead of plain CSS.

CodeKit

CodeKit helps you build websites faster and better. See its flagship features below, then get a real feel for the app on the Videos page.

Hammer

Built-in support for SASS (with Bourbon), CoffeeScript, HAML & Markdown, as well as special Hammer tags.

Koala

(Open Source)

Koala is a GUI application for Less, Sass, Compass and CoffeeScript compilation, to help web developers to use them more efficiently. Koala can run in windows, linux and mac.

LiveReload

(Open Source, Paid)

LiveReload monitors changes in the file system. As soon as you save a file, it is preprocessed as needed, and the browser is refreshed.

Even cooler, when you change a CSS file or an image, the browser is updated instantly without reloading the page.

MixTure

Mixture. A rapid front-end development toolset for Mac & Windows.

PrePros

Prepros is a tool to compile LESS, Sass, Compass, Stylus, Jade and much more with automatic CSS prefixing, It comes with built in server for cross browser testing. It runs on Windows, Mac and Linux

Scout

Scout is a cross-platform app that delivers the power of Sass & Compass into the hands of web designers.

Out of box

  • CommonJS: 為了讓 Javascript 的應用可以走出瀏覽器,讓 Javascritp 能夠適用於開發一般應用程式的而定義的 Javascript API 標準、規範和建議

Read more: [http://www.arthurtoday.com/2012/01/commonjs-requirejs.html#ixzz3VkfPcqWk]

Leave a Reply

*