JavaScript with Adobe applications - Acceleration web development!

Apr 14, 20102 likes3,019 views

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.

http://www.flickr.com/photos/jaeming/4501703226/

JavaScript with
Adobe applications
Acceleration web development!
2010/4/10 Webridge Meeting #001 tshinobu

Hello, everyone.
“tshinobu” on the web

I wrote about OOCSS
in Web Designing →

How many people
do the users of...

Photoshop Fireworks Dreamweaver Illustrator Flash

How many people
do the users of...

Photoshop Fireworks Dreamweaver Illustrator Flash

How can not accelerate?

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

JavaScript with Adobe applications - Acceleration web development!

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

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

http://www.flickr.com/photos/jeremybrooks/3330306480/

Adobe
applications
are moving
JavaScript!
extensions,
commands,
pannels,
scripts,
...

Introduce about
these applications

Photoshop Fireworks Dreamweaver

Acceleration web development!

http://www.flickr.com/photos/pixel_addict/2301302732/

Fireworks
Introduces the 6 scripts.

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

2.
Numbering
web slice name
http://www.pixelimage.jp/blog/2008/02/_ﬁreworks.html

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

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

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

http://www.flickr.com/photos/ignacio_conejo/2486557146/

Dreamweaver
Introduces the 2 scripts.

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

http://www.flickr.com/photos/atomicshark/125773243/

Photoshop
Introduces the 2 scripts.

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

http://www.flickr.com/photos/oddsock/115323297/

Working time about

1/ 10

http://www.flickr.com/photos/jon_marshall/260978898/

Starting today!
Acceleration web development!

http://www.flickr.com/photos/jaeming/4501703226/

and,

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

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

Reference
Other scripts & How to make script

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

On 23.03.2013 I visited The Netherlands to give the keynote speak about Joomla! web security. I talked about the most common 8 ways a Joomla! website can get hacked. So you should check the presentation if you are a Joomla! hacker that knows less than 8 ways :) It will be useful for you. However, if you are a Joomla user that doesn’t know anything about how to hack a Joomla!, or even worse, how to protect your Joomla! from being hacked, you should definitely check the slides! Because there is a way to protect yourself from each of the common Joomla hacks that I revealed them in the presentation. I went through the following scenarios and what should be done to prevent each of them: - Hacked through outdated Joomla!/extensions/themes. - Hacked through a vulnerable extensions/themes, that is not outdated - Hacked with the help of stolen/weak login details - Hacked through outdated/vulnerable server software - Apache, PHP, MySQL. - Hacked through incorrectly configured web server - A completely healthy site hacked through another vulnerable Joomla that is hosted on the same server - Hacked because of incorrect Joomla permissions - Hacked through malware on local PC which allows attackers to access a healthy site

Joomla 10-jaar-vooruitgang-jdnl15Peter Martin

Peter Martin gave a presentation on the history and future of Joomla over the past 10 years. Some key points included: - Joomla has evolved from Mambo to become more user friendly, secure, multilingual, and optimized for different devices. - Major releases included improvements to installation, templates, language support, and database compatibility. - The future of Joomla includes further "decoupling" of extensions, a command line interface, web services API, and support for new technologies like the Internet of Things.

Bootstrap 3 in Joomla!Hans Kuijpers

Introduction to WordPress Class 2Adrian Mikeliunas

Wordpress To Go Democamp Mtl2009Brendan Sera-Shriar

Pimp my Blog - Wordpress für FortgeschritteneRobert Seyfriedsberger

The document outlines the agenda for a WordPress workshop on May 4th, 2010 presented by Robert Harm. The agenda includes an introduction to the presenter's WordPress experience, overview of various plugins for different purposes like administration, security, social media/sharing, and mobile devices. Recommendations and links to plugins, tools, and checklists are also provided. The document concludes with an outlook on new features in WordPress 3.0.

Bootstrap 4 n00bzLaurence Bradford

Bootstrap is a front-end framework for building responsive, mobile-first sites. It includes a grid system, pre-built components like buttons and navigation, and styles that work across modern browsers. Using Bootstrap can speed up development and make sites more consistent. Key aspects include downloading Bootstrap, adding it to projects, learning the grid system, and customizing styles. Resources for learning more about Bootstrap include free tutorials and paid courses on sites like Teamtreehouse and Lynda.

Introduction to WordPress Class 4Adrian Mikeliunas

Introduction To UmbracoKen Cenerelli

Introduction to WordPress Class 3Adrian Mikeliunas

This document provides an overview and agenda for Week 3 of a WordPress course. It discusses themes, widgets, and plugins - how to find, install, and use them to customize WordPress sites. Themes control a site's front-end styling and layout. Widgets add extra content to sidebars. Plugins expand functionality. The document provides examples and guidance on selecting, installing, and managing these extensions to build out WordPress sites.

5 Skills Needed to be a Successful WebVR DeveloperYoni Binstock

Bootstrap tutorialvijaypatel_b

Bootstrap is a popular front-end framework for building responsive mobile-first websites and web applications. It includes HTML and CSS templates for common user interface components as well as optional JavaScript plugins. The Bootstrap framework utilizes a 12-column responsive grid system for building layouts of all sizes. This tutorial covers how to set up the Bootstrap environment and use various Bootstrap components, plugins, and the grid system to easily create responsive websites.

Introduction to WordPress Class 6Adrian Mikeliunas

This document covers advanced WordPress topics discussed in a training session. It addresses WordPress design considerations, growing an online community, backups, legal and security issues. The agenda includes steps for WordPress setup, configuration, connecting it to other services and optimizing performance. It provides resources for checklists, community involvement, internationalization, backups, legal privacy policies and security best practices. Additional topics are premium themes, advanced designs, site layout, removing footer notices through CSS or code editing, and weekly administration tasks.

Introduction to WordPress Class 5Adrian Mikeliunas

WordPress and his «almost» native page builderMaurizio Pelizzone

Webmaker Workshop: Appmaker in 60minsBob Chao

第2回 CMS ビズ勉強会Naoko Takano

This document summarizes WordPress, an open-source content management system (CMS) for publishing blogs and websites. It discusses WordPress.org, the open-source project, and WordPress.com, the hosted service operated by Automattic. Key details include WordPress' use of PHP and MySQL, its large user base and popularity as ranked by Alexa, and some popular plugins and themes that extend its capabilities.

Website developmentBrizGo

The document discusses various aspects of website development including the process, use of templates, graphics, design principles, and common mistakes. It provides steps for website development such as naming the site, choosing colors and layout, adding content and links, and uploading the site. Templates are described as providing basic layout and consistency while allowing customization. Design principles include clear navigation, indicating location, and avoiding audio. Common mistakes involve eye-straining colors, fonts, overuse of flash/multimedia, and designs that fail to engage customers.

Introduction to WordPress Class 1Adrian Mikeliunas

This document provides an overview of WordPress, including that it is a free and open-source content management system based on PHP and MySQL that allows users to create blogs and websites. It discusses WordPress' history and features, how it works architecturally, different types of blogs, and options for automatic or manual installation on a local server or hosting provider. The document also reviews blogging basics and conducting oneself as a blogger.

Refresh WordPress Beginner WorkshopDavid Bisset

Word press!you're doing it wrongPanagiotis Grigoropoulos

The Server Side of Responsive Web DesignDave Olsen

Responsive web design has become an important tool for front-end developers as they develop mobile-optimized solutions for clients. Browser-detection has been an important tool for server-side developers for the same task for much longer. Unfortunately, both techniques have certain limitations. Depending on project requirements, team make-up and deployment environment combining these two techniques might lead to intriguing solutions for your organization. We'll discuss when it makes sense to take this extra step and we'll explore techniques for combining server-side technology, like server-side feature-detection, with your responsive web designs to deliver the most flexible solutions possible.

SinatraTim Lucas

HTML & CSS - Le Wagon BootcampPaal Ringstad

This document provides resources and instructions for learning HTML, CSS, Bootstrap, and Fontawesome. It recommends starting with deciding on a business idea and sketching it out. It then covers connecting Bootstrap and Fontawesome, exploring CSS classes and IDs, and making designs responsive using flexbox. Bootstrap instructions are given for setting up a responsive grid layout with columns. Fontawesome code examples show how to add social media icons. The document aims to bring technical skills to creative people by teaching HTML, CSS, and related tools.

HTML & CSS - Le Wagon BootcampPaal Ringstad

This document provides instructions for creating a landing page, including choosing a business idea, sketching a design, developing the HTML and CSS, adding responsiveness using Flexbox and Bootstrap, and including social media icons using Fontawesome. It outlines setting up Bootstrap for responsiveness, using its grid system to layout content, and linking Fontawesome for icons. The steps include sketching a design, building the HTML, styling with CSS, making it responsive, and including social media icons.

Pole web ppMustapha Ben Chaaben

The Death of Lorem Ipsum & Pixel Perfect ContentDave Olsen

A designer has been asked to mock up a student profile page in Photoshop. It’s beautiful. The student’s name fits perfectly under the profile image. Their bio is split into two columns that perfectly line up. Unfortunately, all of this perfectly laid-out content is an unrealistic best-case scenario. Our content never fits this perfectly. Names are longer than the eleven characters used in the mock-up. Bios naturally vary in length from person to person. The reality is that we will have large variation in our content. Rather than addressing these variations after we’ve received approvals and started building a website, we should stress-test our designs with real content from the start of our process. To deliver the best possible product, we need to design for the best-case, worst-case, and every-case-in-between when it comes to possible content. * Learn how systems and patterns can help us build reusable and shareable components for our websites * Discover the benefits of taking the design process out of Photoshop and moving it to the browser. * Learn how content specialists can engage with the design process from the beginning and be advocates for realistic content. * Explore how real and varied content, not lorem ipsum, can be used to test a design and how it might work. * Discover how developers can also be involved in this process to ease integration of a design with a CMS or a custom solution.

Spring MVCJéferson Machado

Developing for MobileRemy Sharp

The document discusses developing for mobile web. It covers several topics including physical properties of mobile devices, their network usage and power constraints. It also discusses different versions of Gmail optimized for different devices. The document recommends inlining content, deferring non-essential work, and being creative with JavaScript libraries and debugging to improve performance for mobile. It highlights the ability of web technologies to build cross-device applications quickly without native restrictions. The conclusion is that native languages may be better if writing many device plugins, but web technologies can be effective otherwise.

How to start SPEAK3 developmentMihály Árvai

The document provides an overview of how to start developing applications using SPEAK3 in Sitecore. It introduces SPEAK3 and discusses the basics of Angular and building a sample application. Options for creating custom applications in Sitecore like ASPX, Sitecore PowerShell Extensions, and SPEAK are presented. The document also covers topics like integration with Angular, post build steps, the SPEAK3 CLI tool, libraries and components available in SPEAK3, and tools/commands. Sample code snippets for components, routing, services and displaying results are also included.

More Related Content

What's hot (20)

Introduction To UmbracoKen Cenerelli

Introduction to WordPress Class 3Adrian Mikeliunas

5 Skills Needed to be a Successful WebVR DeveloperYoni Binstock

Bootstrap tutorialvijaypatel_b

Introduction to WordPress Class 6Adrian Mikeliunas

Introduction to WordPress Class 5Adrian Mikeliunas

WordPress and his «almost» native page builderMaurizio Pelizzone

Webmaker Workshop: Appmaker in 60minsBob Chao

第2回 CMS ビズ勉強会Naoko Takano

Website developmentBrizGo

Introduction to WordPress Class 1Adrian Mikeliunas

Refresh WordPress Beginner WorkshopDavid Bisset

Word press!you're doing it wrongPanagiotis Grigoropoulos

The Server Side of Responsive Web DesignDave Olsen

SinatraTim Lucas

HTML & CSS - Le Wagon BootcampPaal Ringstad

Pole web ppMustapha Ben Chaaben

The Death of Lorem Ipsum & Pixel Perfect ContentDave Olsen

Spring MVCJéferson Machado

Introduction To UmbracoKen Cenerelli

Introduction to WordPress Class 3Adrian Mikeliunas

5 Skills Needed to be a Successful WebVR DeveloperYoni Binstock

Bootstrap tutorialvijaypatel_b

Introduction to WordPress Class 6Adrian Mikeliunas

Introduction to WordPress Class 5Adrian Mikeliunas

WordPress and his «almost» native page builderMaurizio Pelizzone

Webmaker Workshop: Appmaker in 60minsBob Chao

第2回 CMS ビズ勉強会Naoko Takano

Website developmentBrizGo

Introduction to WordPress Class 1Adrian Mikeliunas

Refresh WordPress Beginner WorkshopDavid Bisset

Word press!you're doing it wrongPanagiotis Grigoropoulos

The Server Side of Responsive Web DesignDave Olsen

SinatraTim Lucas

HTML & CSS - Le Wagon BootcampPaal Ringstad

Pole web ppMustapha Ben Chaaben

The Death of Lorem Ipsum & Pixel Perfect ContentDave Olsen

Spring MVCJéferson Machado

Similar to JavaScript with Adobe applications - Acceleration web development! (20)

Developing for MobileRemy Sharp

How to start SPEAK3 developmentMihály Árvai

Sitecore SPEAK3 presentationMihály Árvai

The document provides an overview of how to start developing applications using SPEAK3 in Sitecore. It discusses SPEAK3 basics and architecture, integrating Angular and Sitecore, available UI components, and provides a sample project structure and steps to build a simple XPath builder application as an example. The document is intended as guidance for Sitecore developers looking to get started with SPEAK3 development.

Mobile Web Speed BumpsNicholas Zakas

3d webKevin Vandecar

This document discusses bringing 3D to the web using technologies like WebGL, THREE.js, and Autodesk Forge. It provides examples of using 3D on the web for creative, commercial, and industrial purposes. Autodesk Forge and its Model Derivative API and Viewer are presented as easier options for adding 3D to the web compared to lower-level APIs like WebGL. Considerations for mobile and VR/AR are also mentioned.

Style Guides Are The New Photoshop (Fronteers 2012)Stephen Hay

A slightly modified version of the talk I first presented at Smashing Conference, now presented at Fronteers 2012. (http://fronteers.nl/congres/2012) Use of image editors for creating web design mockups has worked until now, but responsive design is forcing us to find alternatives, as we can't simply create more mockups as we design for more screens. Have no fear, there is at least one method of replacing Photoshop for web design. Let's take a look at one of the most important aspects of this method: the creation of clear, semi-automated, self-updating style guides.

JS Module ServerSzabolcs Szabolcsi-Tóth

Style Guides Are The New Photoshop (Smashing Conference 2012)Stephen Hay

The document discusses replacing Photoshop comps with web-based comps and style guides for responsive design mockups. It outlines problems with using Photoshop, such as design changes being time-consuming and the inability to represent responsive designs. The document then presents the benefits of using web-based comps and style guides, such as allowing for realistic rendering and representation of responsive designs. It also describes a workflow for creating web-based style guides using tools like Markdown, Jinja templates, PhantomJS, CasperJS, and Dexy.

HTML5 for Web DesignersGoodbytes

page 2015「クリエイティブゾーンセミナー」『Illustratorでの配置画像事情 2015』swwwitch inc.

Change by HTML5dynamis

The document summarizes key features of HTML5 including updated markup, forms, multimedia elements, APIs, and specifications. It discusses the evolution of HTML in an incremental way to ease authoring of web applications. Specific HTML5 features covered include forms, Canvas, WebSockets, and APIs for drag-and-drop, geolocation, offline events, and more. Browser support for HTML5 is also addressed.

Inkscape for web and UI mockupsDonna Benjamin

Inkscape is fabulous free and open source software for creating vector graphics. But it's also a powerful too for creating web and user interface mockups. By creating a library of common design elements, and borrowing from elsewhere it's easy to bring ideas to life to share with colleagues and test with users. This session will introduce a series of SVG UI Widgets created to mockup Drupal sites, and demonstrate a basic workflow for pulling it all together. 2012.osdc.com.au/talks/inkscape-web-and-ui-mockups

Firefox 4 & webdynamis

Firefox 4 and Webdynamis

It's Business Time: Givin' User Experience Love with CSS3Denise Jacobs

Progressive Enhancement 2.0 (Conference Agnostic)Nicholas Zakas

In the beginning, progressive enhancement was simple: HTML layered with CSS layered with JavaScript. That worked fine when there were two browsers, but in today's world of multiple devices and multiple browsers, it's time for a progressive enhancement reboot. At the core is the understanding that the web is not print - the same rules don't apply. As developers and consumers we've been fooled into thinking about print paradigms for too long. In this talk, you'll learn just how different the web is and how the evolution of progressive enhancement can lead to better user experiences as well as happier developers and users. This deck is a conference-agnostic one, suitable to be shown anywhere without site-specific jokes!

Lightning web componentsAmit Singh

Moving from Web 1.0 to Web 2.0Estelle Weyl

The document discusses the evolution from Web 1.0 to Web 2.0, including defining characteristics of Web 2.0 sites like user participation, reusable data, and improving functionality as more users engage with the site. It also provides an overview of important Web 2.0 technologies like AJAX, microformats, mashups and recommendations for skills needed by web developers, such as JavaScript libraries, debugging tools, and techniques to improve page load speeds.

Mobile Web TalkPeter Robinett

This document discusses the growing importance of mobile web development and some of the key technologies enabling it. It highlights HTML5 features like local storage and the canvas element that allow richer applications to be created. It also introduces several JavaScript libraries that can be used for mobile development, including PhoneGap, which allows creating apps for multiple platforms. Examples are given of simple to complex graphics that can now be created with these technologies.

Html5Ben MacNeill

Developing for MobileRemy Sharp

How to start SPEAK3 developmentMihály Árvai

Sitecore SPEAK3 presentationMihály Árvai

Mobile Web Speed BumpsNicholas Zakas

3d webKevin Vandecar

Style Guides Are The New Photoshop (Fronteers 2012)Stephen Hay

JS Module ServerSzabolcs Szabolcsi-Tóth

Style Guides Are The New Photoshop (Smashing Conference 2012)Stephen Hay

HTML5 for Web DesignersGoodbytes

page 2015「クリエイティブゾーンセミナー」『Illustratorでの配置画像事情 2015』swwwitch inc.

Change by HTML5dynamis

Inkscape for web and UI mockupsDonna Benjamin

Firefox 4 & webdynamis

Firefox 4 and Webdynamis

It's Business Time: Givin' User Experience Love with CSS3Denise Jacobs

Progressive Enhancement 2.0 (Conference Agnostic)Nicholas Zakas

Lightning web componentsAmit Singh

Moving from Web 1.0 to Web 2.0Estelle Weyl

Mobile Web TalkPeter Robinett

Html5Ben MacNeill

Recently uploaded (20)

Templates Wind Generator.pdf ahí. Ais d Ai d fjeremysegundob

Lori Vanzant's portfolio. Please take a look!vanzan01

19 Best B,u,y Verified Cash App Accountshttps://sellsusa.com/product/buy-verified-cash-app-accounts/

EEE178-PPT-Theme iasodhajsdkjashdlaskdjbaksdkashdlkasdlkja;dj;kdada.pptx.pdfCastroAngeloReoD

DEVIKA and Best you are asked to be done.pptxTEAKADAITROLLS

744747747575885757447858588858588555858966866886Partnership Deed.pptxSajalSaifi

Design_Entrepreneurship_Presentation.pptxmishhouse00

25+ Canva Shortcut Links to Skyrocket Your Business DesignFahrudin Romadhona

STOCK ANALYSYS.pptx manajemen keuangan skfdpontianak2012

AR.AKSHAYA PAMBALATH-PORTFOLIOFINAL_.pdfakshayap23

This portfolio showcases a curated selection of academic, professional, and conceptual architectural projects, highlighting a comprehensive design approach that merges aesthetics, functionality, and contextual sensitivity. Each project demonstrates proficiency in design development, technical detailing, and presentation, along with strong command over industry-standard software tools.From large-scale urban planning proposals to intimate interior spaces, the portfolio reflects a commitment to sustainability, innovation, and user-centered design. The work embodies a balance between conceptual clarity and technical precision, aiming to address real-world challenges through thoughtful architectural solutions.Included are detailed drawings, 3D visualizations, physical models, and process sketches that collectively represent a holistic design process.Throughout the portfolio, you'll find,Conceptual Development: Idea generation, site studies, and early-stage diagrams that lay the foundation for each project. Architectural Drawings: Detailed plans, sections, elevations, and construction details showcasing clarity and precision. 3D Visualizations and Renderings: Realistic and conceptual renderings that communicate spatial atmosphere and design intent. Physical Models and Process Work: Documentation of physical prototypes and iterative design processes that illustrate hands-on exploration. Technical and Software Proficiency: Demonstration of skills in software such as AutoCAD, Rhino, Revit, SketchUp, Adobe Creative Suite, Lumion, and others.

Doodle Table of Contents Infographics by Slidesgo.pptxbinhyennghlu

Myths V_S Facts (1).pptx for the meeting presentaiongetsadanand

Steam-Education-PowerPoint-Templates.pptxandripapa1

DOC-20250121-WA0008._20250121_105938_0000.pptxlaugolac31

National Policy on Education (NPE) 1986.pptxonlyforimportantmail

COTTER and KNUCKleeeeeeeeeeeeeeeeeee.pptxayushjadon04

ACC Presentation Layoutfffffffffffg.pptxkvaishnavi3391

An updated content measurement model - Elle Geraghty Content Strategy.pdfElle Geraghty

Nano derived from a Greek word “nanos”, meaning dwarf or extremely small..pptxAyushiSharma843565

Unsafe act and unsafe conditions. .pptxlikunsahoo8598823153

Templates Wind Generator.pdf ahí. Ais d Ai d fjeremysegundob

Lori Vanzant's portfolio. Please take a look!vanzan01

19 Best B,u,y Verified Cash App Accountshttps://sellsusa.com/product/buy-verified-cash-app-accounts/

EEE178-PPT-Theme iasodhajsdkjashdlaskdjbaksdkashdlkasdlkja;dj;kdada.pptx.pdfCastroAngeloReoD

DEVIKA and Best you are asked to be done.pptxTEAKADAITROLLS

744747747575885757447858588858588555858966866886Partnership Deed.pptxSajalSaifi

Design_Entrepreneurship_Presentation.pptxmishhouse00

25+ Canva Shortcut Links to Skyrocket Your Business DesignFahrudin Romadhona

STOCK ANALYSYS.pptx manajemen keuangan skfdpontianak2012

AR.AKSHAYA PAMBALATH-PORTFOLIOFINAL_.pdfakshayap23

Doodle Table of Contents Infographics by Slidesgo.pptxbinhyennghlu

Myths V_S Facts (1).pptx for the meeting presentaiongetsadanand

Steam-Education-PowerPoint-Templates.pptxandripapa1

DOC-20250121-WA0008._20250121_105938_0000.pptxlaugolac31

National Policy on Education (NPE) 1986.pptxonlyforimportantmail

COTTER and KNUCKleeeeeeeeeeeeeeeeeee.pptxayushjadon04

ACC Presentation Layoutfffffffffffg.pptxkvaishnavi3391

An updated content measurement model - Elle Geraghty Content Strategy.pdfElle Geraghty

Nano derived from a Greek word “nanos”, meaning dwarf or extremely small..pptxAyushiSharma843565

Unsafe act and unsafe conditions. .pptxlikunsahoo8598823153

JavaScript with Adobe applications - Acceleration web development!

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/ﬁeworks/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/_ﬁreworks.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/ [email protected]

JavaScript with Adobe applications - Acceleration web development!

Recommended

More Related Content

What's hot (20)

Similar to JavaScript with Adobe applications - Acceleration web development! (20)

Recently uploaded (20)

JavaScript with Adobe applications - Acceleration web development!