Creating CSS layout for RTL language
A lot of us get used to write from the left to the right. So it is accepted in English, Russian and a lot of other languages. But there are a lot of languages (like Arabian or Hebrew) in which LTR writing system is used. HTML and CSS provide support for both LTR and RTL writing system.
HTML provides a special attribute dir, that accepts two values:
- ltr - for the left to right writing system
- rtl - for the right to left writing system
However, using "dir" attribute is not welcomed because it is responsible for the appearance of the document, not for its structure. But cascading style sheets should be used to describe appearance.
In CSS there is a "direction" property that is responsible for:
- how the text is rendered in the block;
- position of the scroll bar in the blog;
- order of columns in the table;
- position of the orphan line in the text block with text-align: justify.
Psd to Css Online service now supports conversion of design templates with RTL text direction. We added an additional option for that on the PSD file upload page. Choose the text direction you need on your web page and then upload your PSD design. Psd to Html software will make all the work for you.
Uploading zip archive with Psd design template
You can now upload files on the Psd to CSS Converter web site faster. We now allow you to upload a zip archive with a Psd design template inside. Psd files compress quite well. That allows you to save Internet traffic and reduce a time taken by file upload on the Psd to Html conversion server.
Limitation on the size of uncompressed PSD file remains the same - 30Mb. Moreover, zip archive must contain only one PSD file.
Previewing HTML/CSS layout before payment
We implemented a new cool feature in the PSD to HTML service. Now, after uploading your PSD design you will see not only observations concerning preliminary PSD template preparation. A screenshot of the converted HTML/CSS layout will be available for preview! Make sure that HTML/CSS layout preview is the same as uploaded PSD. If HTML/CSS differs from uploaded PSD then most probably you did something wrong. Check that you fixed all the observations concerning preliminary PSD design preparation. Try to look into FAQ, documentation and forum sections of our site. If nothing helps do not hesitate to contact us via the contact form or e-mail us at support@psd2htmlconverter.com. We will try to help you. After correcting the PSD design template simply upload it again and check out what you will get. Proceed with a payment only if you are sure that HTML preview corresponds with the design.
Bugfix: “You tried to upload not a PSD file!”
In some cases when user tried to upload a valid Photoshop design template file from the English version of the site, "You tried to upload not a PSD file!" message was erroneously shown. So, some users could not get a CSS website layout. This error was fixed. We apologize for the inconvenience.
Bugfix: error in the process of CSS layout creation.
Existence of empty layers in the Photoshop template could cause an error during conversion of design template into CSS web site layout in some rare cases. This error was fixed.
Bugfix: CSS layout creation for horizontal lists
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$.
Automatic grouping of HTML elements into div blocks
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: team@psd2htmlconverter.com.
New features of automatic CSS layout creation service
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).
PSD template limitations
We remind you that for the PSD to HTML Converter service you should use Photoshop design templates in 8-bit RGB image mode. 16 and 32-bit/Channel modes are not supported! Be sure to check the menu Image -> Mode. You should have 8 bits/Channel and RGB Color settings set there.
BugFix: Photoshop CS3 Support
Another one bug was fixed - sometimes PSD to HTML service have not been able to convert design template created in Photoshop CS3 into a CSS web page.
We remind you that PSD to Web service is still in the beta testing stage. Not all Adobe Photoshop versions have been tested yet. Very soon you will stop to get a message "An unexpected error occurred".
Blogroll
Categories
Subscription Options:
Archives
- March 2013 (1)
- July 2012 (1)
- March 2012 (1)
- February 2012 (1)
- December 2011 (1)
- November 2011 (1)
- October 2011 (4)
- September 2011 (2)
- August 2011 (3)
- July 2011 (3)
- June 2011 (5)
- May 2011 (3)
- April 2011 (8)
- February 2011 (4)
- January 2011 (1)
- December 2010 (2)
- November 2010 (5)
- October 2010 (6)
