What's new in Adobe Edge Code CC 0.98.0-359086273 Preview
May 29, 2014
- New features and improvements:
- Available now is the Shapes Editor Extension – create amazing, eye-catching textual designs by visually defining shapes in which your text flows across a page. To enable this feature, you will need at least Chrome 34 installed and Experimental Web Platform Features enabled.
- Multiple cursors / multiple selection text – increase your code editing productivity with the ability to set multiple cursor positions or make multiple selection ranges so that you can more efficiently do bulk edits, like renaming or replacing text.
- New and improved Find / Replace functionality – a streamlined, cleaner UI provides access to an updated and optimized Find, Find in Files, and Replace functionality, including incremental search and highlighting, case-sensitive and regular expression toggles, and the ability to exclude specific files and folders from search.
- Preferences for your Projects – an overhauled preferences system allows you to customize preferences per project or file type. For example, you can set different indentation when editing HTML vs Javascript files.
- CSS, SCSS and LESS Improvements - LESS files now offer code hints for CSS property names and values and support the Quick Docs feature for gaining instant access to documentation for CSS properties. For CSS, SCSS and LESS files, there’s also a new step timing function editor which helps you visualize how a transition will proceed.
- Improved Live Development – on Mac, you no longer have to restart Chrome to use Live Preview. It will now open as a separate window isolated from your normal browser session. Also, on both Mac and Windows platforms, we’ve also made a number of improvements to make Live Preview more reliable.
- Improved Startup Performance – We worked on optimizing the startup time of Brackets by minifying most of the JavaScript code and by pre-compiling the LESS stylesheets. This resulted in faster startup performance and a smaller application footprint.
New in Adobe Edge Code CC 0.97.0-359084144 Preview (Dec 11, 2013)
- WHAT'S NEW:
- Code Hints:
- Improved JavaScript code hints accuracy: More code hints provided for APIs in medium-sized files (500-2000 lines) and in cases where a module's exports have recently been updated.
- Files and Folders:
- Mac: Drag folders onto dock icon: Previously, folders could only be dragged onto an already-open Edge Code window.
- Close Others [Above/Below]: Quickly close batches of files with these three new commands in the Working Files context menu.
- Mac: Any file can now be opened via drag/drop, regardless of file extension: Previously only certain file types were accepted.
- Image Preview:
- Preview image files: Select in image in the file tree (or via Quick Open) to see a preview in the editor area.
- Pixel coordinates guide: When viewing an image file, a crosshair and tooltip indicate the pixel coordinates of your mouse cursor.
- Live Preview:
- Live Preview HTML changes: Live Preview updates in real time as you type in HTML files. Updates pause whenever the HTML is not syntactically valid.
- Launch with non-HTML file selected: Edge code will automatically find a nearby index.html file to use. No more switching away from your CSS file to start Live Preview!
- Launch Live Preview when no files open if an index.html (or similar) file exists at the project root.
- Overall UI:
- Dark Themed Window Chrome on Windows and Mac: A similar change will be coming soon for Mac too.
- Keyboard shortcut to switch between recent projects: Press Ctrl+Alt+R (⌥⌘R) to open the "recent projects" dropdown, use the up/down arrow keys to navigate the list, Enter key to select project, and Esc key to cancel.
- Fixed bugs in Windows dark-themed window chrome
- HTML syntax highlighting visible while cursor on tag: HTML close/open tag highlighting now permits the regular syntax highlighting to show through.
- Quick Edit results list easier to scan: File name is better distinguished from selector text.
- Performance:
- Improved Find performance when searching in large files
- Fixed lag while editing JS code inside a block
- Quick Edit:
- Create new CSS rules via Quick Edit: In HTML files, click the CSS inline editor's "New Rule" button (or press Cmd/Ctrl-Alt-N) to create a new CSS rule based on the tag/class/id your cursor was on. The inline editor now appears even when no existing rules match the search, so you can easily create new CSS rules at any time.
- Visually edit CSS transition Bezier timing functions: Just invoke Quick Edit when your cursor is on any cubic-bezier() function in a CSS rule! (or a named shorthand such as linear, ease-in, etc.) to get a graphical editor based on Lea Verou's cubic-bezier.com.
- SCSS Code Hints:
- Code hints for CSS property names & values: The same code hints you see in CSS files will now also appear in SCSS files.
- Quick Docs for CSS properties: Ditto – just like in CSS.
- HTML Matching Tag Highlighting:
- Highlight matching open/close tag
- Search/Replace:
- Search result tickmarks: Find results are visually mapped out as yellow tickmarks along the scroll bar track.
- Find in Files results auto-update while typing
- Regexp Replace using $1, $2, etc. substitutions in the replacement text
- Better Find in Files feedback: Search bar remains open while search is in progress, and turns red when no results found (like regular Find).
- Linting:
- Extensibility for linting tools
- UI CHANGES:
- Dark-themed window chrome on Windows and Mac - the Windows shell now has a dark window chrome that visually complements the Edge Code UI. (The Mac shell is expected to receive a similar update next sprint).
- Live HTML UI for invalid state - during Live HTML Development, Edge Code indicates when code isn't updating due to being in an invalid state. The Live Development icon turns red, and the offending line of code is highlighted with a red background under the line number.
- Inline editors - All inline widgets (Quick Edit, Quick Docs, etc.) have added an "x" Close button in the upper-left.
- Search - Find in Files and Quick Open now include files you have opened that lie outside the root folder of your project.
New in Adobe Edge Code CC 0.96.0-359082254 Preview (Sep 17, 2013)
- WHAT'S NEW:
- Search:
- Pagination for unlimited Find in Files results: Click the next/previous arrows to navigate through long results.
- Double-click Find in Files results to add to Working Files, just like double-clicking in file tree
- Find/Replace:
- Replace All: Click "All" in the Replace bar to display a panel showing all occurrences that will be replaced. You can review and uncheck any occurrences you don't want to change, then replace all the rest with a single click.
- JavaScript Editing:
- Function parameter hints: Hints appear automatically when you first type inside ()s, or when invoked manually with Ctrl+Shift+Space.
- Files and Folders:
- Show folder name when several Working Files items have same name
- Support "Open With...": Previously available for a very limited set of file extensions, "Open With" now works with all file types Brackets supports out of the box.
- Editing:
- Status bar shows length of text selection
- Kuler Integration:
- Access to Kuler Themes: The inline color selector now lets you select beween created Kuler themes, favorited themes, popular themes, and a random set of themes.
- Submit User Feedback:
- Can submit anonymous feedback about Edge Code using the feedback icon in the lower right hand corner.
- UI CHANGES:
- User Feedback Icon - The bottom of the status bar includes a feedback icon that can be used to submit anonymous feedback to the Edge Code team.
- Confirm folder delete - A confirmation dialog will appear when attempting to delete a whole folder. As before, deleted files/folders are sent to the trash, so you can still recover anything you delete this way.
- Working Files - When two open files (in the "Working Files" list) have the same file name, the folder name is shown after a hyphen to make the labels less ambiguous.
- Green selected-file highlight - The selection marker indicating the currently open file now shows the file name in "Edge Code green" text, matching the Edge Code logo.
- Editor current-line highlight - Line highlight is now hidden whenever there's a text selection, to improve contrast and reduce confusion with whole-line selections.
New in Adobe Edge Code CC 0.95.0-359081402 Preview (Aug 8, 2013)
- WHAT'S NEW:
- Code Editing:
- Updated Quick View Gradient Support: Quick View for gradients now supports the "to" keyword for gradient direction and new repeating-linear-gradient and repeating-radial-gradient types.
- Drag & Drop:
- Drag file onto window to open: Dragging a file onto the Brackets window works the same as File > Open. (This functionality was previously working on Windows only).
- Drag folder onto window to switch projects: Dragging a folder onto the Brackets window works the same as File > Open Folder.
- File Management:
- Save As: Create a new file from an existing file using the File > Save As… menu, project tree context menu, or with the keyboard shortcut Ctrl+Shift+S or ⇧⌘S.
- New Untitled documents: File > New now instantly creates an untitled document. You are not prompted for a name/location until save.
- Kuler Integration:
- Access to Created Kuler Themes: Any Kuler themes you've created on Kuler will show up in the inline color editor and can be selected to change the color in your code to the color from the theme.
- Overall UI:
- Animation cues on open/close inline editor & hover preview (Quick View)
- UI CHANGES:
- New File - File > New now creates an untitled document (name and location aren't specified until the first time you save). The folder tree context menu's New File command continues to work as before (location is determined by what you right-clicked, name is given immediately). Both commands no longer default to a .js file extension.
- New Folder - Has been removed from the File menu. Use the context menu in the folder tree to access New Folder.
- Live Highlighting - This toggle has been moved from the File menu to the View menu.
New in Adobe Edge Code CC 0.94.0-359071973 Preview (Jun 20, 2013)
- Code Editing:
- Word wrap: Use View > Enable Word Wrap menu to toggle (enabled by default).
- Auto close braces: Use Edit > Auto Close Braces to enable automatically inserting closing ) ] } " ' characters (disabled by default).
- Highlight active line: Use View > Show Active Line menu to highlight the line the cursor is currently on (disabled by default).
- Improved word-by-word navigation: Moving the cursor with Ctrl+Left/Right arrows (Windows) or Alt+Left/Right arrows (Mac) now behaves more like other modern editors.
- Scroll up/down via keyboard: Use Ctrl+Up/Down arrows on Windows; Ctrl+Alt+Up/Down arrows on Mac to scroll the view one line at a time
- Jump to Definition: Locate a function or property definition anywhere in your project, instantly.
- Function signature hints: Press Ctrl+Space inside a function call's ()s to see information on its arguments and their types.
- Hide line numbers: Use the View > Show Line Numbers menu to toggle (still visible by default).
- Improved typing performance: Edge Code responds to keypresses 21% faster in JavaScript code and 13% faster in general (fixed unneeded repaints and optimized code hint popup creation).
- Fixed several issues with scroll position jiggling or getting lost .sh code coloring_
- SASS code coloring
- Toggle Line/Block Comment support for PHP, XML, C/C++/C#
- Code Hinting:
- Supercharged JavaScript code hints: Accurate code hints based on Tern type inferencing. Code hints even for items declared in other files! Now supports camelCase matching as well.
- Code hints for HTML entities (for example &)
- Edge Inspect CC:
- Edge Inspect Integration Added: Preview content from Edge Code directly on connected devices.
- Edge Web Fonts:
- Keyboard Accessibility Enhancements: "Browse Web Fonts.." code completion option now accessible via the keyboard and Edge Web Fonts browser window supports keyboard input.
- LESS Support: Edge Web Fonts code completion works in LESS files.
- Extensions:
- Extensions can add new syntax languages: New file types can be added by extensions, with support for syntax highlighting, block/line comments, code hinting, Go to Definition, and more.
- Install extension from URL easily: Use File > Install Extensions to install from a URL pointing to a ZIP file or GitHub repo. You can also use the extension icon in the right toolbar.
- Extension manager: Listing of your currently installed extensions. Easier to uninstall extensions.
- Project panel redesign: Minor visual updates to the project panel.
- File Management:
- Refresh File Tree: Right-click on the file tree and choose Refresh to update the file list from disk – no need to restart Brackets. (This is a stopgap along the way to fully automatic refresh, which will come further down the road).
- Delete file/folder: Right-click in the file tree an choose Delete to move a file or entire folder to the trash.
- Show file/folder in OS: Right-click in the file tree or working files list and choose Show in OS to show a file or folder in Windows Explorer or Mac Finder.
- Live Preview:
- Default localhost for Live Preview using Node: By default, Live Preview now launches an http://localhost URL instead of file:// thanks to a built-in Node.js server. Pointing Live Preview at your own local server remains supported (see File > Project Settings).
- Improved Connection Reliability: The connect to Chrome is more reliable and you no longer need to restart Chrome on Windows. If the Live Preview connection is lost, Brackets gives the reason why.
- Highlight elements in browser from HTML code: While Live Development is active, as you move the cursor around in an HTML file Edge Code will highlight the corresponding element in the browser. Use "File > Live Highlight" to toggle this off.
- Overall UI:
- Drag & drop to open files: Drag files onto the Dock icon (on Mac) or the Edge Code window itself (on Windows) to open them.
- Remember cursor & scroll position across launches: Files you leave open when you quit or switch projects will be reopened right where you left off. Within a session, this also works for files you close and reopen later.
- Toolbar redesign: The horizontal top toolbar has been replaced with a vertical side toolbar to make better use of precious vertical real estate. See below for details.
- Search:
- Quick Open performance: now more responsive on large projects
- Faster, more accurate Quick Edit for JavaScript: Now using the Tern code intelligence engine that powers code hints and Jump to Definition.
- Visual Editing:
- Quick View for CSS colors, gradients, images: Hover over CSS code to see a popup preview of colors, gradients and images
- Quick Docs for CSS: Press Ctrl/Cmd+K on a CSS property to see inline documentation from the Web Platform Docs project.
- UI Changes:
- Extension Location - The extension location has changed to ~/Library/Application Support/Adobe/Edge Code CC/extensions on Mac OS X and C:\Users\\AppData\Roaming\Adobe\Edge Code CC\extensions on Windows.
- Toolbar - The white horizontal toolbar above the editor has been removed. Icons (such as the Live Preview lightning bolt) now appear in a vertical toolbar on the right. The current file name now appears in the window titlebar. This maximizes the vertical space available for viewing code. For more on the design direction Edge Code is headed in, take look at this mockup.
- Extension Icons - The Edge Web Fonts icon has changed to a cloud with a T in it. Edge Inspect has been added (device with an eye icon) and the Extension Manager has an icon (block icon).
- Project panel / folder tree - New darker UI for the project panel and enhancements to better distinguish between files in the working set and files in the project.
- New visual design for Quick Open / Quick Find Definition, JSLint panel, and Find in Files results panel.