Your SlideShare is downloading. ×
  • Like
CSS3 vs Photoshop (remastered)
Upcoming SlideShare
Loading in...5

Thanks for flagging this SlideShare!

Oops! An error has occurred.


Now you can save presentations on your phone or tablet

Available for both IPhone and Android

Text the download link to your phone

Standard text messaging rates apply

CSS3 vs Photoshop (remastered)


Even If Photoshop was created for photo editing, it has always been the preferred tool for web designers. Yet the CSS3 arrival last year might have changed this. Indeed, CSS3's great success is …

Even If Photoshop was created for photo editing, it has always been the preferred tool for web designers. Yet the CSS3 arrival last year might have changed this. Indeed, CSS3's great success is partially due to its many "design related" functions. Since last year, we noticed that more people dare to design directly in the browser instead of using Photoshop.

This raises important questions for the future of web design: is the web designer supposed to code ? With CSS3, it seems impossible to stay away from it. But on the other hand, will the front end developper accept to give away this part of his job or will developpers now start to design as well?

Published in Technology , Design
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads


Total Views
On SlideShare
From Embeds
Number of Embeds



Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

    No notes for slide


  • 1. CSS3 vs Photoshop Smashing Magazine Meetup Basel, January 2012 Francis Chouquet @Fran6 h p:// h p:// mercredi, 1 février 12
  • 2. How I learnt Web Design... mercredi, 1 février 12
  • 3. Difficult to predict the future if we don’t agree on the definition of web design mercredi, 1 février 12
  • 4. The webdesigner loves Photoshop !! mercredi, 1 février 12
  • 5. ... and CSS3 arrived... mercredi, 1 février 12
  • 6. CSS3, the designer’s playground mercredi, 1 février 12
  • 7. CSS3 offers a large range of visual effects that were previously done with images mercredi, 1 février 12
  • 8. ...and who says images, says Photoshop... mercredi, 1 février 12
  • 9. Example... mercredi, 1 février 12
  • 10. Things we le on the move - h p:// mercredi, 1 février 12
  • 11. with that idea in mind, some started to design in the browser mercredi, 1 février 12
  • 12. mercredi, 1 février 12
  • 13. mercredi, 1 février 12
  • 14. Benefits Fast conception when you know HTML/CSS Modifications are easy to implement Immediacy - You know right away what you can and cannot do Dynamic prototype to show to clients Website implementation faster mercredi, 1 février 12
  • 15. Disadvantages Quite simple designs. You still need Photoshop for more sophisticated effects YOU NEED TO KNOW CSS/HTML !! mercredi, 1 février 12
  • 16. Goodbye Photoshop Hello ____________ * ??? * put the name of the browser you use... Internet Explorer is not a correct answer mercredi, 1 février 12
  • 17. Should the designer know how to code? mercredi, 1 février 12
  • 18. I asked the experts ! :) mercredi, 1 février 12
  • 19. « To me a good web designer is a someone that is multidisciplinary as it doesn't stop with the visual aspect. He or she also take care of the conversion into actual webpages with a good knowledge of html/css so they can predict the outcome. Knowing Javascript is a bonus. » Veerle Pieters mercredi, 1 février 12
  • 20. "Although it's possible to be a web designer, or an art director for the web, my opinion is that a deeper appreciation of the medium can only be achieved by having an understanding of code, even it's relatively basic. It's not just about knowing what you can create and what you can't: front-end code is playing an increasingly important role as a design tool, be it for designing 'in the browser' or adapting designs to suit multiple browser widths." Elliot Jay Stocks mercredi, 1 février 12
  • 21. “ A "web designer" is one that can design a site and get it on the web in the HTML / CSS fashion, however no ma er what the medium a good designer can designer for. As a designer, we should be familiar with design rules and principles no ma er the medium, but that doesn't mean we need to learn how to code or code well. ” Brian Hoff mercredi, 1 février 12
  • 22. Different views but one common point: understanding HTML/CSS is a strict minimum mercredi, 1 février 12
  • 23. Examples in Car industry Architecture mercredi, 1 février 12
  • 24. web design evolves everyday We are talking about CSS3 but what about Responsive Web Design ? mercredi, 1 février 12
  • 25. my answer 1. If not done yet, learn how to use HTML/CSS 2. You cannot stop the web. It evolves everyday. We learn everyday. Try to adapt. 3. Use Photoshop for visual elements, quick wireframes. Then move to the browser. The more you will practice, the more you will start to use the browser earlier mercredi, 1 février 12
  • 26. thank you ! @Fran6 h p:// h p:// mercredi, 1 février 12