This document discusses ways to accelerate web development using JavaScript with Adobe applications like Photoshop, Fireworks, Dreamweaver, and Illustrator. It introduces several scripts and extensions that add JavaScript functionality to these applications. These include scripts for Dreamweaver that generate list tags from plain text and convert single line text, and scripts for Photoshop and Fireworks that generate files from layers and replace web slice names. The document encourages starting to use these scripts today to speed up the web development process.

1. http://www.flickr.com/photos/jaeming/4501703226/
JavaScript with
Adobe applications
Acceleration web development!
2010/4/10 Webridge Meeting #001 tshinobu

2. Hello, everyone.
“tshinobu” on the web
I wrote about OOCSS
in Web Designing →

3. http://www.flickr.com/photos/jaeming/4501703226/
JavaScript with
Adobe applications
Acceleration web development!
2010/4/10 Webridge Meeting #001 tshinobu

4. How many people
do the users of...
Photoshop Fireworks Dreamweaver Illustrator Flash

5. How many people
do the users of...
Photoshop Fireworks Dreamweaver Illustrator Flash
How can not accelerate?

6. ZEN CODING
(Dreamweaver)
http://code.google.com/p/zen-coding/

8. SLICE TIP PANEL
(Photoshop)
http://dearps.lovwar.com/2008/12/panel/

10. CSS Sprite Extension
(Fireworks)
http://web.r-studio.jp/fieworks/articles/
introduce_csssprite_extension.html

12. http://www.flickr.com/photos/jeremybrooks/3330306480/
Adobe
applications
are moving
JavaScript!
extensions,
commands,
pannels,
scripts,
...

13. Introduce about
these applications
Photoshop Fireworks Dreamweaver
Acceleration web development!

14. http://www.flickr.com/photos/pixel_addict/2301302732/
Fireworks
Introduces the 6 scripts.

15. 1.
Generate
single line text
http://tshinobu.com/blog/archives/407

17. 2.
Numbering
web slice name
http://www.pixelimage.jp/blog/2008/02/_fireworks.html

19. 3.
Replace
web slice name
http://tshinobu.com/blog/archives/279

21. 4.
Edit web slice easily
http://d.hatena.ne.jp/zakira/20090612
http://tshinobu.com/blog/archives/398

24. 5.
Generate image tag
coming soon

25. 6.
Guiding grid
http://www.kei3.jp/diary.php?id=7167

27. http://www.flickr.com/photos/ignacio_conejo/2486557146/
Dreamweaver
Introduces the 2 scripts.

28. 1.
Create list tags
by plain text
http://119.245.215.115/blog/2009-01-28/302

30. 2.
Convert
single line text
coming soon

31. http://www.flickr.com/photos/atomicshark/125773243/
Photoshop
Introduces the 2 scripts.

33. 1. aulta_layer2files.jsx
http://blog.aulta.net/2009/08/31/

35. 2. conv_singleline.jsx
coming soon

36. http://www.flickr.com/photos/oddsock/115323297/
Working time about
1/ 10

37. http://www.flickr.com/photos/jon_marshall/260978898/
Starting today!
Acceleration web development!

38. http://www.flickr.com/photos/jaeming/4501703226/
and,

42. User JavaScript(Opera / Firefox / Chrome),
Text Editor Macro(EmEditor),
Web Application,
Bookmarklet

48. http://www.flickr.com/photos/sinkdd/2851005626/

49. http://www.flickr.com/photos/sinkdd/2851005626/

50. http://www.flickr.com/photos/sinkdd/2851005626/

51. Reference
Other scripts & How to make script

52. Thank you!
Letʼs Keep talking.
http://tshinobu.com/
luminexy@gmail.com