With Photopea you can open, edit and save many different formats like .PSD, .AI, .XD and .sketch. Right in your browser, for free. So it might be perfect if Adobe’s subscription model is too expensive for you. With browsers like Chrome or Edge you can even install Photopea as a PWA on your desktop, so it will act like a native app. Then you even have direct access to files on your machine.

Because it’s free, you’ll see some ads on the side. If you want to remove it, you can spend a little money.

Diese Methode erspart euch einige Copy-Paste-Vorgänge von Farb-Codes.
Mit dem Pipetten-Werkzeug von Photoshop könnt ihr auch ganz einfach Farben von anderen Fenstern auswählen.

Video direkt auf YouTube ansehen.

Eine Entwicklungsumgebung beschäftigt sich mit der Erstellung von HTML, CSS usw. Also zur Entwicklung einfacher Webseiten.

Anders als Dreamweaver, ist Edge Code nicht so mit Funktionen überladen, sondern liefert nur das nötigste.

Edge Code befindet sich zwar noch in der Entwicklungs-Phase, bietet aber bereits einige nützliche Features.

Mit Live Preview zum Beispiel, braucht man lediglich Strg + Alt + P drücken, und die Seite, an der man gerade arbeitet, wird direkt im Browser angezeigt.

Mit Strg + E lässt sich ein markiertes HTML-Element direkt stylen, ohne dass man extra zur CSS-Datei wechseln muss.

Momentan gibt es Edge Code nur als Preview und gratis zum Downloaden. Hoffentlich bleibt auch die finale Version kostenlos. Das Programm hat eine aufgeräumte Oberfläche und macht die Web-Entwicklung einfach smarter.

Edge Code und weitere interessante Teile der Adobe Edge-Familie findest du hier: http://html.adobe.com/edge/