SlideShare ist ein Scribd-Unternehmen logo

Hacking Photoshop

•
•
Allagappan Muthuraman
Allagappan Muthuraman
1 von 16
Downloaden Sie, um offline zu lesen
Playing with alagu alagu
YOUR HTML/CSS USUALLY STARTS WITH A
YOUR UI CODE USUALLY STARTS WITH A
HACKING PHOTOSHOP Reverse Engineered Libs Scripting Photoshop
HACKING PHOTOSHOP Reverse Engineered Libs   Scripting Photoshop
HACKING PHOTOSHOP Reverse Engineered Libs   Scripting Photoshop  
What IS THE USEFUL PART HERE?
What IS THE USEFUL PART HERE?
DEMO
REAL USECASE:
ASSET WORKFLOWS
CLICKABLE MOCKUPS
VERSIONING PSD +   -­‐  
SASS MIXINS COLORS   FONTS   @mixin  helvetica  {      font-­‐family:  "Helvetica  Neue”;      font-­‐size:  15px;      color:  #000;      font-­‐style:  normal;      text-­‐decoration:  none;      text-­‐align:  left;      font-­‐weight:  normal;   }   body  {  color:  $body_color;}   h2  {      @include  helvetica;    color:  $header_color;   }   $header_color  :  #000000;   $body_color  :  #cccccc;  
BUT, WHY PHOTOSHOP?
Questions?

Empfohlen

Staying Dry in Rails using code generation
Staying Dry in Rails using code generationStaying Dry in Rails using code generation
Staying Dry in Rails using code generationjeroenvandijk
 
Html codes
Html codesHtml codes
Html codesCrashin
 
Chromatography Process
Chromatography ProcessChromatography Process
Chromatography ProcessShula Levin
 
Marketing Camp - Franco giacomazzi
Marketing Camp - Franco giacomazziMarketing Camp - Franco giacomazzi
Marketing Camp - Franco giacomazziMarco Camisani-Calzolari
 
Openid Fossconf
Openid FossconfOpenid Fossconf
Openid FossconfAllagappan Muthuraman
 
Marketingcamp2a 23 5 07
Marketingcamp2a 23 5 07Marketingcamp2a 23 5 07
Marketingcamp2a 23 5 07Marco Camisani-Calzolari
 
Pasosparaagregararchivodewordenunblogdeblogger
PasosparaagregararchivodewordenunblogdebloggerPasosparaagregararchivodewordenunblogdeblogger
Pasosparaagregararchivodewordenunblogdebloggerdgarciavi
 
Mcc Parmacamp
Mcc ParmacampMcc Parmacamp
Mcc ParmacampMarco Camisani-Calzolari
 

Empfohlen

Staying Dry in Rails using code generation
Staying Dry in Rails using code generationStaying Dry in Rails using code generation
Staying Dry in Rails using code generationjeroenvandijk
 
Html codes
Html codesHtml codes
Html codesCrashin
 
Chromatography Process
Chromatography ProcessChromatography Process
Chromatography ProcessShula Levin
 
Marketing Camp - Franco giacomazzi
Marketing Camp - Franco giacomazziMarketing Camp - Franco giacomazzi
Marketing Camp - Franco giacomazziMarco Camisani-Calzolari
 
Openid Fossconf
Openid FossconfOpenid Fossconf
Openid FossconfAllagappan Muthuraman
 
Marketingcamp2a 23 5 07
Marketingcamp2a 23 5 07Marketingcamp2a 23 5 07
Marketingcamp2a 23 5 07Marco Camisani-Calzolari
 
Pasosparaagregararchivodewordenunblogdeblogger
PasosparaagregararchivodewordenunblogdebloggerPasosparaagregararchivodewordenunblogdeblogger
Pasosparaagregararchivodewordenunblogdebloggerdgarciavi
 
Mcc Parmacamp
Mcc ParmacampMcc Parmacamp
Mcc ParmacampMarco Camisani-Calzolari
 
Using SASS in the WordPress environment - Ran Bar Zik
Using SASS in the WordPress environment - Ran Bar ZikUsing SASS in the WordPress environment - Ran Bar Zik
Using SASS in the WordPress environment - Ran Bar ZikMiriam Schwab
 
Introduction to CSS Preprocessors
Introduction to CSS PreprocessorsIntroduction to CSS Preprocessors
Introduction to CSS PreprocessorsBlake Newman
 
Designing in the Browser - Design for Drupal, Boston 2010
Designing in the Browser - Design for Drupal, Boston 2010Designing in the Browser - Design for Drupal, Boston 2010
Designing in the Browser - Design for Drupal, Boston 2010canarymason
 
Xlrays online web tutorials
Xlrays online web tutorialsXlrays online web tutorials
Xlrays online web tutorialsYogesh Gupta
 
Rapid Prototyping
Rapid PrototypingRapid Prototyping
Rapid PrototypingEven Wu
 
LESS is More
LESS is MoreLESS is More
LESS is Morejsmith92
 
how can I replace the Newsfeed text with a custom on in SharePoi.pdf
how can I replace the Newsfeed text with a custom on in SharePoi.pdfhow can I replace the Newsfeed text with a custom on in SharePoi.pdf
how can I replace the Newsfeed text with a custom on in SharePoi.pdfjyothimuppasani1
 
Sass compass
Sass compassSass compass
Sass compassNick Cooley
 
CSS 開發加速指南－Sass & Compass
CSS 開發加速指南－Sass & CompassCSS 開發加速指南－Sass & Compass
CSS 開發加速指南－Sass & CompassLucien Lee
 
Webtech File.docx
Webtech File.docxWebtech File.docx
Webtech File.docxgambleryeager
 
CSS3 meets GWT with GSS
CSS3 meets GWT with GSSCSS3 meets GWT with GSS
CSS3 meets GWT with GSSjdramaix
 
Brian Hoke: WordCamp Toronto 2014 Presentation "Sass & WordPress"
Brian Hoke: WordCamp Toronto 2014 Presentation "Sass & WordPress"Brian Hoke: WordCamp Toronto 2014 Presentation "Sass & WordPress"
Brian Hoke: WordCamp Toronto 2014 Presentation "Sass & WordPress"bentleyhoke
 
Controlling Web Typography
Controlling Web TypographyControlling Web Typography
Controlling Web TypographyTrent Walton
 
Modularization css with sass
Modularization css with sassModularization css with sass
Modularization css with sassHuiyi Yan
 
Weniger schlecht-css-schreiben
Weniger schlecht-css-schreibenWeniger schlecht-css-schreiben
Weniger schlecht-css-schreibenDiego Felipe Proaño
 
Familiar Tools, New Possibilities: Leveraging the Power of the Adobe Web Pub...
Familiar Tools, New Possibilities: Leveraging the Power of the Adobe Web Pub...Familiar Tools, New Possibilities: Leveraging the Power of the Adobe Web Pub...
Familiar Tools, New Possibilities: Leveraging the Power of the Adobe Web Pub...John Hartley
 
Source Code Halaman Web Radio Stremaing [RAMEN RADIO]
Source Code Halaman Web Radio Stremaing [RAMEN RADIO]Source Code Halaman Web Radio Stremaing [RAMEN RADIO]
Source Code Halaman Web Radio Stremaing [RAMEN RADIO]Rizki Ogawa
 
Making Links Magical Again with CSS
Making Links Magical Again with CSSMaking Links Magical Again with CSS
Making Links Magical Again with CSSJenn Lukas
 
HTML, CSS And JAVASCRIPT!
HTML, CSS And JAVASCRIPT!HTML, CSS And JAVASCRIPT!
HTML, CSS And JAVASCRIPT!Syahmi RH
 
Sass & Compass (Barcamp Stuttgart 2012)
Sass & Compass (Barcamp Stuttgart 2012)Sass & Compass (Barcamp Stuttgart 2012)
Sass & Compass (Barcamp Stuttgart 2012)emrox
 

Weitere ähnliche Inhalte

Ähnlich wie Hacking Photoshop

Using SASS in the WordPress environment - Ran Bar Zik
Using SASS in the WordPress environment - Ran Bar ZikUsing SASS in the WordPress environment - Ran Bar Zik
Using SASS in the WordPress environment - Ran Bar ZikMiriam Schwab
 
Introduction to CSS Preprocessors
Introduction to CSS PreprocessorsIntroduction to CSS Preprocessors
Introduction to CSS PreprocessorsBlake Newman
 
Designing in the Browser - Design for Drupal, Boston 2010
Designing in the Browser - Design for Drupal, Boston 2010Designing in the Browser - Design for Drupal, Boston 2010
Designing in the Browser - Design for Drupal, Boston 2010canarymason
 
Xlrays online web tutorials
Xlrays online web tutorialsXlrays online web tutorials
Xlrays online web tutorialsYogesh Gupta
 
Rapid Prototyping
Rapid PrototypingRapid Prototyping
Rapid PrototypingEven Wu
 
LESS is More
LESS is MoreLESS is More
LESS is Morejsmith92
 
how can I replace the Newsfeed text with a custom on in SharePoi.pdf
how can I replace the Newsfeed text with a custom on in SharePoi.pdfhow can I replace the Newsfeed text with a custom on in SharePoi.pdf
how can I replace the Newsfeed text with a custom on in SharePoi.pdfjyothimuppasani1
 
CSS 開發加速指南－Sass & Compass
CSS 開發加速指南－Sass & CompassCSS 開發加速指南－Sass & Compass
CSS 開發加速指南－Sass & CompassLucien Lee
 
CSS3 meets GWT with GSS
CSS3 meets GWT with GSSCSS3 meets GWT with GSS
CSS3 meets GWT with GSSjdramaix
 
Brian Hoke: WordCamp Toronto 2014 Presentation "Sass & WordPress"
Brian Hoke: WordCamp Toronto 2014 Presentation "Sass & WordPress"Brian Hoke: WordCamp Toronto 2014 Presentation "Sass & WordPress"
Brian Hoke: WordCamp Toronto 2014 Presentation "Sass & WordPress"bentleyhoke
 
Controlling Web Typography
Controlling Web TypographyControlling Web Typography
Controlling Web TypographyTrent Walton
 
Modularization css with sass
Modularization css with sassModularization css with sass
Modularization css with sassHuiyi Yan
 
Familiar Tools, New Possibilities: Leveraging the Power of the Adobe Web Pub...
Familiar Tools, New Possibilities: Leveraging the Power of the Adobe Web Pub...Familiar Tools, New Possibilities: Leveraging the Power of the Adobe Web Pub...
Familiar Tools, New Possibilities: Leveraging the Power of the Adobe Web Pub...John Hartley
 
Source Code Halaman Web Radio Stremaing [RAMEN RADIO]
Source Code Halaman Web Radio Stremaing [RAMEN RADIO]Source Code Halaman Web Radio Stremaing [RAMEN RADIO]
Source Code Halaman Web Radio Stremaing [RAMEN RADIO]Rizki Ogawa
 
Making Links Magical Again with CSS
Making Links Magical Again with CSSMaking Links Magical Again with CSS
Making Links Magical Again with CSSJenn Lukas
 
HTML, CSS And JAVASCRIPT!
HTML, CSS And JAVASCRIPT!HTML, CSS And JAVASCRIPT!
HTML, CSS And JAVASCRIPT!Syahmi RH
 
Sass & Compass (Barcamp Stuttgart 2012)
Sass & Compass (Barcamp Stuttgart 2012)Sass & Compass (Barcamp Stuttgart 2012)
Sass & Compass (Barcamp Stuttgart 2012)emrox
 

Ähnlich wie Hacking Photoshop (20)

Using SASS in the WordPress environment - Ran Bar Zik
Using SASS in the WordPress environment - Ran Bar ZikUsing SASS in the WordPress environment - Ran Bar Zik
Using SASS in the WordPress environment - Ran Bar Zik
 
Introduction to CSS Preprocessors
Introduction to CSS PreprocessorsIntroduction to CSS Preprocessors
Introduction to CSS Preprocessors
 
Designing in the Browser - Design for Drupal, Boston 2010
Designing in the Browser - Design for Drupal, Boston 2010Designing in the Browser - Design for Drupal, Boston 2010
Designing in the Browser - Design for Drupal, Boston 2010
 
Xlrays online web tutorials
Xlrays online web tutorialsXlrays online web tutorials
Xlrays online web tutorials
 
Rapid Prototyping
Rapid PrototypingRapid Prototyping
Rapid Prototyping
 
LESS is More
LESS is MoreLESS is More
LESS is More
 
how can I replace the Newsfeed text with a custom on in SharePoi.pdf
how can I replace the Newsfeed text with a custom on in SharePoi.pdfhow can I replace the Newsfeed text with a custom on in SharePoi.pdf
how can I replace the Newsfeed text with a custom on in SharePoi.pdf
 
Sass compass
Sass compassSass compass
Sass compass
 
CSS 開發加速指南－Sass & Compass
CSS 開發加速指南－Sass & CompassCSS 開發加速指南－Sass & Compass
CSS 開發加速指南－Sass & Compass
 
Webtech File.docx
Webtech File.docxWebtech File.docx
Webtech File.docx
 
CSS3 meets GWT with GSS
CSS3 meets GWT with GSSCSS3 meets GWT with GSS
CSS3 meets GWT with GSS
 
Brian Hoke: WordCamp Toronto 2014 Presentation "Sass & WordPress"
Brian Hoke: WordCamp Toronto 2014 Presentation "Sass & WordPress"Brian Hoke: WordCamp Toronto 2014 Presentation "Sass & WordPress"
Brian Hoke: WordCamp Toronto 2014 Presentation "Sass & WordPress"
 
Controlling Web Typography
Controlling Web TypographyControlling Web Typography
Controlling Web Typography
 
Modularization css with sass
Modularization css with sassModularization css with sass
Modularization css with sass
 
Weniger schlecht-css-schreiben
Weniger schlecht-css-schreibenWeniger schlecht-css-schreiben
Weniger schlecht-css-schreiben
 
Familiar Tools, New Possibilities: Leveraging the Power of the Adobe Web Pub...
Familiar Tools, New Possibilities: Leveraging the Power of the Adobe Web Pub...Familiar Tools, New Possibilities: Leveraging the Power of the Adobe Web Pub...
Familiar Tools, New Possibilities: Leveraging the Power of the Adobe Web Pub...
 
Source Code Halaman Web Radio Stremaing [RAMEN RADIO]
Source Code Halaman Web Radio Stremaing [RAMEN RADIO]Source Code Halaman Web Radio Stremaing [RAMEN RADIO]
Source Code Halaman Web Radio Stremaing [RAMEN RADIO]
 
Making Links Magical Again with CSS
Making Links Magical Again with CSSMaking Links Magical Again with CSS
Making Links Magical Again with CSS
 
HTML, CSS And JAVASCRIPT!
HTML, CSS And JAVASCRIPT!HTML, CSS And JAVASCRIPT!
HTML, CSS And JAVASCRIPT!
 
Sass & Compass (Barcamp Stuttgart 2012)
Sass & Compass (Barcamp Stuttgart 2012)Sass & Compass (Barcamp Stuttgart 2012)
Sass & Compass (Barcamp Stuttgart 2012)
 

Hacking Photoshop

Hinweis der Redaktion

  1. As an engineer how you could make your life simple, when your designer gives you a PSD file. With few examples and pointers for you to get started.
  2. As an engineer how you could make your life simple, when your designer gives you a PSD file. With few examples and pointers for you to get started.
  3. As an engineer how you could make your life simple, when your designer gives you a PSD file. With few examples and pointers for you to get started.
  4. As an engineer how you could make your life simple, when your designer gives you a PSD file. With few examples and pointers for you to get started.
  5. As an engineer how you could make your life simple, when your designer gives you a PSD file. With few examples and pointers for you to get started.
  6. As an engineer how you could make your life simple, when your designer gives you a PSD file. With few examples and pointers for you to get started.
  7. As an engineer how you could make your life simple, when your designer gives you a PSD file. With few examples and pointers for you to get started.
  8. As an engineer how you could make your life simple, when your designer gives you a PSD file. With few examples and pointers for you to get started.
  9. As an engineer how you could make your life simple, when your designer gives you a PSD file. With few examples and pointers for you to get started.
  10. As an engineer how you could make your life simple, when your designer gives you a PSD file. With few examples and pointers for you to get started.
  11. As an engineer how you could make your life simple, when your designer gives you a PSD file. With few examples and pointers for you to get started.
  12. As an engineer how you could make your life simple, when your designer gives you a PSD file. With few examples and pointers for you to get started.
  13. As an engineer how you could make your life simple, when your designer gives you a PSD file. With few examples and pointers for you to get started.
  14. As an engineer how you could make your life simple, when your designer gives you a PSD file. With few examples and pointers for you to get started.
  15. As an engineer how you could make your life simple, when your designer gives you a PSD file. With few examples and pointers for you to get started.