.psd-Dateien in HTML und CSS umwandeln
.psd-Dateien in HTML und CSS umwandeln (Bild: Markupwand)

Markupwand Photoshop-Dateien in HTML und CSS umwandeln

Das Startup Goyaka Labs hat mit dem Markupwand einen Dienst veröffentlicht, der Photoshop-Dateien im .psd-Format in HTML und CSS umwandelt, ohne dazu absolute Positionierungen zu verwenden.

Anzeige

Markupwand macht aus einer .psd-Datei HTML und CSS. Die Entwickler Alagu, Raj Natarajan und Suren aus Bangalore versprechen sauberen Code ohne absolute Positionierungen. Damit das Ergebnis sinnvoll weiterverwendet werden kann, setzten sie auf Compass und SASS. Ein Webeditor erlaubt es, die verwendeten Klassen zu benennen.

Damit Markupwand ein gutes Ergebnis erzielt, sollte die Photoshop-Vorlage in möglichst viele kleine Teile aufgesplittet werden. Jeder logische Textabschnitt sollte eine eigene Ebene erhalten. Jedes Icon oder Bild sollte ebenfalls auf einer eigenen Ebene angeordnet werden, aber auch nicht mehr. Andernfalls würde es nicht als ein Bild ausgegeben werden. Zudem sollte auf Hacks verzichtet werden.

Wer Elemente mit Formen erzeugt statt mit Bildern, erhält im Ergebnis mit CSS gestaltete Buttons statt fertige Grafiken.

Markupwand kann nach der Anmeldung mit einem Google-Account kostenlos genutzt werden. Noch handelt es sich um einen frühen Prototyp, die drei Entwickler planen diverse Verbesserungen. So soll es künftig nicht mehr notwendig sein, eine Seite in viele Teile zu splitten, und es soll möglich werden, auch Tags zu editieren, um semantisches HTML zu erzeugen. Auch die Zahl der erzeugten CSS-Regeln soll in Zukunft deutlich reduziert werden.


Insomnia88 25. Jul 2012

Erläuter mal, weshalb genau out?

Insomnia88 25. Jul 2012

Also kurz, für die Designer gedacht, die entwerfen aber ned coden können und...

hei_zen 24. Jul 2012

Ich bezweifle dass so ein Tool semantisch sinnvollen Code schreiben kann. Wie sollen z.B...

Kommentieren



Anzeige

  1. Webentwickler/in
    ALPLA Werke Alwin Lehner GmbH & Co KG, Hard (Österreich)
  2. Testmanager (m/w)
    PSI AG, Aschaffenburg
  3. Software Engineer (m/w) - Schwerpunkt "Responsive Web Development"
    HOTEL DE AG, Nürnberg
  4. Senior Consultant (m/w)
    CONJECT AG, Dresden, München

 

Detailsuche


Spiele-Angebote
  1. NEU: PS4 mit 50€ Rabatt bestellen
    Gutschein-Code: PS4KONSOLE
  2. NEU: The Elder Scrolls Online: Tamriel Unlimited - PlayStation 4
    39,00€
  3. Jetzt reduziert: Zombie Army Trilogy und Sniper Elite 3 für die Xbox One

 

Weitere Angebote


Folgen Sie uns
       


  1. DDR4-4000

    Gskills neuer Arbeitsspeicher taktet mit 2 GHz

  2. Yager

    Dead-Island-2-Projektgesellschaft ist insolvent

  3. Nokia

    Ozo nimmt 360-Grad-Videos in Echtzeit auf

  4. Nintendo

    Wii U schafft die 10-Millionen-Marke

  5. Allison Road

    Das geistige Erbe von Silent Hill entwickelt ein Deutscher

  6. Windows 10

    Verteilung des Gratis-Upgrades erzwingen

  7. Actionspiel

    EA kündigt Titanfall Online an

  8. Windows 10 im Test

    Unfertiger, aber guter Windows-8.1-Bugfix

  9. 2 Petawatt

    Japaner nehmen Superlaser in Betrieb

  10. Kritischer Softwarefehler

    RyuJIT verändert willkürlich Parameter



Haben wir etwas übersehen?

E-Mail an news@golem.de



Deep-Web-Studie: Wo sich die Cyberkriminellen tummeln
Deep-Web-Studie
Wo sich die Cyberkriminellen tummeln
  1. Identitätsdiebstahl Gesetz zu Datenhehlerei könnte Leaking-Plattformen gefährden

Kepler-452b: Die "zweite Erde", die schon wieder keine ist
Kepler-452b
Die "zweite Erde", die schon wieder keine ist
  1. Weltraumteleskop Kepler entdeckt Supererde in der habitablen Zone

Pixars Inside Out im Dolby Cinema: Was blenden soll, blendet auch
Pixars Inside Out im Dolby Cinema
Was blenden soll, blendet auch
  1. Ultra HD Blu-ray Es geht bald los mit 4K-Filmen auf Blu-ray

  1. Re: Grundregel Nr. 1

    gdh | 17:51

  2. Re: NX ist aber auch noch in der Schwebe.

    mnementh | 17:49

  3. Re: Das interessantere an der News ist...

    HansiHinterseher | 17:49

  4. Office 2010 / 2007 nicht mehr kompatibel?

    natenjo | 17:49

  5. Re: Leute, ich verstehe es nicht.

    der_wahre_hannes | 17:48


  1. 17:18

  2. 16:58

  3. 16:04

  4. 15:47

  5. 15:15

  6. 13:05

  7. 12:47

  8. 12:13


  1. Themen
  2. A
  3. B
  4. C
  5. D
  6. E
  7. F
  8. G
  9. H
  10. I
  11. J
  12. K
  13. L
  14. M
  15. N
  16. O
  17. P
  18. Q
  19. R
  20. S
  21. T
  22. U
  23. V
  24. W
  25. X
  26. Y
  27. Z
  28. #
 
    •  / 
    Zum Artikel