Flux?

Just wondered if others have had a look at Flux and if so what do you think of it and is it worth investing in? I know that OT has.


I know that it is available through the Mac App store, but it appears that it is £10 more expensive there and cheaper if you purchase it directly from the Flux website.


I have looked at both RapidWeaver and Sandvox and don't particularly like them and was just wondering about Flux and perhaps Freeway.


Any views anyone?


Thanks

iMac, Mac OS X (10.6.7)

Posted on Dec 24, 2011 3:08 AM

Reply
23 replies

Dec 24, 2011 11:29 AM in response to Ethmoid

I bought it a couple of weeks ago. I was on the verge of buying it thru their site when there was a brief MacBundle offer of Flux and 3 other apps for $25. I've never been that lucky in my timing beforel


I like it. I know a modicum of HTML so using it wasn't a too difficult transition. I viewed the video tutorials many times to find out how to make buttons, etc. Download them if you can as it's easier to view locally. The videos are good but at times they use the method of dimming the entire screen except around the cursor and it makes it difficult to see where they clicked in the Flux window.


I've still trying to get a better handle on the <div> element and how it's used. I found that you can do essentially the same in Flux as you can with HTML snippets in iWeb. I'm converting my HelperSite to Flux and have converted my Demo pages Contents page to Flux. Still learning CSS and all it can do which is a lot.


They have a 30 day demo which you can try. Be ready to give as much attention during that time so you have a good idea if you want to purchase it at the end of the demo as there is a learning curve. But 30 days should be enough.

Dec 24, 2011 11:39 AM in response to Ethmoid

Flux 3 is unusual in that it is capable of code entry - with all the advantages - and also allows you drag stuff around the page. It does have a fairly steep learning curve. Its certainly a far better application than Freeway which is kind of antiquated with a sluggish performance and a really poor UI.


Flux is capable of creating responsive web designs which are becoming a neccessity nowadays. It does tend to encourage the use of inline styles which makes for poor performance and, when the drag and drop positioning is employed, all that positioning info gets added to the code so you can end up with bloated code like all the other drag and drop style editors.


On the other hand, you can start from a stylesheet and produce much more efficient code with the option to add a few random objects with custom positioning without having to figure out the actual co-orinates.


The main advantage that I would see to using this app is that it would allow you to continue with traditional web designs using drag and drop while getting to grips with responsive designs and those using frameworks.


Internet access by mobile devices is approaching that of personal computers and a traditional website is rapidly becoming redundant as a marketing and information tool.

Dec 24, 2011 1:29 PM in response to Old Toad

Thanks for that. I found the one for The Escapers, but was not aware of the Google Groups discussions.


Thanks again.


Yes, I did take the trouble to learn html and css when I was re-designing some of my sites with iWeb. Jeff gave me the inspiration to re-design and I had to use a lot of code and html snippets to get the effect that I wanted for my site. I also included a drop down menu and decided to hand code my own tables too, so I have gotten quite comfortable with html and css.

Jan 2, 2012 4:28 PM in response to Roddy

Roddy wrote:


Flux 3 is unusual in that it is capable of code entry - with all the advantages - and also allows you drag stuff around the page. It does have a fairly steep learning curve. Its certainly a far better application than Freeway which is kind of antiquated with a sluggish performance and a really poor UI.

I wonder if I could get you, or others, to do me a favor:


I, too, have looked at several alternatives, and didn't much like any of them. I was rather mystified by Flux, but it was the only one that looked like it might work for me if I could figure out how to use it.


Here's my problem -- I've got a 140+ page iWeb site. I've moved it to GoDaddy, but iWeb's quirks seem to be getting worse and worse. There isn't any fancy stuff, but I do use a lot of colored text boxes, many of which have text wrapped around images, sometimes multiple ones (iWeb doesn't always do them right, and that seems to be a bigger problem for many of the other apps).


I make frequent small changes and additions. I'm not terribly concerned about sluggish performance, but want to be able to make revisions quickly, with a minimum of fuss -- that's the attraction of iWeb to me.


Could you or Old Toad or someone familiar with Flux (or the others) take a quick look, and let me know if you think Flux or any other app would work for me?


Here's a fairly representative sample page: http://pondini.org/TM/17.html


Thanks very much for any opinions.

Jan 3, 2012 1:15 AM in response to Pondini

Yes, you could certainly re-create a similar site using Flux 3. I have just recently downloaded the 30 day triial version of Flux from their site along with the quick start pdf guide and am starting to get acquanted with it.


It might be better to start afresh and build a completely new site and with Flux you do have the option of starting with either a blank page or a template. You can create your first index page and css file automatically or you can decline and create your own at a later stage depending on what you want.


Flux does have an import facility so you will be able to open a previous project and I did this with one of my iWeb built websites yesterday - I published to a folder and then used Flux to open one of the pages and it is quite helpful to do this as I could quickly see where all the divs had been created in Flux and where all the image divs were, so you could easily do this if you wanted to and save your old iWeb website in Flux.


Try doing this to see or just start from scratch - once you get started and you read through the pdf start up guide it will become easier - there are also videos on the website too that show you how to get started. They are quite fast paced so you may need to watch them more than once, but this in conjunction with the pdf guide and you should be up and running in no time at all.


You really need to get used to the divs and think about how you want the layout of your site to look first, because it is the divs that you need to create, so the body div and then you can add in the divs for your header and footer, then navigation and content. You can use inline styles for your pages, but then if you decide you want the same style on each page, you can change the inlien style to an external style that will applied to the whole site.


I would say that you could most definitely re-create your site using Flux and you can create colour filled text boxed too in Flux.


Download the 30 day trial version and have a play around.

Jan 3, 2012 9:11 AM in response to Ethmoid

Ethmoid wrote:

. . .

Flux does have an import facility so you will be able to open a previous project and I did this with one of my iWeb built websites yesterday

Ah, I missed that when I looked at Flux last summer. That should help.


I would say that you could most definitely re-create your site using Flux and you can create colour filled text boxed too in Flux.


Multiple ones in the body of the same page? That's what I couldn't figure out how to do with several of the others.

Download the 30 day trial version and have a play around.

I did that last summer, and found it pretty much mystifying (I know very little about HTML, and zero about CSS).


But I'll give it another try.


Thanks very much for the advice.

Jan 3, 2012 10:00 AM in response to Pondini

With your style of website I would think you are making life complicated by using Flux.


You have a basic single column layout which would require a fairly simple main style sheet and the HTML would take care of the main layout.


The "colored blocks" would position themselves and can be given an inline style to specify the background color, border style etc.


In less time than it would take to learn Flux you could create the same design from a basic stylesheet and an HTML boilerplate. There are probably hundreds of examples of these available.

Jan 3, 2012 10:52 AM in response to Roddy

Roddy wrote:

. . .

The "colored blocks" would position themselves and can be given an inline style to specify the background color, border style etc.

Would that include wrapping around multiple images? I know you can use multiple text boxes instead, with one box per image (and I've had to do that in some cases with iWeb), but it's a PITA, especially when you want to add a few words.


In less time than it would take to learn Flux you could create the same design from a basic stylesheet and an HTML boilerplate. There are probably hundreds of examples of these available.

Since I know very little about HTML, and zip about CSS, that sounds a bit daunting. Would you be so kind as to point me to some of those examples, or tell me what to search for?


Thanks very much.

Jan 3, 2012 4:26 PM in response to Pondini

Wrapping text around images takes care of itself since the images are set to float either left or right in the stylesheet and given a suitable margin and padding. When you want to insert an image into a div you would add an image tag like this...


<img class="floatimgleft" src="url to the image file" alt="alternative title" height="300" width="450" />


... and the text will flow around it to the right.


If you need to break the text and have the image between it and the next paragraph, you place it in a div which is center aligned...


<div align="center">

<img src="url to the image file" alt="alternative title" height="300" width="450" />

</div>


It doesn't get much simpler than that and the HTML file is a lot faster loading because you don't have all that posotioning data the apps like iWeb need to add just to allow you to drag and drop.


This site has examples of basic html and its corresponding stylesheet. This page shows a basic single column layout...


http://www.maxdesign.com.au/articles/css-layouts/one-fixed/


The main reason that I decided to use a code entry style editor and against using Flux is that web design is changing towards mobile designs which need to be very efficiently coded. Apps like iWeb can't do this. With Flux you can but not if you use its drag and drop features and fall for its ability to add all these inline styles!


When you move on to designs using frameworks - which appear to be the way of the future - all the code for several pages is in one html doc. Imagine what its like trying to find anything in these docs if you are adding all the inline styline and positioning info!


Those who talk about switching to RapidWeaver, Sandvox, Freeway etc or importing iWeb built sites into code entry style software have got their heads stuck in the sand and are going to wake up one day and find that hardly anybody is visiting their dinosaur website.


Hopefully, some day soon, an application will appear that makes it easy to create websites using the new javascript frameworks but, until then, you either get left behind or have to get your brain cells around some code. You can produce good basic websites with very little knowledge of code and they will be far more efficient than anything a template based editor can achieve.


I did consider using Flux but decided that it was easier to learn how HTML and CSS fit together than get to grips with the way Flux works. On the other hand, Old Toad finds he gets on way better with Flux. Others may not find either suitable but they won't know that until they try.


Here's an example of a mobile website design adapted to appear OK on computers...


http://www.ezmacwebdesign.com/jquery-mobile-test/index.html


If you had told me a few months ago that I could built a site like this I would have written you off as being as insane as me!

This thread has been closed by the system or the community team. You may vote for any posts you find helpful, or search the Community for additional answers.

Flux?

Welcome to Apple Support Community
A forum where Apple customers help each other with their products. Get started with your Apple Account.