Posts in Category "Adobe MAX"

Now Available: New eBook on Fireworks’ CSS and jQuery Mobile features

Using the CSS3 Mobile Pack for Adobe Fireworks CS5

Using the CSS3 Mobile Pack for Adobe Fireworks CS5

If you’ve found yourself wondering how Adobe Fireworks can fit into your web and mobile design workflows, or how you can introduce students to a visual method of designing for mobile, I may have just the thing for you.

Today, my new eBook, Using the CSS3 Mobile Pack for Adobe Fireworks CS5, went live at http://www.peachpit.com/.

While there are already a couple good how-to tutorials available at the Fireworks Developer Center, I wanted to take a deeper, more practical approach to this new extension. I wanted to go beyond the how and hopefully address the why. I walk you through the basics, but then I move you to a realistic application of the extension. You will learn about both parts of the CSS3 Mobile Pack:

  • CSS Properties Panel
  • jQuery Mobile Theme Builder

CSS Properties Panel

In the chapter on the CSS Properties panel, for example, you’ll be doing more than simply exporting a rounded corner rectangle as CSS3 mark up; you will be taking a completed web page design and – using Fireworks and a Dreamweaver HTML5 starter page layout – building a standards-based web page, complete with navigation, semi-transparent content areas and stylized text.

Final web page design that matches the original Fireworks mock up

Final web page design that matches the original Fireworks mock up

The only bitmap in the page is the background image. And it was all done with a minimum of coding. Maybe it’s just me, but I think that’s pretty cool.

jQuery Mobile design, mocked up in Fireworks, then exported to Dreamweaver and previewed in Device Central.

jQuery Mobile design, mocked up in Fireworks, then exported to Dreamweaver and previewed in Device Central.

jQuery Mobile Theme builder

In the chapter on the jQuery Mobile Skinning, you will study and work with the jQuery Mobile template file, also part of the CSS3 Mobile Pack, and learn how to customize an existing skin and export that new mark up over to Dreamweaver to quickly create a simple, customized mobile web site.

Time-saver in production and in the classroom

Whether you are comfortable with code or not, the new tools in this extension can be a creative and time-saving boon.

A designer  can export out standards based mark up, which can be further edited and tweaked by a developer in their preferred web page editing environment. Or if the designer wears both hat, he or she can move quickly from a visual design to realizing that design in HTML and CSS. I think this is a great example of Fireworks bridging the gap between designers and developers.

And for students learning the craft of web and mobile design, it gives them the opportunity to create their design first, and then see how that design becomes converted to code. Or, depending on the design itself, learn about the limitations to be aware of when building a standards-based design that targets multiple devices.

Either way, it’s a win-win.

Final thoughts

The fact that the extension is also FREE is another bonus. I think it’s pretty cool that Adobe released this extension now, rather than making anyone wait for the next version of Fireworks.

If you’re interested in the ebook, it’s available for less than $6.50 USD at http://www.peachpit.com/. Feel free to follow me on twitter @JimBabbage. If you’ve got questions, that’s a great place to find me.

 

Adobe MAX 2011: an education perspective

MAX 2011 and pre-MAX sessions such as the full-day Education Summit gave educators many opportunities to learn from the industry, from Adobe and from each other.

The room fills up quickly as doors open for the first keynote

The room fills up quickly as doors open for the first keynote

Having been a teacher in Higher Ed for 20+ years, it’s natural for me to look at events like MAX with an educator’s eye. This is a perspective I hope I never lose, to be honest.

While MAX is a great networking occasion for professional designers and developers, it also gives teachers a chance to some important networking as well. They have the opportunity not only to learn new tips and techniques, but to talk to the people working in the industry, learning what skills are used, and what ones may be lacking. I think this is invaluable information; gaining this knowledge can help immensely when planning new courses, or updating existing ones to be more relevant.

The keynotes and sessions revolved around a major theme of Change, in my opinion. In the keynotes, Adobe continued to remind the industry that they are aware of – and actively involved in  - changes in the marketplace and user trends. Continue reading…

New Education Catergory at Adobe MAX Awards!

max_logo.jpgI’m sure you’ve all heard about the awesome Adobe Max Conference taking place October 4 – 7 in Los Angeles, California (What!? You haven’t registered for MAX yet? Click Here to do so right now!). But did you know that within the MAX Awards there is a brand spanking new Education category? This is the first time in fact that educators who are fans and users of Adobe’s tools have their very own category at MAX!
Below is some information from our awesome Adobe Education team about the new Max Awards EDU Category.
Across education institutions worldwide, technology is transforming the way we teach, learn and experience campus life. In this new EDU category, we will look for ways in which Adobe solutions are improving learning, facilitating access to information and services, and enabling better collaboration across the institution. Winning applications do more than just communicate information to students; they engage students to become active participants in their learning or greatly simplify institutional productivity and administration.
Category- Specific Judging Criterion: Innovative applications of technology to improve teaching and learning, communication and collaboration or to enable education institutions to reduce operating costs and improve faculty and student services.
As Film producer/director/actor Woody Allen is often quoted, “80% of life is simply showing up”. Click the link below and show up by submitting your EDU work with technology to the Awards!
2009 MAX Awards Submission & Rules Web Page:
https://www.adobemaxsubmission.com/submission/