Advertisement
News

Photoshop to HTML: Upcoming eBook from Nettuts and Rockable

by

There's a reason why our various tutorials on slicing PSDs are consistently among the most popular articles on Nettuts. Every one of us, at one point or another, has needed to convert a PSD into a working website. The only problem is that, until you've gotten a few projects under your belt, it can be significantly confusing. As such, I was asked to prepare a book and video series that details the entire process from start to finish for Rockable Press.


1. What You'll Learn in this Book and Video Series

  1. Different methods for slicing a PSD.
  2. Create semantic mark-up, and learn how this HTML relates to the original PSD.
  3. How to utilize techniques, such as background replacement and sprite generation.
  4. Use custom fonts with Cufon font replacement.
  5. The differences between absolute and relative positioning.
  6. How to compensate for the dreaded Internet Explorer 6.
  7. Take advantage of advanced CSS3 features.
  8. How to take advantage of a variety of helpful browser extensions to expedite your coding.
  9. Utilize the jQuery library to add a touch of interactivity.
  10. And plenty more...

2. Accommodates All Learning Styles

What we'll be converting to a fully functioning html/css website

Over the course of the book, we'll build the fully functioning website, shown above.

Prefer the written word, perhaps even on your new iPad? If so, the immediately downloadable PDF can be viewed on your computer, or any of your eReaders. On the other hand, if you're more of a visual learner, like myself, and would prefer to have someone "sit next to you," so to speak, through the entire process, I've also included the book in video form, separated into a dozen chapters, where I slowly and succinctly explain each step.


3. Rockable Members Receive a Discount

Rockable Press

If you're not a Rockin' List member yet, why not? Did you know that, if you sign up (quick and free), you'll immediately receive Skellie's - our awesome Tuts manager - "Rockstar Personal Branding" mini-book for free?

Not only that, but when my book launches (very soon), you'll receive a discount on the book. Signup for the Rockin' List.


So if you're at the point in your learning where this would be helpful to you, I really do hope you'll consider picking up this ebook and highly in depth video series when it launches very soon!

Photoshop to HTML

In "Photoshop to HTML", Nettuts+ editor and author Jeffrey Way will take you through the entire process of converting a design from Photoshop into a complete HTML/CSS website! This book also comes with the completed demo site, which you're free to use as you wish in your own projects. But not only that, you also get an additional series of screencasts where Jeffrey covers the entire process from start to finish. So you have the choice of either reading or viewing!

Related Posts
  • Computer Skills
    Office
    How to Make Professional Invoices in a Word ProcessorStacksonstacksonstacks
    Starting a business, or doing freelance work? Here's a quick and easy way to create estimates and invoices that will impress your clients and get your payments through, hassle-free, using the word processor you already have.Read More…
  • Web Design
    Photoshop
    How to Export Photoshop Assets For the Web With PNGHatPnghat thumb
    The recently released "PNGHat" plugin for Photoshop, made by Source, creates an entirely different workflow for exporting PSD elements for use in websites, games, apps or whatever other types of projects you design for.Read More…
  • Computer Skills
    App Training
    How to Start Going PaperlessPaperless icon2
    "Paperless". It's been the dream since the 1970s, and we've been replacing the paper in our lives with pixels ever since. Here's how you can start going paperless today, and how that'll help you get more done with less clutter and frustration.Read More…
  • 3D & Motion Graphics
    Modo
    Mythical Character Creation in Modo: Part 1Modo hern pt1 retina
    In our first series for Modo with a focus on character creation, 3D artist Thomasz Lechociński will take you through the entire process of creating a detailed stylized character as you learn to model, UV Map, texture, pose and render Hern, the mythical forest god from Celtic legend.Read More…
  • Web Design
    HTML/CSS
    The Best Way to Learn HTMLMedal retina
    Learning a new skill is often intimidating at first; knowing where to start, who to listen to, what to ignore - it can be a difficult process to get moving. That's what this post is for. It will help you plan out what to learn and in what order, hopefully making what seems like a big hurdle much lower, keeping you interested and encouraging you to carry on learning!Read More…
  • Design & Illustration
    News
    Photoshop to HTML: Upcoming eBook from Tuts+200x200
    There's a reason why our various tutorials on slicing PSDs are consistently among the most popular articles on the Tuts+ Network. Every one of us, at one point or another, has needed to convert a PSD into a working website. The only problem is that, until you've gotten a few projects under your belt, it can be significantly confusing. As editor of Nettuts+, I was asked to prepare a book and video series that details the entire process from start to finish for Rockable Press. Read More…