After DOCman 2.0, FILEman 2.0 will also get a complete responsive gallery view. The new design will make the gallery look great on all devices, including mobile.
FILEman 2 is the next release major release we are working on. With FILEman 2 we are dropping support for Joomla 1.5 at the same time the FILEman core is being refactored to make use of Joomlatools Framework 2.0, the next major iteration of our extension framework.
Additionally we also reworked the templates to make it easy for designers to style the gallery and make it blend nicely with their templates. Here is an overview of the changes we are working on.
Progressive enhancement is a method of building a website in which content is ‘stacked’ in different layers. If a layer fails or is not supported, the content is provided by the layer below it.
For the new 2.0 gallery we wanted to ensure the it would enhance progressively, to do this we used the following design principles :
- Start with correct semantic html markup first
- Rely on pure CSS as much as possible for a fully working responsive gallery
- Make sure the gallery works (as good as possible) on older browsers
- Make sure the gallery is as flexible as possible to make skinning easy
The chocolate coating
Here we are using the very versatile display: inline-block; rule. It combines the best of two worlds. By using it, you can still easily add margins, paddings widths and heights but the elements also act like they are text. Allowing them to listen to vertical alignments and react on font-size changes.
The hard candy shell
Here’s an example image of that.
To fix this we always check the amount of images that naturally fit in the component area and we add one and make this the amount of columns. In the above image 2 items fit naturally so we use a 3 column layout. To see how that looks check the following image.
Built to be modified
When can I expect this ?
You can expect these changes in the final release of FILEman 2 which is in testing phase at the moment.