Think you know everything there is to know about CSS3? Thing again. Author Peter Gasston just released “The Book of CSS3: A Developer’s Guide to the Future of Web Design“, which takes an in-depth look at all things new to the CSS world.
Is it just another CSS book or a must-have addition to your library? Read on to find out.
It’s been over a year since we took a look at Smashing Magazine’s very first publication, and the web industry has come a long way in twelve months. Today, we’re going to offering our thoughts on The Smashing Book #2, hailed as “sharing valuable practical insight into design, usability and coding”.
With a great range of contributors and big steps forward in shipping and physical design, let’s see how Smashing Magazine’s latest release stacks up!
When Smashing Magazine first announced the release of their book, I have to confess that I was slightly sceptical. I enjoy their blog regularly, but didn’t really see how the concept would carry across to a book – or what topics it would cover.
I’ve spent a few hours reading through my review copy over the past week, and have been pleasantly surprised. Sven and Vitaly have managed to bring several talented writers on board to help put together a thoroughly interesting read.
This review will walk you through the book’s contents, and outline a few of the chapters I particularly enjoyed!
E-commerce sites are notoriously busy and overcrowded.
Today we’ll be examining a ton of online stores that break this trend by being both functional and attractive. Each of the examples below has a unique lesson to teach us about good e-commerce design. Let’s get started!
Every blogging platform has a built-in blog editor, some better than others. However, you’ll be hard pressed to find an online editor that can offer the richness found in many desktop applications. Features like offline editing and posting to multiple blogs at once make desktop solutions a must have for professional many bloggers.
Here’s a list of 20 applications that allow you to create blog posts from the comfort of your operating system environment, no internet connection required.
There are a huge number of different tools for email campaigns available; Emma, Campaign Monitor and MailChimp to name a few. Today I’ll be looking at a longstanding piece of email marketing software with a whole range of tools, Omnistar Mailer. It differs from other software in that it is hosted locally on your server.
For several years, PSD2HTML have been the primary sponsor of Design Shack. We don’t like to suggest a service to you unless we have tried it ourself to ensure that it’s worth a recommendation. A recent addition to our network of sites, 13 Styles was in need of a redesign and I took the opportunity to use PSD2HTML’s service and document the process.
This article will be more than a straight forward review of PSD2HTML. We’ll be considering the basic idea of these type of services and considering when, and for who, they are appropriate. Honesty will be foremost, and I hope that you will gain a real insight into using a PSD to XHTML tool.
PSD2HTML are one of the first companies to provide this service (you can see their original press release), but there are a huge number of competitors in the area today and a Google search for “psd to html” brings back over half a million results. Here is a table summarizing the main players in the industry (a more in depth list can be found at Most Sliced):
|Service||Price ($)||Time (days)|
|PSD2HTML||153 to 211||less than 24h|
|Slice ‘n Diced||279 to 399||3-6|
|XHTML iT||119||1 day or less|
|XHTML Slicer||200 to 350||1-3 days|
|XHTMLized||249+||up to 7 days|
We’ll be focusing on PSD2HTML, taking you through the process and showing you the final resulting design.
The ordering process at the site is very simple. There are several options available, starting with either a basic or professional package. We opted for the professional, as semantic, search engine friendly coding was a must have. Other optional additions are:
After submitting the order, we were contacted at the start of the following working day with a request to clarify some of the features in the submitted PSD file. By the end of that day, some 7 hours later, the markup was provided through their online ticket system. The speed of the turn around was incredibly impressive – it would take even an experienced designer far longer than 6 hours to code a relatively complex site such as the one we submitted. If you need results quickly, this service would seem to be a great resource.
Speed isn’t the only factor, however. We’re going to show you, in full, the code created by PSD2HTML for the new layout.
This is the original 13 Styles design:
And this is a screenshot of the new version which we created in Photoshop:
You can see the full website through the following link. It is essentially the exact code which we received back from PSD2HTML, and will still require customization before being integrated into the real 13 Styles site.
Please feel free to take a look and judge the quality for yourself. We found it to be great – well laid out with the correct separation of content and presentation and semantic coding. We aren’t incredibly easy to impress, but this was certainly not a rushed, second rate effort. The process takes web design to a level of ‘mass production’, and high standards can be achieved through having a huge catalog of code examples and snippets to work from.
The service was fast, efficient, inexpensive and of an outstanding quality. PSD2HTML would definitely be worth considering if you:
It can be argued that design does not come from the ability to write code, but rather the ability to create an intuitive user experience which is simple to operate and gives the desired message. Using a service such as this ensures that you are free to focus on these aspects without being bogged down in small issues such as cross browser compatibility.
PSD2HTML impressed us in every area when coding the 13 Styles site, and we would not hesitate to recommend using their service. Be careful, though, that you don’t lose the passion for crafting your own HTML and CSS.