1. Dreamweaver CS6 is the latest version and it has some responsive design tools in there but they are not very good. Adobe is also taking DW to its subscription service so there will be no more updates.
2. Pinegrow is a desktop app for Mac, Windows & Linux that lets you mockup & design webpages faster with multi-page editing, CSS & LESS styling and smart.

Today's Best Tech Deals

Simbla’s responsive website builder will help you design all of your data in a way that will supply your users with the best user experience. Learn how to create your first online database. Managing your business through a lot of separate.

Picked by Macworld's Editors

Top Deals On Great Products

Picked by Techconnect's Editors

• Softpress Systems Freeway Express 6

  Read Macworld's review

• River SRL Sparkle

  Read Macworld's review

• Karelia Software Sandvox 2

  Read Macworld's review

• Realmac Software RapidWeaver 6

  Read Macworld's review

• Macaw 1.5

  Read Macworld's review

• Rage Software EverWeb 1.8.2

  Read Macworld's review

• Cazoobi Blocs 1.3

  Read Macworld's review

A crowded slate of Mac apps aim to make building a full-featured, modern website drag-and-drop simple. Many even support one of the most crucial new web trends: responsive design, which can automatically switch up your layout to look good on a widescreen monitor, a tiny smartphone, or anything in between.

While no single program currently offers all the power, flexibility, and simplicity I’d hoped for, I did find two particularly strong contenders that at least came within shouting distance of that ideal.

Top choice for complete beginners: Blocs

If you have no idea how to start building a site, start with Blocs (). At $70, it’s $10 cheaper than most of the other programs in this roundup. And thanks to its extensive library of well-crafted chunks of code, it makes assembling an impressively slick site almost as simple as snapping together a pile of Lego blocks.

Even before you begin, Blocs has done the hard work for you, building snippets of sample code that you can mix, match, customize, and stack. Just pick a clearly color-coded section of your design—header, body, or footer—and choose a chunk of layout to add, whether it’s a fancy screen-filling photo, a few columns of text, or a swath of smaller icons or images. Once it’s in place, you can tweak the template to suit your needs. At every turn, Blocs tries to sweat the small stuff so you don’t have to, including a navigation menu that’ll automatically update as you add new pages to your site.

Spartan but clear thumbnails help you choose which chunk to add next, and accurately represent what you’re getting. While you’re limited largely to that ready-made collection, Blocs offers a wide enough selection of appealing elements to build an appealing site. And since all the code’s prebuilt, every site you make in Blocs has responsive design support baked in, without any extra effort on your part. The sample site I built looked great on big and small computer screens, good on my iPad, and decent enough on my iPhone 5S.

Blocs’ balance between a sparse selection and effective results also applies to its feature set, including a limited but appealing roster of fonts, and its extremely basic control over text styling and padding. That deliberate simplicity helps keep new users from getting overwhelmed, and further flattens out the already gentle learning curve.

Blocs’ stark, dark design departs from Mac conventions, and some aspects take a little time to learn. Instead of bringing up contextual menus, right-clicking brings up a palette of individual page elements you can add to the existing code. Placing objects on the page can occasionally feel a tad squirrely, though it’s easy to undo mistakes or move a misplaced item.

Blocs is a work in progress, and its creator’s laid out an ambitious, intriguing slate of potential upgrades. For now, Blocs sets modest goals, but carries them out impressively well.

Top choice for everyone else: EverWeb

If you know just enough HTML and CSS to get yourself in trouble, trust EverWeb () to keep you out of it. It’s more flexible and freeform than Blocs’ do-it-for-me simplicity, and it’s full of thoughtful tricks to help users get around the program’s own limitations.

When creating a site, you can choose from an extensive slate of great-looking, up-to-date templates, or start from scratch. Like Pages, EverWeb lets you draw text and image boxes or other shapes directly onto your page, then position and style them as you wish. I liked the program’s clean design and well-crafted interface. It lacks a grid or guides to keep your page tidy, but EverWeb will automatically or manually align elements by their edges or centers. The layout engine sometimes had trouble accurately aligning full-width elements, but otherwise proved fun and responsive.

EverWeb offers more options for CSS styling than Blocs; it won’t give you precise control of every element, but it provides enough choices to make a nice-looking site. Top-notch prebuilt widgets, including image sliders, image galleries, navigation menus, and more, are easy to edit and customize, and they yield great results. I was particularly impressed with the PayPal widget, which lets you build a full-featured online store with minimal time and effort—an ability most rivals either don’t offer or charge extra for.

Text Editor For Mac

Rather than supporting responsive design, EverWeb provides mobile versions of many templates, and builds in an easy way to redirect mobile users to those pages from their desktop counterparts. That solution gobbles extra server space and bandwidth, but can also be less hassle than trying to reconfigure the same design to fit different-sized screens. Other clever workarounds let you expand EverWeb’s font roster with your own picks, a feature found in too few of its competitors.

The code EverWeb produced was somewhat messy in the version I tested, though by the time you read this, an update promising sleeker results may be available. Still, I enjoyed EverWeb’s terrific balance between friendly design and a robust feature set.

Top contenders

Macaw

Macaw () talks a big game but doesn’t entirely deliver. Aimed at high-end pros, it offers more power and flexibility than any other program here. However, it’s also the most intimidating and frustrating app of the bunch, in part because it feels only half-finished.

Macaw excels at its finer points. You can tweak nearly every CSS style attribute via well-designed palettes, and build custom style classes to apply to any element on your page. Smart scripting support lets you drag in existing variables and color swatches as you write your code. And only Macaw offers pixel-precise control over responsive design, letting you set breakpoints at multiple screen widths, then rearrange your design to best fit each one.

But while it gets the little things right, Macaw seems to struggle with the big ones. I found layout exasperating, as if the program were always fighting me. The help files are sometimes confusing and often incomplete—bad news for a program as dense as this one. You can only add to its limited list of fonts by paying for a subscription to Adobe Typekit. And rather than focusing on fixing these gaps in the existing version, Macaw’s creators seem instead to be working on its new sibling, Macaw Scarlet, which promises even more sophisticated features.

RapidWeaver

If you just want to pour your content into a limited set of sharp-looking templates, with responsive design already built in, RapidWeaver () will work great. This powerfully extensible program can do far more than that, too‑but you’ll have to pay a good deal extra to unlock its full potential.

RapidWeaver’s by far the best choice here for building a blog or a podcast, with excellent, easy support for adding new entries and episodes. But I didn’t like how it forced me to flip back and forth between the raw content on my pages and a full preview of how they’d look online.

If you want to branch out beyond its small slate of templates, keep your wallet handy. The app’s online market of powerful plugins offers tons of new capabilities and professionally designed themes. But their considerable cost could quickly add up to more than you paid for RapidWeaver itself.

The rest of the pack

Sandvox

Sandvox () loses points for its limited customization and big but outdated selection of designs. However, it’s delightfully easy to use, including a super-simple integrated hosting service that seems fairly priced for what it offers. And changing the whole look of your site is as easy as choosing a new template. I think Sandvox would make a great choice for teachers and students, or for parents who want to help their kids build a fun, basic site.

Sparkle

Sparkle () is a perfectly respectable app that unfortunately gets outshined by EverWeb, which feels like Sparkle’s very similar-looking but ultimately superior cousin. I give Sparkle kudos for at least trying to make it easy to add third-party web fonts, even if the execution’s a little clunky. Its preset page sizes for responsive design also work better in concept than reality. Sparkle could become a real gem, but it needs more polish first.

Freeway Express

Living up to its name, Freeway Express () is free. And if you endure its labyrinthine help files, you can build some nifty things relatively quickly. But its cluttered interface can prove frustrating, and it renders pages with such sorely outdated techniques—years behind every other app here–that you’re probably better off avoiding it. A paid pro version offers a much more power and sophistication, but also costs a whopping $150.

Bottom line

Text editors are cheap or free, as are resources to teach yourself HTML, CSS, and jQuery—all more intuitive than they sound, even for non-geniuses. But that education demands dedication, time, and persistence, especially since today’s cutting-edge code quickly becomes tomorrow’s cobweb-covered embarrassment.

If you’d rather opt out of that Red Queen’s race, you’ll at least have a few good choices, whether you pick Blocs’ sleek simplicity or EverWeb’s user-friendly flexibility. I suspect Mac users will have even better, more complete options for building websites in a year or two. But for now, those two are the best of the bunch.

• Softpress Systems Freeway Express 6

  Read Macworld's review

• River SRL Sparkle

  Read Macworld's review

• Karelia Software Sandvox 2

  Read Macworld's review

• Realmac Software RapidWeaver 6

  Read Macworld's review

• Macaw 1.5

  Read Macworld's review

• Rage Software EverWeb 1.8.2

  Read Macworld's review

• Cazoobi Blocs 1.3

  Read Macworld's review

BlueGriffon^®

The next-gen Web and EPUB Editor based on the rendering engine of Firefox^®

Version 3.0.1 released 2017-nov-22.

Certainly the most powerful Responsive Design editor
of all Wysiwyg editors!

« My HTML Editor is BlueGriffon, an intuitive, modern and robust application.
I like that what I see is what I get on the Web. »
Jeff Jaffe, CEO of the World Wide Web Consortium (W3C)

« The HTML Editor I'm Using Today? BlueGriffon »
Nick Longo, author of CoffeeCup, the very first HTML Editor

« Dear @BlueGriffonApp , you saved my a$$ once again »
Tristan Nitot, former President of Mozilla Europe

What's inside?

BlueGriffon^® has a long list of famous ancestors and proudly inherits from all of them: Netscape^®, Mozilla^® Composer and Nvu. It is powered by Gecko, the same rendering engine you can find at the heart of Firefox^®, and is filled with tons of powerful features:

BlueGriffon® is used by millions of users around the world, including Universities, Governments and even the European Parliament. It is officially recommended by the French Government as the Web Authoring Tool for the French Administration in its effort to rely on and promote Free Software (Socle Interministériel de Logiciels Libres).

Some screenshots from the OS X version.

The current Web page was of course created with BlueGriffon..

BlueGriffon editing one of the Media Queries of a responsive Web site

For beginners that want to get intense with video editing in future, this software will give them a good boost. Easy video editor for mac free. DaVinci Resolve 12.5 – DaVinci Resolve 12.5 is said to be the best advanced editing plus the color grading toolset for user that need to work with SD, HD & UHD projects.

BlueGriffon® editing an EPUB 3.1 version of Melville's Moby Dick

Editing EPUB 3.1 metadata

Editing EPUB 2 metadata

CSS Selector visual builder

Templates manager with ~2,500 free templates

Our CSS Editor Pro with our own CSS Parser and CSS Serializer.

Download BlueGriffon^® 3.0.1

Some features of BlueGriffon^® 3.0.1 are only available if you buy a license.
A License bought for any v2.x works with this v3.0.1.
A License bought for BlueGriffon EPUB Edition works with this v3.0.1.

We are sorry but we don't support versions of Windows older than Windows 7, versions of OS X older than 10.8 (Mountain Lion) and the only Linux distribution we officially support is Ubuntu. BlueGriffon^® may run on older and other operating systems but we won't accept any bug report on those systems if it doesn't.

Alternatively, you can build BlueGriffon® directly from our github repository but only our official builds can enable the extra features described above with a license key.

Buy it

Responsive Design Example

To install the software itself, just download it from the current website.

One license of BlueGriffon^® is for a single user on a single computer. You can always de-activate an already activated license to switch user/computer.

If you have a discount code, you'll be able to use it clicking on the 'Get a code?' text in the Shopping Cart panel.

After purchase, you will receive from us a very important message by email so please make sure your antispam allows emails from noreply@sendowl.com before purchase. The message contains a download link to the User's Manual, a Transaction ID and a License Key. You will need both the Transaction ID and the License Key to activate your license of BlueGriffon^® through the Preferences panel of the application. Please make sure to backup the message you received from us!

IMPORTANT: If you buy multiple licenses of the same type (Basic or EPUB) from the same shopping cart, you will receive one single license key and one transaction ID; they are valid for all your users. If you absolutely need multiple license keys, please buy them one by one. Thanks.

Responsive Design Standards

Purchases are processed by our partner SendOwl and through Stripe or PayPal. PayPal lets you pay using your PayPal account if you have one or all major credit/debit cards if you don't.

Customers in Turkey: PayPal recently ceased operations in your country, please contact us directly if you hit issues purchasing our product.

Volume (>= 10) and OEM discounts available, please contact us.

To upgrade a Basic License to a EPUB License, please contact us.

Extras

We have some free dictionaries for BlueGriffon 3.0.1's spellchecker.

FireFtp is a free add-on for BlueGriffon 3.x.

Warning: FireFtp was updated for 3.0; please download and install again if you already had FireFtp installed.

Quik makes it easy to access, edit and enjoy your GoPro photos and videos. Automatically import 1 your footage and create awesome videos synced to music in just a few clicks. And with an optional GoPro Plus subscription, it’s even easier to create and share epic videos with Quik. Best GoPro video editor Adobe Premier Pro CC for Win and Mac ($19.99/month) Adobe Premiere is one of the most famous video editing software. It fulfils almost all editing needs of professionals but note that this tool is not designed for beginners. Best gopro video editor for mac.

Installation Instructions:

1. save the *.xpi file onto your hard disk. If you're using Firefox, it's normal if Firefox can't install it, these add-ons are for BlueGriffon, not for Firefox..
2. launch BlueGriffon 3.x
3. open the Add-ons Manager through the Tools > Add-ons menu entry
4. select the Extensions tab
5. click on the button at the left (or right if you use an hebraic or arabic version of BlueGriffon) of the Search field at the top the window
6. select the 'Install Add-on from File..' entry
7. select the *.xpi file you just downloaded and saved from our web site
8. a dialog appears, click on the Install button at the end of the three seconds delay
9. the newly installed add-on now appears in the list of installed add-on..
10. you must click on the 'Restart Now' link in the window, or quit and relaunch BlueGriffon to activate your new add-on

User's Manual

We sell our User's Manual because selling it allows us to keep improving BlueGriffon, a software that is and will remain Open Source. Please note that buyers of BlueGriffon licenses get the User's Manual for free with their purchase. Please note the manual is not open source or redistributable.

This manual is delivered in PDF format (with hyperlinks), has more than a hundred pages and is in english. Warning, this is the User's Manual for BlueGriffon, not a HTML, CSS or EPUB tutorial. The most complex CSS features of BlueGriffon will be explained in the Manual, but we won't explain there in details how works for instance the font-family CSS property..

Purchasers of this Manual will receive free updates of the Manual for life, all updates, minor or major, following the evolution of the editor BlueGriffon itself.

Contact us

You can contact us by email at info@disruptive-innovations.com or follow us on Twitter.

Support

Please file all bugs, suggestions and requests in our Bugzilla.

Photo Editor For Mac

Product is 'BlueGriffon', please write in english.

FAQ

1. Can I pay in US$ or another currency than Euros ?
   

   PayPal will automatically convert our prices in Euros to a price in the currency your PayPal account is using.

2. What's SendOwl?
   

   They're our Shopping Basket processor.

   By the way, SendOwnl never sees your Credit Card information when you purchase from us. We don't see them either, of course. The payment is processed by Stripe or Paypal. We only deal with the shopping basket, through SendOwl.

3. What are the 'Taxes' I see when I order the product?
   

   It's VAT and it's only added to purchases made by european individuals and companies. That's absolutely mandatory, since we're also based in Europe. Nothing we can do about it, sorry.

   It does not apply to customers outside of the European Union.

   Since the 1st of January 2015, European VAT is based on the location of the buyer, not the seller's. That's why the VAT rate applied to our products for two customers based in two different european countries can differ. That's a EU Directive and there's nothing we can do about it. That's also why we don't show the price with VAT before you select your country of residence during checkout..

4. I purchased a license and all I got is a link to the User's Manual, a license key and a transaction ID, no software ?
   

   That's totally normal. BlueGriffon^® is a free download. Install it and enter your license information through the Preferences panel to enable the commercial features.

5. What happened to the Add-ons? What happens if I still use a version of BlueGriffon with add-ons?

   Our previous line of add-ons was discontinued and add-ons made for versions of BlueGriffon older than 2.0 will NOT work with this version 3.0.1.. It is then HIGHLY recommended to delete your pre-2.0 profile that is in ~/Library/Application Support/BlueGriffon on OSX, AppData/Roaming/Disruptive Innovations SARL on Windows and ~/.disruptive innovations sarl on Linux) OR, even better, create another profile (see the User's Manual).

6. I lost my license key and/or transaction ID or I can't activate my license, can you help ?
   

   Yes. Please contact us by email and be ready to answer some questions before we send you back your credentials. If you could provide us with your Transaction ID, that will save some time and emails.

7. What's the difference between BlueGriffon and BlueGriffon EPUB Edition?

   The Web editor and the EPUB editor used to be two different products. We merged the two products into one starting with version 2.2.

8. How will you notify us about future versions?
   

   BlueGriffon^® makes a very simple call home when you launch it to check if a new version is available. An alert will show up if that's the case. You can tweak this behavior in the Updates section of the Preferences panel.

9. What's your Privacy Policy about that call?

   Let's state it very clearly: the only data we store about BlueGriffon^® and coming from you (besides your purchase order itself) are of two kinds:

   1. When the application activates or verifies a license, it sends us your license information and an application ID. Nothing more. We don't store these calls at all. Never.
   2. When it checks if a new version is available, it sends us the date of the request, the version of BlueGriffon you're currently using and the appID mentioned just above. We store only the date and the version number. Absolutely nothing more. We do not aggregate these data with our license database. And we do that only for global statistics.

   We do not store and will never store your IP address or even the operating system you're using, BlueGriffon does not transmit and will never transmit your identity, language, information about the documents you're creating/editing, etc.

   Be sure we care as much about privacy as you do.

10. Who are you ?
    

    BlueGriffon^® is a product of Disruptive Innovations SAS, a French software company founded in October 2003. Based in Saint-Germain en Laye, France, Disruptive Innovations SAS delivered in the past premium products like the popular editor Nvu (www.nvu.com) to Linspire Inc., its indirect successor the BlueGriffon Web editor (http://bluegriffon.org) and BlueGriffon EPUB Edition (http://www.bluegriffon-epubedition.com), or the XML editor Etna to the Connexions Project (www.cnx.rice.edu).

    You can contact us at european business hours by email at info@disruptive-innovations.com.

Html Editor For Mac