AMT Blog

Brackets – Adobe's Open Source IDE for HTML/CSS/JavaScript in the works!

Adobe's Brackets is an open source code editor for HTML, CSS and JavaScript that's built in HTML, CSS and JavaScript.

(download)

Abobe assures that Brackets would provide a better experience for developers and designers than other IDE’s with the following key parameters…

Tools shouldn't get in your way. Instead of cluttering up your coding environment with lots of panels and icons, the Quick Edit UI in Brackets puts context-specific code and tools inline.
Brackets is in sync with your browser. With Live Development, Brackets works directly with your browser to push code edits instantly, set breakpoints, and jump back and forth between your real source code and the browser view.
Do it yourself. Because Brackets is open source, and built with HTML, CSS and JavaScript, you can help build the best code editor for the web.

As the IDE is in the very early stages of its development, it's not yet ready for general use. It might be missing many basic editor features, and probably has bugs. Adobe invites the open source community to contribute and built the best code editor of the web.

Although Brackets is built in HTML/CSS/JS, it currently runs as a desktop application in a thin native shell, so that it can access your local files. (If you just try to open the index.html file in a browser, it won’t work yet.) The native shell for Brackets lives in a separate repo, adobe/brackets-app, which includes this repo as a submodule.

Like what we post? Share your thoughts on the comments below. If you wish to get regular updates on what we post, do subscribe to our RSS Feed

Filed under: CSS HTML JavaScript Tools

Posted by Jiby John

Box CSS – A Handy CSS framework based on box-sizing

Box CSS is a lightweight CSS framework based on box-sizing: border-box and display:inline-block building principles.

Features of Box CSS includes:

All CSS is about 1 kb
px and % Grid System
Super easy to use and to personalize
The gutter size can be easily personalized
Responsive Grid optimized for mobile devices.
Works in IE8 and later.

Don't like to miss out any of our posts? Do Subscribe to our Feed

Filed under: CSS

Posted by Jiby John

FlashJS – A JavaScript Game Development Engine Resembling Flash

FlashJS is an open source JavaScript graphics and game development engine with API resembling Flash. It`s HTML5 game development tool, created by studying the Flash methodology for years. Just write ActionScript 3 code inside of <actionscript> tag.

FlashJS comes complete with example games code and syntax sugar for game developers. The new features of FlashJS 0.4 are:

scaleX, scaleY properties
DisplayObject with alpha, rotation, x, y
addChild, removeChild, removeChildAt, getChild, getChildByName, numChildren
Keyboard and mouse events
Loader
Stage and it`s onEnterFrame event
Tweens
Tested and Supported in Firefox 4+, Internet Explorer 9+, Opera 11, and latest versions of Chrome & Safari

Like what we post? Share your thoughts on the comments below. If you wish to get regular updates on what we post, do subscribe to our RSS Feed

Filed under: CSS Game Developement HTML 5 JavaScript Open Source

Posted by Jiby John