Joss

As the others have said, the point with ProcessWire is that you end up with exactly the interface and exactly the tools that your client needs, because you build them for them. The result fits their brand and their need, you are not trying to force them into a compromise. There are a few of us who have come the Joomla route (and would never go back) and we have all been amazed at how quickly we were able to pick PW up and make something solid with it - even people like me with little programming knowledge. And of course, any tools you develop as you go, you can keep and reuse on another project!

You probably have seen this - but Ryan made this with ProcessWire and it probably answers most of your questions as to what is possible http://www.villasofdistinction.com/ Original post about it here: http://processwire.com/talk/topic/5335-another-villas-site/

Oh good! All that typing from everyone is definitely worth it then!

You need to separate things out a bit. A template can be created with or without an associated file - a Template File is for markup and any logic you need. Any file you create in the Template folder and that has a php is a candidate for being associated with a template. When you create a template (with or without a file) you can set how it is used - can it have children? Can it be used for new pages? Does it have to be associated with a particular parent? And so on. Assuming you do not touch these settings, that template can then be used for any amount of sub pages. A page created with a template cannot be displayed unless there is a template file associated with it. But the data from that page is still available - either by using something like a Page Field on another template, or because you call that field in directly in another template file - $pages->get("/home/")->some_field It is worth going through some of the tutorials to get your head round these relationships - once you do it is all pretty easy. http://wiki.processwire.com/index.php/Basic_Website_Tutorial

This might be of help http://modules.processwire.com/modules/inputfield-page-autocomplete/

Ta! The actual profile download is a little more up to date than the site - for instance, the menu bar is "out of the box" foundation so it really is starting as close to foundation standard as possible.

What sort of custom functions are you talking about?

I notice that the fiddle is done with 3.5 beta. Is it the same problem with 3.5.8, which is the version in PW 2.4?

Actually, if this is done on Foundation, you could make the menu clickable when on smaller devices which solves the problem Mike just pointed out. Ummm - is that available on Foundation 4?

hahaha Strangely, I have just been ordering some well rotted manure for my allotment - but I should probably find some sort of natural element to keep Seblod/Joomla weeds under control. Perhaps some ProcessWeed Killer?

The last one was not very complicated, so I have just done it for them for nothing - I know that is not great business, but I did not want the liability of it lying around.

I am currently digging a hole in the garden for the last of my Seblod projects.

Practice.

Let us all know how that goes - sounds interesting.

Hi Assuming you are talking about using Fancybox for the front end of your site, then implementing it is as easy as if for a static HTML website. So, initially, simply follow the instructions on the Fancybox website to install the fancybox files. To link this to a PW image field it is pretty much the same as for a static site, but you need to get PW to create a thumbnail - which is easy! <?php // Create the thumbnail $thumbnail = $page->image_field_name->size(200,100); // Add the link for the original image and the Fancybox bits: echo "<a href='{$page->image_field_name->url}' class='fancybox' rel='group' >"; // Add the thumbnail echo "<img src='{$thumbnail->url}' >"; // End the link echo "</a>"; ?> And that is pretty much it. (just typed this out, so watch out for mistakes!) It gets a little more complicated if you are wanting Fancybox to work on an image inserted into TinyMCE or CKEditor. In that case, assuming you inserted the image and selected "Link to larger version" you need a bit of JQuery to add the facybox class and the rel attribute. But this is simple for jquery - just add the following to the bottom of your page or in an included javascript file: <script> $(document).ready(function() { $('.blog img').closest("a").addClass("fancybox ").attr('rel', 'group'); }); </script> In the above I have assumed the output of my TinyMCE field is within a div with the class .blog - this is so that I am only applying the jquery where I want it! The "closest" looks for the closest <a> tag to an <img> tag (and in our case it will be the one wrapped round the image) and then we add the fancybox class and the rel attribute. Good luck!

apeisa is right - to have a chance of an audience you need to expand the service to other platforms using plugins. That opens two markets really - professional developers and designers and the non professional market; Wordpress users particularly. Now, obviously there are competitive services out there that are offering both lossy (TinyPNG) and Lossless. But I suspect this is a growing market, particularly on the lossless side as people want to make their offering more and more media rich, need to keep speed up but don't want to lose visual quality. It is a numbers game though. It will always be a small percentage of users that would even think of using such a service, and it is always a small percentage of those that are interested that will actually sign up. It may be that once the service is a bit more developed and broader based, you need to sell it directly into some companies (especially agencies) so you can boast a few names on your website. Once you are in that position, then you will probably need to advertise. When it comes to the two market areas, they will need to be treated very differently with different package offerings (the pro side needing more flexibility) and different looks. At the moment, the market does seem very complicated, from command line options and download systems like FileOptimize using a lot of open source plugins, to more domestically orientated system like TinyPNG and others like Riot and the developer orientated Kraken. What you will need to do is decide where the line is between the two markets and then develop the two offerings to meet those markets, making sure one feeds into the other, of course.

Just for interest, this is what I did: I created a textarea field called jingles_upbeat (as an example) and then exploded it by line and then by comma: <?php $players = explode("\n", $page->jingles_upbeat); foreach($players as $player){ $player = explode(',', $player); $count++; ?> ignoring the modal bit, I then ran out the html within the loop using the <audio> element followed by the <source> element that Media Elements looks for: <audio id="player2" controls="controls" style="width:350px;"> <source id="mp3_src" src="/site/assets/audio/single-jingles/<?php echo $player[0]; ?>.mp3" type="audio/mp3"> <source id="ogg_src" src="/site/assets/audio/single-jingles/<?php echo $player[0]; ?>.ogg" type="audio/ogg"> </audio> <?php } ?> In the above array, $player[0] is the file name without an extension, $player[1] is the title and $player[2] is a short description, which can be used anyway you want. They looked like this in the field: RCCoppins-30-full-with-front,RC Coppin,Kitchen Tops Elmers-full,Elmers- Hardware Store Concorde-full,Concorde,Tyres & Exhausts And that was that - very easy.

OH, you can blame Bootstrap for the modal.

Yes, I used media elephants on my main site http://www.dancingbear.co.uk Because I was using a lot of files and needed ogg, mps and zip download, what I did is just scribble out a bit of php to expode the contents of a textarea where I listed the tracks needed for a particular page. So, I uploaded tons of files, then listed the file names without endings in the text area et voila - one great big music page http://www.dancingbear.co.uk/music/individual-jingles/ Boring as hell if you are not into advertising, however....

There is no reason that you have to have any hard coded text at all really - if you are creating tabs, for instance, you can have the tab headers as fields, either generated by the page that is supplying the pane content or, if you are using them more globally, from some sort of global settings page. Then you can use multi-language fields quite happily.

To help anyone that takes this on, this is very useful http://stackoverflow.com/questions/11252579/how-can-i-duplicate-pinterest-websites-modal-effect What they are saying is that when you open a lightbox (and it is still just a lightbox type effect, though dynamically loaded), the browser address bar is simply populated with the URL, probably using something like history.pushState. This is probably just one line of code, I think (no expert though!) Pushstate will put the url into the browser bar, but the browser will not load that url; the user has to complete the action by, for instance, clicking in the bar and pressing return. https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Manipulating_the_browser_history

That is a simple light box functionality or modal window that takes content rather than just an image. There are loads of jquery plugins out there that do it - search for "jquery modal" Here is a very basic one I have just found - haven't tested it! http://leanmodal.finelysliced.com.au/ One note: you need to double check what JQuery you are using - For instance Foundation 5 uses JQuery 2, but not all plugins are working with that.

I doubt it would be that long before we move to TinyMCE 4 which has far more modern styling. That is where a hidden left menu is useful so that you can just bring it in on smaller resolution screens, or even just on everything but the largest, perhaps.

Like the greys When I mess around with colours I often go for greys mixed with certain blue-greys Two colours I like are #6D8CA8 and #4A629C One thing I would look at with this sort of shape is the offcanvas menu from Foundation for the left menu column, http://foundation.zurb.com/docs/components/offcanvas.html