-
Latest Version
Adobe Dreamweaver CC 21.4 LATEST
-
Review by
-
Operating System
macOS 10.12 Sierra or later
-
User Rating
Click to vote -
Author / Product
This app is part of Adobe Creative Cloud (20+ Apps and Services). It’s FREE for first 7 days, Try Now!
With features like the new CSS Designer, Adobe Edge Web Fonts (served by Adobe Typekit), jQuery UI widgets, easier HTML5 audio and video insertion, and an enhanced Fluid Grid Layout interface, web designers and developers can create web and mobile content faster than ever before.
Dreamweaver CC gives you faster, easier ways to design, code, and publish websites and web applications that look amazing on any size screen.
The streamlined, all-in-one Adobe Dreamweaver CC for macOS workspace offers an intuitive and visual environment to quickly apply CSS properties like gradients and box shadows.
Designers and developers at all levels can use advanced code hinting and one-to-one browser rendering using the WebKit engine to follow web standards and best practices while creating engaging and dynamic websites for multiple devices.
The app is a powerful application for developing websites and mobile applications. Save time, work more efficiently, and create compelling designs with the complete set of tools you get with your Creative Cloud membership, including Adobe Edge Animate, Edge Code, Edge Reflow, Edge Inspect, Flash Professional, and Photoshop.
Quickly create and publish web pages almost anywhere with web design software that supports HTML, CSS, JavaScript, and more.
Fast, flexible coding
Create, code, and manage dynamic websites easily with a smart, simplified coding engine. Access code hints to quickly learn and edit HTML, CSS, and other web standards. And use visual aids to reduce errors and speed up site development.
Setup to site up in fewer steps
Get your sites up and running faster with starter templates that you can customize to build HTML emails, About pages, blogs, e-commerce pages, newsletters, and portfolios. Code coloring and visual hints help you read code more easily for quick edits and updates.
Dynamic display on every device
Build responsive websites that adapt to fit any screen size. Preview your sites and edits in real-time to make sure your pages look and work the way you want before you publish.
Multi-monitor support for Mac
Now you can expand your workspace by displaying your pages on multiple monitors.
CEF integration
Dreamweaver 2024 latest version now integrates with the latest version of Chromium Embedded Framework, so you can build a modern HTML5 website and display elements, CSS grids, and much more.
Redesigned, modern UI
A streamlined and clutter-free interface lets you customize your workspace to only show the tools you need to code.
Git support
Collaboration is easy with Git support. Manage all your source code within the app and perform all common operations right from the Git panel.
Features and Highlights
jQuery Mobile support
Add advanced interactivity with jQuery code hinting. jQuery makes it simple to add interactivity to web pages. Get a jump start with starter templates for mobile phones.
PhoneGap support
Build and package native apps for Android and iOS with Adobe PhoneGap. Convert existing HTML to a mobile phone app within The tool using the PhoneGap framework. Test layouts with the provided emulator.
Multiscreen Preview panel
Design for smartphones, tablets, and desktops with the Multiscreen Preview panel. Use media query support to style and visualize rendering of your designs for a wide range of devices.
Fluid Grid Layout
Construct complex web designs and layouts without getting buried in code. Fluid Grid Layout is adaptive to help you design projects that display on different screen sizes for desktops and devices.
Live View
Check your pages before publishing with a WebKit rendering engine that supports the display of HTML5 content. Help ensure cross-browser compatibility and consistent display of your layouts.
CSS3/HTML5 support
Style with the CSS panel, which supports CSS3. The design view supports media queries for applying different styles to fit screen dimensions. Design view and code hinting support HTML5.
Adobe Business Catalyst integration
Use the integrated Business Catalyst panel in the program to connect and edit sites you build with Adobe Business Catalyst (available separately). Build e-commerce sites with the hosted solution.
FTP
Upload large files quickly with the reengineered FTP transfer tool. Save time transferring batches of associated files as you publish your projects.
Integrated CMS support
Author sites using CMSs like WordPress, Joomla!, and Drupal. Access-related files with the Dynamically Related Files feature. Live View Navigation offers accurate previews of dynamic apps.
Site-specific code hinting
Benefit from code hinting on nonstandard files in Dreamweaver 2024, enabling enhanced hinting support for third-party PHP libraries and CMS frameworks like WordPress, Joomla!, and Drupal.
FTPS, FTPeS support
Deploy files more securely with native support for the FTPS and FTPeS protocols.
Adobe Creative Suite integration
Save time and work more efficiently with Adobe Create Suite components including Adobe Flash Professional, Fireworks, and Photoshop Extended.
Extended community
Learn and share with an extensive community. Access the online Adobe Design Center and Adobe Developer Connection, training and seminars, developer certification programs, and user forums.
Support for leading technologies
Design and develop in an environment that supports most leading web development technologies, including HTML, XHTML, CSS, XML, JavaScript, Ajax, PHP, Adobe ColdFusion software, and ASP.
Adobe BrowserLab integration
Preview dynamic web pages and local content with diagnostic and comparison tools. Use Adobe BrowserLab (available separately) to test web content across browsers and operating systems.
CSS3 transitions
Animate changes to CSS properties as transitions to bring web designs to life. Maintain greater control of web design as you finesse page elements and create captivating effects.
W3C validation
Use the online W3C Markup Validation Service to help ensure the accuracy of your standards-based web designs.
Subversion support
Store your files more securely with support for Subversion® software.
CSS inspection
Visually display the CSS box model in detail and easily toggle CSS properties without reading code or needing to use a separate utility.
PHP custom class code hinting
Build and maintain PHP applications and get direct insight into core functions, methods, and objects with dynamic PHP code hinting.
Simple site setup
Set up a site with ease using the retooled Dreamweaver Site Definition dialog box. Add multiple servers with custom names to utilize staged or networking sites or other site types.
CSS starter pages
Jump-start your standards-based website design with CSS Starter Layouts. Choose from a wide selection of templates that incorporate CSS best practices and easy-to-understand selectors and rules.
Comprehensive CSS support
Design and develop websites with powerful CSS tools. Visually display the CSS box model in Dream weaver and reduce the need to manually edit CSS code — even in external style sheets.
Integrated FLV content
Add FLV files to any web page with point-and-click ease and standards-compliant coding. Preview your movies with FLV playback capabilities in Live View.
Pricing
Single App - US$22.99/mo
Creative Cloud All Apps - US$59.99/mo
Students and teachers - US$19.99/mo
Business - US$37.99/mo per license
Alternatives
Visual Studio Code - A free, open-source code editor developed by Microsoft.
Sublime Text - A lightweight and fast code editor known for its speed and responsiveness.
Brackets - An open-source code editor developed by Adobe.
PROS
- Versatile coding and visual editor tools
- Responsive design support for mobile
- Extensive integration with Adobe CC
- Real-time preview with live editing
- Flexible FTP and hosting options
- Limited functionality without CC plugins
- Resource-heavy, slowing older Macs
- Some features require internet connection
Also Available: Download Adobe Dreamweaver for Windows
What's new in this version:
Adobe Dreamweaver CC 21.4
- Dreamweaver is now integrated with the latest third-party library upgrade, provides offline import and export of sync settings, bug fixes and addresses security issues
Adobe Dreamweaver CC 21.1
- For the latest browsers with cross-website tracking option disabled, Device preview does not function
- Within Insert panel, irregular highlighting appears for character options
- [macOS 11.0] In the Insert panel, all the elements within drop-down lists are highlighted when hovered
- For Get operation workflow, File modified time is inaccurate when check in/ check out option is enabled within a site
- [macOS 11.0] UI text discrepency appears in Save As dialog
- [macOS 11.0] In the File open dialog, all files do not display when Option section is expanded
Adobe Dreamweaver CC 21.0
The following workflows are discontinued:
- Image optimization
- List of discontinued APIs
Adobe Dreamweaver CC 20.2
On edit linting:
- With on edit linting, view the errors while editing codes
Security enhancements:
- The latest version reduces security vulnerabilities
Fixed issues:
- macOS 10.15: In the site setup window, local root folder cannot be modified
- macOS 10.15: In a document, external CSS files cannot be attached
- macOS 10.15: In Dreamweaver, save file and open file dialogs do not function
- macOS 10.15: In external comparison tool like BBDiff, file comparison does not open
- macOS 10.15: In Open file or Save file dialog, the site root button does not function
- Dreamweaver installation fails and displays 141 error code
- On Selecting Edit menu>Sync Settings>Manage Creative Cloud Account or clicking Manage Account button in Preferences>Sync Settings, incorrect URL opens in browser
Adobe Dreamweaver CC 20.1
- In Live View Edit mode, Enter key does not function for immediate sibling elements of dynamic content to either split or create new elements
- Document is not auto pushed to testing server and uneditable in Live View while saving new changes
- macOS 10.15: Crash on synchronization of files
Adobe Dreamweaver CC 20.0
Seamless live view editing:
- In the new version, you can click to edit in live view, effortlessly. Now, edit the semantic tags like and so on, enhancing your editing - experience. With auto-sync feature, any edits made in live view automatically synchronize with code view.
Japanese default font:
- Now, Japanese Dreamweaver has a new default font configuration.
Windows system supports Japanese and Unicode encodings and MAC supports EUC, ISO 2022-JP, Shift JIS and Windows DOS encodings for Japanese. All have the same font:
Win Default Fonts:
- Proportional Font: Yu Gothic (游ゴシック)
- Code View Font: Source Han Code JP N (æºãƒŽè§’ゴシック Code JP N)
- Fixed Font: Source Han Code JP N (æºãƒŽè§’ゴシック Code JP N)
MAC Default Fonts:
- Proportional Font: Yu Gothic (游ゴシック)
- Code View Font: Source Han Code JP N (æºãƒŽè§’ゴシック Code JP N)
- Fixed Font: Source Han Code JP N (æºãƒŽè§’ゴシック Code JP N)
Also, the default size of the above three fonts are modified to:
- Proportional Font: 12 pt.
- Code View Font: 11 pt.
- Fixed Font: 12 pt.
Code hinting improvements:
- In the current update, the code hints' filtering logic has been improved for PHP. Now, the hints that you are looking for are always at the top. Also, the availability of code hints for JS and PHP has been improved.
Adobe Dreamweaver CC 19.2.1
- This update fixes the issue of Dreamweaver (versions 19.0 to 19.2) crashing on new Windows and Mac devices when installed using Creative Cloud Desktop App version 4.9 and later.
Adobe Dreamweaver CC 19.2
- Code formatting issues with PHP documents are addressed for better experience in Dreamweaver
Adobe Dreamweaver CC 19.1
- Dreamweaver now has the Bootstrap 3.4.1 and 4.3.1 versions integrated in 19.1 release
Adobe Dreamweaver CC 19.0.1
- Change log not available for this version
Adobe Dreamweaver CC 19.0
JavaScript refactoring:
- As a web developer, you can now intelligently rename functions and variables with scope awareness using JavaScript refactor. You can convert anonymous expression or function block to an arrow expression in a click. Create Get/Set functions for the selected identifier in context of a class/construct. You can now extract an expression as a variable in the current scope and select a piece of code and create a Try/Catch block for it.
- You can refactor code in HTML, PHP, and JavaScript document types. You can choose Refactor from the menu that appears when you right-click on the code area in Dreamweaver. Some of the useful productivity enhancements in Refactor are Rename, Extract to Variable, Extract to Function, Wrap in Try Catch, Wrap in Condition, Convert to Arrow Function, and Create Getters/Setters.
ECMAScript 6 support:
- ECMAScript 6 is the sixth edition of the ECMA-262 standard, and features major changes and improvements to the ECMAScript specification. ECMAScript is a scripting language specification standardized by ECMA international.
- Dreamweaver now supports ECMAScript 6 syntax. Web developers can now work with the latest JavaScript updates by taking advantage of ECMAScript 6 features.
- Dreamweaver also supports linting of ECMAScript code, with ESLint defaulting as JavaScript linter.
New CEF integration:
- As a web designer or web developer, when you want to extend the web by creating HTML tags or CSS properties, you require latest web development features. To view the output for latest features, Dreamweaver developers had to use Real-time Preview instead of Live view.
- Dreamweaver is now integrated with a new version of Chromium Embedded Framework (CEF). With the new CEF, Live View now renders pages designed using CSS Grid layouts. Also, you can view a better CSS grid layout with this change.
Security enhancements:
- Dreamweaver now provides multiple security enhancements enabling it to support most of the hosting providers.
- OpenSSH and OpenSSL Dreamweaver is now integrated with the new OpenSSH (version 7.6) enabling seamless SFTP connections to multiple hosting servers. OpenSSL is upgraded from the version 1.0.2 K to 1.0.2o.
- LibCURL - Dreamweaver is now integrated with the new Lib Curl version (Upgraded from 7.38 to 7.60), providing secure connectivity to users.
- Node.js version has been upgraded to 6.14.0.
- zlib version has been upgraded to 1.2.11.
Home screen:
- When you launch Dreamweaver, it now displays an improved Home screen, which includes options to:
- Open a wide range of tutorials to help you quickly learn and understand the concept, workflow, tips, and tricks
- Create a new document or open an existing document
- The contents of the Home screen are tailored based on your familiarity with Dreamweaver and your Creative Cloud membership plan.
Find and Replace:
- Previous functionality of Save and Load query in Find and Replace dialog is back again in this release. For more information, see Find and replace text, tags and attributes.
Real-time preview enhancement:
- Real-time preview now provides an option to switch to preview documents in browser.
- OperaOpera 115.0 Build 5322.77
- PhotoshopAdobe Photoshop CC 2024 25.12
- OKXOKX - Buy Bitcoin or Ethereum
- BlueStacksBlueStacks Air 5.21.650
- Adobe AcrobatAdobe Acrobat Pro 2024.005.20320
- TradingViewTradingView - Track All Markets
- ParallelsParallels Desktop 20.1.2
- 4K Video4K Video Downloader+ 1.10.3
- CleanMyMacCleanMyMac X 5.0.3
- 4DDiG4DDiG Mac Data Recovery 5.2.2
Comments and User Reviews