I am giving a webinar on April 9 covering the fundamentals of Adobe MUSE for educators and needed to prepare some slides and demonstration materials. In reviewing my weblog entries, I realized that I have not included a post on this tool. I thought it might be helpful to provide some discussion as I built a website using MUSE for this webinar. All together, it took me roughly a day (8 hours) to develop the website. Full disclosure, the majority of time was spent locating suitable images (yes, I take snapshots, not photographs). The next largest chunk of time was spent deciding what to write in the way of text (and subsequent edits). The least amount of tie was spent actually developing the site. This is why I think MUSE is a tool that can be used by many with limited knowledge of HTML or CSS. The resulting sites validate as HTML5 and one can take advantage of a number of jQuery effects with the use of widgets available in MUSE. Let’s review the process.
Archive for the 'Adobe' Category
Adobe released their Photoshop Touch app for both iPhone and Android phones on Feb. 27, 2013. Since I already have the tablet version (and created a cheatsheet for its use), I wanted to briefly review this new version for phones. Given that most of us have a smartphone readily available, it makes sense that a version of this image editing software be available. I have tested this on both my iPhone 4S as well as a Samsung Galaxy Note III. While the interface is similar to that found in the tablet version, there are minor differences (due to the limited screen real estate available on most smartphones). Read more »
Last week, I examined the recently released Adobe Edge Reflow tool itself. I thought it might be worthwhile to examine the generated code. For reference purposes, the file I created last week is the one I plan to examine in this current weblog post. As mentioned last week, these generated files are intended to only work in the Chrome browser. If you examine the file using any other browser, you will receive a message that the file needs to be viewed in Chrome. So, let’s take a look (keeping in mind that this is a very early version) … Read more »
Responsive design (where content is modified to display on a given device) is easy to discuss and sometimes difficult to implement. Not only should your text be positioned properly for various devices, but images and fonts should respond accordingly. The days of having a website which can be only viewed on a desktop are long over. Pinching and zooming on smaller screens is an impediment. We have media queries to help, but it can be difficult to deal with the myriad complexities associated with responsive design techniques. Enter Adobe Edge Reflow. Admittedly, this is a preliminary version (released in mid-February, 2013), and it only generates test code which works in the Chrome browser. That being said, it is worth further investigation. You can gain access to the product with a free Creative Cloud membership. A good starting point is the introductory article by Chris Griffith. Using that article as a starting point, I investigated this product myself. Read more »
I had the honor of being invited to speak at the Adobe Education Exchange Live event in Toronto, ON (November 8 and 9, 2012). In addition to the event, I was also able to participate in the Adobe Design Achievement Awards ceremony in the evening (Nov. 9). I thought that it might be of interest to others to have a recap of some of the things I learned as part of this conference. Here are some notes and some insights I gleaned by participating. Read more »
The world of CSS is changing rapidly and CSS-filters are definitely a great indication of what is coming to a browser near you soon. In order to actually work with these, you will need Chrome Canary (the experimental version of Chrome). Note that you can run this version alongside your standard Chrome browser. Once you have installed Chrome Canary, you will need to activate the experimental feature which allows CSS-Shaders/ filters to work. To accomplish this, enter the phrase about://flags into the address/ URL files in Canary. Scroll down and enable (see screen capture below). You will need to relaunch the browser for thse changes to take effect.