I have a couple of things that I would have loved to be able to do as I went along with my first webflow based design, so I kept a little notepad on them.
Again, the system is amazing as is so these are just “nice to haves”. I might also have missed something in the interface so I apologize if any of these are already there.
- The ability to set default styles for links within a given parent, e.g. site wide defaults as a child of the body, or alternatively as a child of a class defined in the design.
I defined link styles with a placeholder class name then moved the styles into default element definitions in the stylesheet after export.
- The ability to select ems as a unit instead of px on text and layout elements.
I’ve been working with pure em based layouts recently because if the default html/body text size is set only as 1em it allows a whole design to scale to fit whatever the default text size is on any given device or browser. Because different devices/browsers set their default font sizes for optimum readability this in turn allows sites to have optimum readability on those devices/browsers. It also applies in the same way if users have adjusted their own personal default font sizes.
The idea comes from “The Goldilocks Approach” which I feel is quite brilliant: http://goldilocksapproach.com/. I don’t use their framework but I do love the logic of their approach and so have adopted it. Base designs are calculated assuming a 16px base font size as its the most common and they scale from there. I’ve tested it out and so far it works great.
I used pixem (http://matthewkosloski.me/labs/pixem/) to convert the stylesheet to ems after export, but it would be awesome if em was there as a choice in the unit dropdown.
The existing transforms are sooooo helpful! Instead of using skew I used rotate on some divs stacked behind another to achieve the same visual effect, but if it’s at all possible to add skew in the future that would be wonderful.
- The ability to duplicate & rename a class.
Sometimes you need a class that’s almost identical to one that already exists. If it were possible to duplicate and rename a style you could then quickly bang out styles that are similar to one another.
- The ability to append some custom code to a class.
This would be great to have in the event there’s some type of CSS that’s not yet achievable through the interface, so it could be added manually. For example, adding skew code or even some of the other funky CSS3 that’s gradually being rolled out.
- Support for wide screen layouts on the ‘container’ and a wide screen breakpoint
I know we can already setup essentially whatever layouts we want, but it would be great if it were also possible to use the in built container wrapper with support for something like 1200px width with a breakpoint at somewhere around that width.
This would allow for optimization on desktop displays - I looked up the stats recently and apparently 90% of all desktop displays are now greater than 1200px wide, with the most common being 1366px, so I’ve been trying to include optimization for that space in my layouts lately as well.
I have two other ideas, but they’d involve things that are probably a bit too far from where the software is now to be helpful. But I’ll share them anyway.
The first is the ability to save classes out to your account, so they would in effect become like layer styles saved out in Photoshop that you could then apply to your designs any time. This would probably also need the ability to asign more than one class to an element in order to be workable.
The second would require a preprocessor like LESS, and is the ablity to define variables and use them throughout the design. This would be super helpful for things like defining a base color scheme and being able to modify it easily by tweaking the base color variables.
I hope this wasn’t all too much to read. As you can tell, it’s all got my mind racing!
Thanks again for this software. It’s simply amazing. I haven’t been this excited about a piece of technology since I got my first game console for Christmas when I was 10 years old!