4 ms·
I was actually questioning my current design process yesterday while mocking up a landing page in Fireworks. "Why not start the process in HTML using CSS3?" I
by neovive 13y ago
I was actually questioning my current design process yesterday while mocking up a landing page in Fireworks. "Why not start the process in HTML using CSS3?" I thought. However, beyond basic layouts, I find it hard to programmatically mix and match colors, fonts during the creative process.
With that in mind, I always felt Photoshop was the wrong tool for the job, hence my preference of Fireworks over Photoshop. Moving to a fully code-based workflow would probably work better with some additional tooling in place.
I've been looking at Sketch and Edge Reflow. Any other suggestions?
- talmand 13y agoI've been using Adobe Brackets for a while now, called Edge Code in Adobe's CC suite, and find it quite helpful in building out a page from scratch. It feeds your changes to a Chrome window in real-time with visual feedback so it's easy to play with fonts, colors, and other CSS-based stuff. Has a decent selection of user-created extensions as well. It has its quirks and constantly being updated so don't always expect commercial-quality right away on new features.
- jeffasinger 13y agoA CSS preprocessor might help you out a lot regarding quickly changing colors and fonts across several portions of a site.
- askew 13y agoWhy not simply define the mood (or theme) of the site in FW - perhaps design some of the key elements. Once you're happy with that, you move into the browser and get to grips with the structure of your layout.