hints & tips, links, news // 2012.06.21 08:47:30 [hh]

Web-Seiten in Echtzeit und im Browser erstellen

Ein interessanter Trend scheinen In-Browser-Tools zur Editierung von HTML, CSS und JavaScript direkt im Browser zu sein. Screen2.0 stellt zwei interessante und topaktuelle Projekte vor, welche die Web-Entwicklung in Echtzeit ermöglichen sollen: Adobes "Brackets" (bis jetzt von Adobe noch nicht offiziell vorgestellt) und Mozillas "Thimble".

"Brackets" ist ein Open-Source-Projekt auf "GitHub", das Adobe-Principal-Scientist Narciso Jaramillo ins Leben gerufen hat. Es soll mittelfristig vermutlich auch in Adobes Creative-Cloud-Produkten integriert werden. Die durch "JavaScript"-Plug-ins erweiterbare Anwendung hat bvereits ein sehr ansprechendes Interface, ist derzeit aber immer noch in einem frühen Entwicklungsstadium. So können hier etwa CSS-Definitionen inline zur Bearbeitung eingeblendet werden. Die Unterschiede zu herkömmlichen Editoren schildert Adobe wie folgt:

• Tools shouldn't get in your way. Instead of cluttering up your coding environment with lots of panels and icons, the Quick Edit UI in Brackets puts context-specific code and tools inline.
• Brackets is in sync with your browser. With Live Development, Brackets works directly with your browser to push code edits instantly, set breakpoints, and jump back and forth between your real source code and the browser view.
• Do it yourself. Because Brackets is open source, and built with HTML, CSS and JavaScript, you can help build the best code editor for the web.

"Mozilla Thimble" (thimble.webmaker.org/ en- US/) verfolgt im Rahmen des "Mozilla Webmaker"-Projektes einen ähnlichen Ansatz: "Thimble makes it ridiculously simple to create your own web pages. Write and edit HTML and CSS right in your browser. Instantly preview your work. Then host and share your finished pages with a single click. Easy, huh?" Eine Motivation dabei ist das Lernen von Web-Techniken anhand realer Beispiele, mit welchen spielerisch experimentiert werden kann.

 

Werbung