Avocode aims to bridge the gap between the design and coding stages of web development. It doesn’t automatically generate sites for you, rather it gives you a set of tools which enable you to create sites in the way you personally prefer, but more efficiently than when working directly inside Photoshop or Sketch. That's what Source’s new desktop and web based tool, Avocode, is all about.Īvocode is a program which is purpose built for the process of going from PSD (or Sketch) to code. Given many developers don’t even need Photoshop for any other purpose than accessing PSDs, it’s a natural next step to see this type of workflow enhancement taken right out of Photoshop all together. These plugins are focused on the developer stage of the site creation process turning PSDs into fully functional websites. How to Code a Photoshop Layout With CSSHat, LESSHat and PNGHat.How to Improve Your Photoshop Workflow With CSSHat and PNGHat.You can see both of these plugins in action in my two part tutorial: I also use their PNGHat plugin almost every time I use Photoshop, for exporting images to PNG, JPEG or Base64. I’ve been a long time fan of their CSSHat plugin, which generates CSS or preprocessor code from Photoshop layers. Their plugins are designed to ease some of the most common issues in the design to code process, such as creating CSS that accurately represents a design, and exporting images efficiently. The guys at Source have been producing extensions for Photoshop since 2012. With either of the two programs, it's likely you'll hit speed bumps that are just par for the course when using tools whose primary purpose is design, not generating code for the web. If you design for the web using Photoshop, or you’re a developer who handles coding up PSDs, it’s likely there are a few issues you run into on a regular basis.Įven if you've transitioned from Photoshop over to Sketch for the design stage of your workflow, you'll still face the issue of coders needing access to software they otherwise wouldn't use. Photoshop has been a part of web design for years, and it’s very likely to continue as such for a long time.
0 Comments
Leave a Reply. |