Results tagged “CSS”
Today, we’re very excited to share two big updates to Creative Cloud for web designers and developers.
Edge Reflow – We first sneaked a look at Adobe Edge Reflow during our Create the Web event last September, and are eager to share that we’ve just released the first public preview of it today. Edge Reflow – a part of the Edge Tools & Services offering in Creative Cloud – is a new responsive design tool for web designers and developers creating websites and content for screens of virtually all sizes. It features an intuitive resizable design surface that shows how layouts and visuals will adapt to different screen sizes and enables users to create high fidelity web designs on the application’s native web surface leveraging the power of CSS. Get all the details from the Edge Reflow Team blog. Looking to get started right away? Here’s an intro to Reflow video from evangelist Paul Trani.
Also new to the Edge Tools & Services offering are new feature releases to Edge Animate and the introduction of Edge Code preview.
Edge Animate now supports CSS gradients and filters (so you can, for example, easily add blur effects) and makes it simpler to add rich typography with the free Edge Web Fonts service
- See changes in the browser as they make them, and code hinting for more CSS properties and HTML tags
- Edit code in context instead of having to switch between files with the addition of a Quick Edit feature.
Adobe Dreamweaver – We’ve introduced a second Dreamweaver update for Creative Cloud members. Here’s a brief overview of what new in this release:
- Improvements to Fluid Grids
- Bring print-quality typography to the web with Edge Web Fonts
- Custom settings retained after upgrade
- Expanded table view is back
- HTML5 support
- Critical bug fixes
For the full scoop, check out the Dreamweaver Team Blog.
Not a Creative Cloud member yet? Upgrade today and save 40%.
Monday (Sept. 24) was quite a day for web designers and developers and Creative Cloud members! We kicked off the first leg of the Create the Web Tour in San Francisco, where we shared a number of updates and announcements. If you weren’t there for the action or able to tune in to the live stream, no worries! We’ve recapped all of the news for you:
Dreamweaver Updates – Exclusively for Creative Cloud members
Creative Cloud Dreamweaver users will be excited to hear that we’ve introduced six new features for easier authoring of HTML5-based websites, new support for compositions from Adobe Edge Animate, more robust FTP transfers, and more. Check out this video for a quick run-through:
I’m excited to show you new features and enhanced features in version 1.5 of Adobe Proto. V1.0 was just porting Android version to iOS native version and this time we could implement new feature sets based on user’s feedback.
Mainly, we focused on easy to share files, copy & paste workflow. Here is the new feature sets.
Sharing zipped file easily
“Email” interactive wireframe (html.zip) as attachment
You can now email your interactive wireframe directly from Proto. Just attach html.zip file onto email and send it to your co-worker or client. The attachment is a zipped file and easily uncompressed and ready to use in Dreamweaver or any other HTML/CSS editor.
“Share” interactive wireframe via Dropbox and other Apps
If you have Dropbox application installed on your iPad, you can share your interactive wireframe zipped file right away.
Copy & Paste improvements
Copy & Paste objects to different pages
We added a clipboard icon in editor. Now you can copy & paste your object form one page to another from the clipboard menu, top navigation or context menu.
Paste and Pin objects across selected pages (i.e. share objects across pages)
Not only can you paste objects to a different page, we added a new function “Paste and Pin.”
Pin across pages
Select object and from context menu, you can set to paste the current object across all the pages. Once you did this, the object will show up to all the pages and whatever you modify this object will reflect change across all pages.
Global Menu (By default, Menu bar objects are pinned across all pages)
When you create menu and create multiple pages, the menu will automatically carry over all the pages. When you edit text inside menu, edit links to pages, the change will reflect across all the pages. There is another improvement for code generation for the global menu. Proto generate common.css that is used for all the pages.
“Bring Forward” “Move Backward” Z-order change via Context Menu
You can manage z-index order for overlapped objects from context menu.
Lock and Unlock object for editing
You can lock & unlock object. This helps you to avoid mistakenly moving object while editing another object closed by.
Show current page name while previewing a project in the App
At preview mode, you can see current page name in title bar right next to project name.
Rename project name in the action bar (title) of the editor
You can rename project name in organizer mode. You can now edit project name while in editor mode. Simply tap project name on top left corner to edit current working project.
Show undo/redo count
As same as Adobe Ideas, you can see the number of undo/redo count when you perform undo/redo
Objects should snap to both CSS Column and Design Grid
Now, it’s much easily and precisely snap object onto grid.
Better Code Generation
Code generated is now ordered according to the appearance in the page and so is now more structured hierarchically V1.0 generated divs based on the order of the object modification. V1.5 generates divs based on top to bottom order in the screen.
All pinned objects generate a separate common CSS file (common.css)
Since pinned objects are used in multiple pages, having separate common CSS make you easy to manage code.
We hope those new feature sets and enhancement feature sets will help you boost up your creative workflow.