An error was fixed which prevented some PSD templates from being converted with PSD to HTML Conversion service.
Also, positioning of text div blocks was improved.
There was an error in automatic PSD to HTML conversion process which caused a wrong layout of the first element of a horizontal unordered list in the generated HTML. It has been fixed.
Just to remind you, to convert some of layers of the design template into HTML unordered list (vertical or horizontal) you can use tags $ul$, $limage$, $skip$.
We implemented a new feature of Photoshop design to CSS/HTML layout conversion service. Now, we automatically group HTML/CSS elements into div blocks. For example, let you have a 'buttonsBar' group which contains 6 layers for 3 buttons (3 background images and 3 texts). If you have not created a separate group for each button (with a background and a text) then we will do it for you! In created HTML markup there will be a div block 'buttonsBar' which will contain div blocks with 3 buttons (background and text). Please, notice, that we group only those layers that are part of one layer group in the Photoshop.
That does not mean you should neglect layers grouping in a Photoshop design template. The better you group layers the better HTML /CSS markup you will get. That's because we could not always correctly guess how it is better to group you layers. You should at least group the layers of header, footer, content, columns into Photoshop layer groups.
Besides of this a lot of different improvements were made. Markup quality became better. To check out our new features simply upload your design template file.
We plan to develop a lot of new features at PSD to HTML service soon. We have a lot of our own ideas. But if you want to share your ideas with us - we will appreciate it and try to implement them. Simply write them to: firstname.lastname@example.org.
We added an extremely useful feature to the service of automatic PSD to CSS layout conversion.
Service now automatically analyzes an uploaded Photoshop design template. If you forgot something during the template preparation we will notify you about that! So, you will have a list of actions you should undertake to prepare the template in a right way and get a CSS/HTML layout of a better quality.
We will notify you about such things as:
- Image mode other than 8 bits/Channel.
- Image mode other than RGB.
- Template contains layer with not rasterized layer effects.
- You use fonts that are not standard for the main text in the template.
- Logical grouping of layers is not enough.
- You don't our tags (so, you will not be able to get HTML markup for hyper links, lists, input forms, etc).