Abo
  • Services:
Anzeige
.psd-Dateien in HTML und CSS umwandeln
.psd-Dateien in HTML und CSS umwandeln (Bild: Markupwand)

Markupwand: Photoshop-Dateien in HTML und CSS umwandeln

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

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.

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.

Anzeige

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.


eye home zur Startseite
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...



Anzeige

Stellenmarkt
  1. Kommunale Informationsverarbeitung Baden-Franken, Heilbronn, Freiburg, Karlsruhe
  2. Robert Bosch GmbH, Leonberg
  3. operational services GmbH & Co. KG, Wolfsburg, Braunschweig, Zwickau
  4. HALLESCHE Krankenversicherung a. G., Stuttgart


Anzeige
Blu-ray-Angebote
  1. (u. a. 3 Blu-rays für 18 EUR, TV-Serien reduziert, Box-Sets reduziert)
  2. (u. a. Hobbit Trilogie Blu-ray 43,89€ und Batman Dark Knight Trilogy Blu-ray 17,99€)
  3. (u. a. Reign, Person of Interest, Gossip Girl, The Clone Wars)

Folgen Sie uns
       


  1. Gespräche mit Musik-Labels

    Tesla will eigenen Musikstreamingdienst starten

  2. MacOS High Sierra

    Apple blockiert Kernel-Extensions von Drittanbietern

  3. Youtube VR180

    Neues Kombi-Filmformat für 360-Grad- und Standardvideos

  4. Elektromobilität

    Porsche will jedes zweite Fahrzeug als E-Auto verkaufen

  5. Messenger-Dienste

    Bundestag erlaubt großflächigen Einsatz von Staatstrojanern

  6. Zahlungsabwickler

    Start-Up Stripe kommt nach Deutschland

  7. Kaspersky

    Microsoft reagiert auf Antivirus-Kartellbeschwerde

  8. EA Sports

    NHL 18 soll Hockey der jungen Spielergeneration bieten

  9. Eviation

    Alice fliegt elektrisch

  10. Staatstrojaner

    Dein trojanischer Freund und Helfer



Haben wir etwas übersehen?

E-Mail an news@golem.de


Anzeige
Risk: Kein normaler Mensch
Risk
Kein normaler Mensch

WD Black SSD im Test: Mehr Blau als Schwarz
WD Black SSD im Test
Mehr Blau als Schwarz
  1. NAND-Flash Toshiba legt sich beim Verkauf des Flashspeicher-Fab fest
  2. SSD WD Blue 3D ist sparsamer und kommt mit 2 TByte
  3. Western Digital Mini-SSD in externem Gehäuse schafft 512 MByte pro Sekunde

Amateur-Hörspiele: Drei Fragezeichen, TKKG - und jetzt komm' ich!
Amateur-Hörspiele
Drei Fragezeichen, TKKG - und jetzt komm' ich!
  1. Internet Lädt noch
  2. NetzDG EU-Kommission will Hate-Speech-Gesetz nicht stoppen
  3. Equal Rating Innovation Challenge Mozilla will indische Dörfer ins Netz holen

  1. Re: Ist doch ganz einfach ...

    Stippe | 08:51

  2. Re: Kreative...

    Jens Schellhase | 08:49

  3. Re: Im September ist Wahl

    Flome1404 | 08:49

  4. Re: Oh, das wäre wünschenswert

    dschu | 08:47

  5. Re: Was fehlt sind echte Pokemonkämpfe

    mnementh | 08:46


  1. 08:53

  2. 07:41

  3. 07:29

  4. 07:16

  5. 19:16

  6. 18:35

  7. 18:01

  8. 15:51


  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