facebook rss twitter

Adobe launches Edge Tools and Services HTML5-centric suite

by Mark Tyson on 25 September 2012, 10:00

Tags: Adobe (NASDAQ:ADBE)

Quick Link: HEXUS.net/qabmtr

Add to My Vault: x

Adobe has unveiled a new suite of web development tools which it calls Edge Tools and Services. The unveiling took place at Adobe’s first Create the Web event in San Francisco, the first leg of a “roadshow” which will also take in London on 2nd October, before rolling along to Tokyo and Sydney. Edge Tools and Services is a suite that is intended to help web designers and developers build “a beautiful, modern web” based upon HTML, CSS, and JavaScript web standards. The suite will help developers make flashy interactive HTML sites without Flash.

The beta of Edge, a component of the new suite now called Edge Animate, has been downloaded by over half a million people since July 2011. Since that time it has been through seven updates. The Edge suite as it stands consists of seven components including Edge Animate.

Adobe Edge Animate

Adobe Edge Tools and Services suite elements

  • Edge Animate
    Is used to “create interactive and animated content using HTML, CSS, and JavaScript.”
  • Edge Reflow
    “Create responsive layouts and visuals with standards-based CSS. Edge Reflow offers an HTML-based design surface, enabling web designers to accurately and confidently realize their visions throughout design and development.” Edge Reflow was shown at the Create the Web event but isn’t available to end users yet, not even in preview form.
  • Edge Code
    “Code content and applications with HTML, CSS, and JavaScript using Edge Code preview, a distribution of the Brackets open source project.” This editor is still in preview so remains available as a free download for end users without subscriptions to try.
  • Edge Inspect
    “Preview and inspect your web designs on mobile devices. With Edge Inspect, work more efficiently using synchronous browsing and remote inspection, and grab screenshots from all connected devices with a single button click.”
  • Edge Web Fonts
    This is a free “vast web font library” with contributions from Adobe, Google and other sources. Powered by Adobe Typekit.
  • Adobe Typekit
    Provides an interface for searching and purchasing commercial premium fonts for use on the web.
  • PhoneGap Build
    Allows web developers to “build great mobile apps” by re-purposing existing HTML, CSS, and JavaScript code. Helping to develop app-store ready apps targeted at “iOS, Android, Windows Phone Blackberry, webOS, and Symbian devices”

Subscribers to Adobe Creative Cloud, which has a $49.99 per month membership fee, can use the new Edge Tools and Services suite for free as part of that package. There are some tools within the suite that are available as stand-alone products/subscriptions too, for instance Edge Animate alone is $499 to buy or $14.99 per month. Edge Inspect standalone is $9.99 per month, PhoneGap Build is $9.99 per month and Typekit costs $49.99 per year.



HEXUS Forums :: 6 Comments

Login with Forum Account

Don't have an account? Register today!
OMG more tools for the unsavvy that will make programmers' lives even more miserable endlessly cleaning code (now in three flavours = HTML+CSS+JS) after overly enthusiastic web designers using “WYSIWYG” tools!! Cue Queen's Bicycle Race LOL
So where does this leave Dreamweaver and the poor sods who have just shelled out for Flash in CS6 suites?
Not many will have shelled out for the CS6 suites with the subscriptions on offer, it'd be crazy!

Tried Edge preview out last year, and yep usual issues like howdee mentions, code was a mess. Maybe they've updated that but I'm skeptical, will get it later today and test.
Adobe Typekit
Provides an interface for searching and purchasing commercial premium fonts for use on the web.
DLC taking over the world.

Best web editor I used was HomeSite+ cracking application.
AGTDenton
Best web editor I used was HomeSite+ cracking application.
I'm slightly ashamed to admit it's still Notepad for me (or any simple text/code editors really). I also found “1st Page 2000” rather useful back in the days when I was still a HTML newb. It was, to my knowledge, the only near-WYSIWYG HTML editor back then that didn't try to be smarter than its user, had useful preview options, came with tons of useful JS/DHTML/whatnot applets all neatly categorized (with external links), and was absolutely free, too. Really similar to the HomeSite you mentioned, with a bit more polish and features, and it didn't try to auto-correct my code without a warning. I learned tons out of it and would still easily recommend it to anyone that doesn't have the patience or knowledge to code manually, regardless of its age. To all the rest - the pros among us - I recommend they find themselves a simple code editor with code highlighting, auto-indentation, and anything else they'd find essential for comfortable work and “come to terms” with HTML5 on their own. There's plenty of extremely good guides out there, all of them free. Paying a thick premium for half-baked products… I leave that to Mac users. They can stare at nice but non-standard windows and scroll-bars for hours (a bit like my cat LOL) and see them as a valuable bonus even if the app itself doesn't do much else but provide idiot-proof user interface to designing “features” we'll all tire of before anyone learns to implement them properly (read: iron out the bugs). :P