jQuery plugin for radical web typography.

Web type is exploding all over the web but CSS currently doesn't offer complete down-to-the-letter control. So we created a jQuery plugin to give you that control. Here are a few examples of what can easily be done with Lettering.js:

Kerning Type

Editorial Design

Manageable Code

Complete Control

Lettering.js - A jQuery plugin for radical web typography.

student course work: The Final Countdown...

aly fayollat's course work page

dave hall's course work page

adrian osman's coursework


bryan harris


the site's links are all to her hard drive... too bad (unless you want to hack into her hd).
jennifer orlando's course work page

sorry for the rest of the class, i haven't had an opportunity to upload everyone's links.  some were VERY late... which is why grades were very last minute...

Portfolio Projects...
a great start:

aly fayollat

a red 4Leaf clover:
swf object undefined... long wait time for video on the home page. way too big for what it is... missing up button (404ing)
http://www.mikekeogh.com/


bryan harris

Thomas Smet 


lindsey avery

jennifer orlando's website

end of the semester is upon us...

it's never too late to master something you truly want to learn, regardless of a timeline put forth on you here, if it takes you longer to learn, sobeit. don't be discouraged, this is abstract stuff. but once you get it, it gets easier. usually. so that means you'll get faster. eventually.

Here's the school's policy on Incompletes.
Please refer all student requests for an Incomplete to online@academyart.edu.

Academy of Art University Incomplete Policy

In special circumstances, a student may petition for a grade of Incomplete (I). Students must send a request before the end of the term (Saturday, December 18, 2010) to online@academyart.edu. Authorization for an Incomplete is NOT automatic and approval will depend on the circumstances leading to the request. Students will generally be required to provide documentation verifying that they are unable to complete the required final class assignment because of a personal emergency, an illness, or a documented family emergency. All other work must be completed and up-to-date with only the final project or final exam not completed.

Supersized - Full Screen Background/Slideshow jQuery Plugin

Supersized - Full Screen Background/Slideshow jQuery Plugin

Lots of questions on jQuery... here's a plugin Lindsey VG is using...

So, what exactly does Supersized do?

* Resizes images to fill browser while maintaining image dimension ratio
* Cycles Images/backgrounds via slideshow with transitions and preloading
* Navigation controls allow for pause/play and forward/back

Image Gallery Navigation

some great examples from this assignment:

"Find an image gallery that uses thumbnail navigation that you think is particularly effective. The gallery doesn't necessarily need to load just images. It can also load videos, animations, interactive elements, sound -- all kinds of media.

Write a paragraph about why you chose this particular gallery and why you believe it is particularly effective. Talk about the over all design, the way the thumbnails are cut, the proportions of the thumbnails to the enlargements and how the page is arranged. Also, talk about the interactivity. Is is interesting interactivity? Why?"

Bergdorf Goodman - World-renowned fashion, plus exclusive beauty brands

HENRIK KAM PHOTOGRAPHY - SAN FRANCISCO - ARCHITECTURE/LANDSCAPE/PEOPLE

Dribbble - What are you working on?

TheFWA

YUI 2: Index of Library Examples

YUI 2: Index of Library Examples: "YUI 2: Index of Official Examples

Every YUI Library component ships with a series of 342 examples that illustrate its implementation. These examples can serve as starting points for your exploration of YUI, as code snippets to get you started in your own programming, or simply as an inspiration as to how various interaction patterns can be enabled in the web browser via YUI.

The navigation controls on the left side of this page allow you to explore these examples component-by-component; on this page you'll find the full index of library examples with a link to and short description of each one."

YUI 3 — Yahoo! User Interface Library

YUI 3 — Yahoo! User Interface Library: "YUI 3 is Yahoo!'s next-generation JavaScript and CSS library. It powers the new Yahoo! homepage and incorporates what we've learned in five years of dedicated library development. As of the 3.1.1 release, the YUI 3 Library has grown to include the core components, a full suite of utilities, the Widget Infrastructure, and a few Widgets. All YUI projects are BSD-licensed and are available for forking and contribution on GitHub."

jQuery UI Slider - Default functionality

jQuery UI Slider - Default functionality

jQuery UI provides a comprehensive set of core interaction plugins, UI widgets and visual effects that use a jQuery-style, event-driven architecture and a focus on web standards, accessiblity, flexible styling, and user-friendly design. All plugins are tested for compatibility in IE 6.0+, Firefox 3+, Safari 3.1+, Opera 9.6+, and Google Chrome.

samples of class work

Fancy Buttons Assignment: Designing Women from Elle Decor

Recipe from my friends by Alvin Wong (innovative presentation)

harry potter : Three-column layout

Alyson Fayollat | course portfolio

inspiration, insight and style

Several people are asking about Fireworks help...
Let this be another helpful resource... (a collection of fireworks sites that provide insight on the tool)
http://www.noupe.com/how-tos/the-ultimate-adobe-fireworks-toolbox.html


How the Swiss Style Relates to the Web
This style of graphic design was born in the institutional context. The majority of work from this movement are in the form of posters, stamps, institutional typographical identity, street signs, etc. In this sense, these artists are leveraging much more than just top-down communication, they’re creating user-friendly interfaces.

As a result of that, Swiss Style artists tend to put their artistic efforts in that the content they are conveying delivers its intended message in a clear, unobtrusive fashion. One can make the point that they were thinking, in a broader sense, about usability long before the web even existed. How can we not learn from these great masters?

Have you seen/rented Helvetica?  interesting film.

http://www.smashingmagazine.com/2009/07/17/lessons-from-swiss-style-graphic-design/

Fillerati - Faux Latin is a Dead Language

Fillerati - Faux Latin is a Dead Language

Are you tired of reading “Lorem ipsum…” in every new design on which you work? Use Fillerati instead.

Colors In Corporate Branding And Design - Smashing Magazine

Colors In Corporate Branding And Design - Smashing Magazine:

I have been in discussion with many on your color choices and issues with it... take a look at this article...

"Color is a major consideration in any Web design. Whether for an individual, small company, or major corporation, color scheme is one of the most significant factors in the overall look and appearance of a website. In some cases, the designer may have the sole discretion in making color choices, but many times a color scheme has already been established and needs to be followed. In situations where a company already has a strong brand, color usage for the website can either build or take away from this."

Redesign: When To Relaunch The Site and Best Practices - Smashing Magazine

Redesign: Best Practices - Smashing Magazine

Since many of you are working through redesigning your recipe site, here's an article for your consideration.

Project Recipes | Food Enthused

Project Food Blog | Food Enthused

check out the link above for inspiration...

from your assignment...

Overview

We have been writing XHTML and CSS from the very beginning of the course. We have also been learning about the Web as a unique design environment. In this project we are going to bring them all together to create a web site. All of you have put together a recipe for your demonstration files. For this site you will collect all the recipes from your fellow students and collect them into a finished web site. Your site will include the following pages:

* Home Page
* Recipe Pages (one from each person in the class)
* Table of Measurements

Academy of Art | School of Web Design New Media Blog

Academy of Art | School of Web Design New Media Blog

the official dept blog site...

The Gettysburg Address

To Be or Not to Be...

The previous week, students were asked to style the Gettysburg Address by Lincoln. Some merely used basic tags and put little effort into the style and aesthetics of the page.

To truly make it engaging to the viewer, you must work with the content to make the layout and imagery compelling and readable.

This is what will make you successful.

Pages need to be accessible too. We'll get there.

Students need to make interesting work out of the assignments given each week.

Here's a few sample pages:

0. The Gettysburg Address (bold color, nicely styled)

1. The Gettysburg Address (page)

2. The Gettysburg Address (too much script font)

3. The Gettysburg Address (this meets the basic requirements and only that.)

Ajax loading animated gif

Ajax loading animated gif

need an animated loading symbol? I do, here's many different ones that are free (creative commons)

find the one that works for you!

Free Illustrator Assets for UI Design | CreativePro.com

Free Illustrator Assets for UI Design | CreativePro.com

The User Interface Design Framework is created by Webalys and is free for any use, even commercial. The only requirement is that you link to this page if you use the elements in a published website.

A free User Interface Design tool for Web Designers
* Design faster wireframes and create better mockup deliverables in Illustrator.
* Design usable application interface with hundreds of common GUI elements: just drop them from Illustrator Panels or pick them in the library files.
* Customize easily the vectors GUI elements to your own needs: you can easily resize, color or tweak their appearance.
* Benefit from a consistent UI elements library made by a web designer expert in application interface design.

A flexible GUI elements library for Illustrator
* The GUI elements are based on common interface patterns (accordion, expandable panel, progress bar, tags, slide show…).
* They integrate usability good practices and are perfect for wireframes design.
* They are also a good start for interface application design: the appearance is consistent, they are easily customizable and all states of interaction are provided.

ArtsNet: What Is Art? Vocabulary

ArtsNet: What Is Art? Vocabulary

Digital Imaging Tutorial - Basic Terminology

Digital Imaging Tutorial - Basic Terminology

DIGITAL IMAGES are electronic snapshots taken of a scene or scanned from documents, such as photographs, manuscripts, printed texts, and artwork. The digital image is sampled and mapped as a grid of dots or picture elements (pixels). Each pixel is assigned a tonal value (black, white, shades of gray or color), which is represented in binary code (zeros and ones). The binary digits ("bits") for each pixel are stored in a sequence by a computer and often reduced to a mathematical representation (compressed). The bits are then interpreted and read by the computer to produce an analog version for display or printing.

The Droid: Is this the Smartphone Consumers are Looking For? | Nielsen Wire

The Droid: Is this the Smartphone Consumers are Looking For? | Nielsen Wire: "By mid-2011, the U.S. should be just over 300 million mobile subscribers. If we assume that we will have over 150 millions uses of smartphones (based on our projections) and that 80% of these users will access the Internet and 60% will access video (given the current data trend these assumptions may actually be low), this means that over 120 million mobile users will be on the Internet and 90 million will be watching video. What we have typically called the “third screen” is quickly becoming an extension of the first and second screens (TV and desktop viewing) especially in some key demographics. Note how Hispanics and African-Americans over-index on Mobile Video and Internet Usage."

Games Dominate America’s Growing Appetite for Mobile Apps | Nielsen Wire

Games Dominate America’s Growing Appetite for Mobile Apps | Nielsen Wire: "Americans continue to hunger for mobile phone apps. According to the latest edition of The Nielsen Company’s Apps Playbook, the average number of apps that smartphone app downloaders have on their phones is now 27, up from 22 in December 2009. Broken down by the three major operating systems (Apple’s iOS, Android and Blackberry), owners of iPhones have the most apps with an average of 40 on their phones, up from 37 last December, while Android owners report having 25 apps on their phones (up from 22 last December) and BlackBerry owners report having 14 (up from 10)."

Android Soars, but iPhone Still Most Desired as Smartphones Grab 25% of U.S. Mobile Market | Nielsen Wire

Android Soars, but iPhone Still Most Desired as Smartphones Grab 25% of U.S. Mobile Market | Nielsen Wire: "Multipurpose smartphones that allow users to access the web and email as well as run thousands of apps and share text and picture messages are now 25% of the U.S. mobile market, up from 23% in the last quarter according to recent data from The Nielsen Company. By the end of 2011, Nielsen predicts smartphones to overtake feature phones in the U.S. market."

AFP: 65,000 Android phones shipping every day: Google

AFP: 65,000 Android phones shipping every day: Google: "Google co-founder Larry Page, who also attended the meeting, said the strategy of getting more devices running Android provides benefits 'through more (Google) searches and other things that we do.

'I think you'll see that as those products mature we'll figure out how to make more money from them,' Page said.

Schmidt agreed, saying 'while it's true that we're very happy to give away Android, the applications and the services that can be provided on a very large, very broad framework can be enormously valuable over the next five or 10 years.'"

Compatibility Master Table

Compatibility Master Table: tests of css on browsers and others

The Great WebKit Comparison Table

The Great WebKit Comparison Table: "This page only contains tests of CSS and JavaScript items that work in some WebKits but not in all. Adding more items, all of which are either supported by all or by none of the WebKits, makes no sense — it’s in the items in the table below that the differences between the tested WebKits lie."

JavaScript - Browser detect

JavaScript - Browser detect: "A useful but often overrated JavaScript function is the browser detect. Sometimes you want to give specific instructions or load a new page in case the viewer uses, for instance, Safari."

W3C Mobile Web Initiative

W3C Mobile Web Initiative: "The Mobile Web Initiative’s goal is to make browsing the Web from mobile devices a reality, explains Tim Berners-Lee, W3C Director and inventor of the Web. W3C and mobile industry leaders are working together to improve Web content production and access for mobile users and the greater Web."

There's a link on this page in the lower right corner to check to see if your site is suitable for a mobile device... try it out! bookmark it! try it in december! --> Is your site mobileOK?

Smartphones to Overtake Feature Phones in U.S. by 2011 | Nielsen Wire

Smartphones to Overtake Feature Phones in U.S. by 2011 | Nielsen Wire: "The iPhone, Blackberry, Droid and smartphones in general dominate the buzz in the mobile market, but only 21% of American wireless subscribers are using a smartphone as of the fourth quarter 2009 compared to 19% in Q3 2009 and 14% at the end of 2008. We are just at the beginning of a new wireless era where smartphones will become the standard device consumers will use to connect to friends, the internet and the world at large. The share of smartphones as a proportion of overall device sales has increased to 29% for phone purchasers in the last six months and 45% of respondents to a Nielsen survey indicated that their next device will be a smartphone. If we combine these intentional data points with falling prices and increasing capabilities of these devices along with a explosion of applications for devices, we are seeing the beginning of a groundswell. This increase will be so rapid, that by the end of 2011, Nielsen expects more smartphones in the U.S. market than feature phones."

iPhone vs. Android | Nielsen Wire

iPhone vs. Android | Nielsen Wire

Whether it‘s checking email on the go, connecting with friends through social networks or using turn-by-turn navigation, the capabilities of smartphones are convincing more and more consumers to make the leap from a simple mobile phone to a more sophisticated device. As of Q1 ‘10, Nielsen data shows that 23% of mobile consumers now have a smartphone, up from just 16% in Q2 ‘09.

Periodic Table of the Elements - Josh Duck

Periodic Table of the Elements - by Josh Duck:

The table shows the 104 elements currently in the HTML5 working draft and two proposed elements (marked with an asterisk).

pattern and texture

A set of 16 pixel patterns to be used with Photoshop or Fireworks. No copyright or credit due. No strings.

Naomi Atkinson Products

KDiff3 - Homepage

KDiff3

KDiff3 is a program that

• compares or merges two or three text input files or directories,
• shows the differences line by line and character by character (!),
• provides an automatic merge-facility and
• an integrated editor for comfortable solving of merge-conflicts,
• supports Unicode, UTF-8 and other codecs, autodetection via byte-order-mark "BOM"
• supports KIO on KDE (allows accessing ftp, sftp, fish, smb etc.),
• Printing of differences,
• Manual alignment of lines,
• Automatic merging of version control history ($Log$),
• and has an intuitive graphical user interface.
• Windows-Explorer integration Diff-Ext-for-KDiff3 - shell extension included in installer (originally by Sergey Zorin: see also Diff Ext)
• KDE-Konqueror service menu plugin
• Simplified integration with IBM-Rational-Clearcase for Windows (Details).
• Read what else is special in a short abstract (PDF).

Supported platforms:

• GNU/Linux with KDE3, KDE4 (from 0.9.93 on),
• Any Un*x that is supported by the Qt-libs from Trolltech,
• MS-Windows.
• Apple Mac OSX binary available. (0.9.95)
• In theory any platform for which Qt-libs work.

HTML5 Makes a Great Color Picker | Webmonkey�| Wired.com

HTML5 Makes a Great Color Picker | Webmonkey�| Wired.com

Software is hard | Firecookie

Software is hard | Firecookie

Once Firecookie is successfully installed you should see a new tab within Firebug's bar called simply Cookies. This tab displays a list of all cookies associated with domain of the currently displayed page. Each entry in the list displays basic information about a cookie (name, value, domain, path, expire date, etc.).

Stanford Javascript Crypto Library

Stanford Javascript Crypto Library

The Stanford Javascript Crypto Library (hosted here on Stanford's server or here on GitHub) is a project by the Stanford Computer Security Lab to build a secure, powerful, fast, small, easy-to-use, cross-browser library for cryptography in Javascript.

some photoshop links

• www.actionfx.com 
• www.adobe.com/designcenter/
• www.phong.com 
• www.lynda.com
• www.pixel2life.com/
• www.photoshopcafe.com
• http://www.photoshopuser.com/
• 
  

Color issues in 1st assignment...

Overall assessment: everyone needs to know more on color theory.  I'll add more info on this over time.  Familiarize yourself with these terms:

Every color has three properties: Hue, Value and Intensity.

Hue: This is the quality we identify by a color name such as "red" or "purple." It corresponds to the distinctive wavelength of a color. In order to change the hue of a color we must mix another color with it. If a little green is mixed with blue, the resulting change from blue to greenish-blue is a change in hue.

Value: This is how light or dark a color appears, referring to the relation of a color to white or black, which we indicate when we say a light blue or a dark blue. This means a blue that is higher or lower in value than the normal spectrum of blue. In order to change the value of a color we need to mix it with something lighter or darker than itself. By mixing black or white with a color we change its value without changing its hue.

Intensity: Refers to how bright or dull a color appears; also called saturation and/or chromaticity. Basically, how much of the hue is identifiable. Grays are achromatic, meaning they have no hue or color and are therefore low in intensity. A primary red, on the other hand, would be completely saturated and therefore extremely intense and high in chromaticity. Hues reach their full intensity at different values; for example, yellow would reach its full intensity higher on a scale of grays than red or blue.

Web Project: Weighing Cost vs Speed vs Quality | Onextrapixel - Showcasing Web Treats Without A Hitch

Web Project: Weighing Cost vs Speed vs Quality | Onextrapixel - Showcasing Web Treats Without A Hitch

One of the most common issues that web professionals regularly encounter is the age old question of how best to meet your clients ever increasing requirements. While the technologies we use may change like the class of client we attract, the need to balance the three fundamental features of any project whether design, development or relative to something else must be answered. It is therefore necessary that we highlight the compromise between cost, speed and quality of service.

emazekraker - Web Wireframe Kit

emazekraker - Web Wireframe Kit

Ubuntu

Ubuntu

Not wanting Mac or PC? try this...

We believe in fast, effective computing for everyone. Created by the open-source community and Canonical, Ubuntu is free to use and share, at home and in business.

gedit

gedit

gedit is the official text editor of the GNOME desktop environment.

While aiming at simplicity and ease of use, gedit is a powerful general purpose text editor.
Currently it features:

• Full support for internationalized text (UTF-8)
• Configurable syntax highlighting for various languages (C, C++, Java, HTML, XML, Python, Perl and many others)
• Undo/Redo
• Editing files from remote locations
• File reverting
• Print and print preview support
• Clipboard support (cut/copy/paste)
• Search and replace
• Go to specific line
• Auto indentation
• Text wrapping
• Line numbers
• Right margin
• Current line highlighting
• Bracket matching
• Backup files
• Configurable fonts and colors

Customizing gedit as a Web Developer's IDE

Customizing gedit as a Web Developer's IDE: "This article is written to illustrate how you can configure gedit for use as a powerful, stable web developer's text editor."

Web Technologies Course starts today!!!

Course Description

Full advantage of the opportunities afforded by the web will be introduced. User interface, design principles and project management will be associated with hands on applications for the entire process of front-end web development. Languages include HTML, XHTML, CSS and Javascript.

Course Outcomes

Will be able to:

• Hand code HTML and CSS from scratch
• Confidently design and execute a web site

Will be familiar with:

• The broad picture of the web and how it works
• Client-side coding practices and web standards
• The fundamentals of organizing and developing a web site
• What it takes to design usable, transparent navigation

Will display the following professional attitudes/behaviors:

• The fundamentals of organizing and developing a web site
• Proper file organization and management

View Program Learning Outcome

Books and Materials

Required Books

Web Design in a Nutshell
ISBN: 0596009879 Author(s): Niederst, Jennifer Publisher: O'Reilly; 3rd edition (February 21, 2006)

Recommended Books

Head First JavaScript
ISBN: 0596527748 Author(s): Morrison, Michael

Web Technologies Course starts today!!!

Attendance is taken automatically by logging in and entering your "Class Home" via the blue class link on the left side of your Home page. You must click the class link to be marked "Present." You are required to enter your "Class Home" at least once per week as designated in the breakdown below and on the "Outline" page. Should you choose to work ahead, you must still enter the "Class Home" at least once per week, or you will be marked "Absent." Students are required to log in each week to every class in which they are enrolled.

Week 1 -- September 2, 2010 – September 13, 2010 (Th-M)
Week 2 -- September 14, 2010 – September 20, 2010 (Tu-M)
Week 3 -- September 21, 2010 – September 27, 2010 (Tu-M)
Week 4 -- September 28, 2010 – October 4, 2010 (Tu-M)
Week 5 -- October 5, 2010 – October 11, 2010 (Tu-M)
Week 6 -- October 12, 2010 – October 18, 2010 (Tu-M)
Week 7 -- October 19, 2010 – October 25, 2010 (Tu-M)
Week 8 -- October 26, 2010 – November 1, 2010 (Tu-M)
Week 9 -- November 2, 2010 – November 8, 2010 (Tu-M)
Week 10 -- November 9, 2010 – November 15, 2010 (Tu-M)
Week 11 -- November 16, 2010 – November 22, 2010 (Tu-M)
Week 12 -- November 23, 2010 – November 29, 2010 (Tu-M)
Week 13 -- November 30, 2010 – December 6, 2010 (Tu-M)
Week 14 -- December 7, 2010 – December 13, 2010 (Tu-M)
Week 15 -- December 12, 2010 – December 18, 2010 (Su-Sa) 



Academy of Art Policy Regarding Attendance:

• Three (3) consecutive absences will result in a student being automatically dropped from the class. For example, if you do not log in for Week 4, Week 5, and Week 6, you will be automatically dropped in Week 7 for non-attendance.
• Students withdrawing from courses they have attended after October 20, 2010--the published Drop without "W/F" penalty deadline (see Academic Calendar)--will receive a "W/F" (Withdrawal/Fail) mark for the course. 

Adobe CTO Kevin Lynch Defends Flash, Warns HTML5 Will Throw The Web "Back To The Dark Ages Of Video"

Adobe CTO Kevin Lynch Defends Flash, Warns HTML5 Will Throw The Web "Back To The Dark Ages Of Video"

The Future of Web Content – HTML5, Flash & Mobile Apps

The Future of Web Content – HTML5, Flash & Mobile Apps

The Present and Future of HTML5 Video Experiences | Brightcove Blog

The Present and Future of HTML5 Video Experiences | Brightcove Blog: "One of the things you won't see from Brightcove is the Flash-bashing rhetoric that you may hear elsewhere. Our work to support HTML5 is not about weakening Flash, it is about pragmatically solving problems for our customers. Flash is and will continue to be a critical platform for us and for our customers. The fact is, most online video is experienced through Flash today, and that will continue to be the case for the foreseeable future. We have a very strong strategic alliance with Adobe, and we continue to believe that it is in our interests and the interests of our customers to be at the forefront of innovation on around the Flash Platform. Our work with HTML5 is in addition to, not instead of, our work with Flash."

Thoughts on the Future of Flash

There's been soo much discussion on the tirade of Jobs, so much so that the regulators are looking into the antitrust laws around the iPad and iPhone apps... and the discussion of whether Flash will be around in 5 years... whether students should continue studying flash technology...

My opinion is, if you are interested, adaptable, and engaged, do so.

There's more that Flash can offer that HTML5 cannot, and many browsers will take years to catch up on end user's computers to support HTML5, whereas, they will support Flash's player more readily...

Flash has more capabilities for encryption and streaming of video content, and it will take some time for HTML5 to catch up. Flash will evolve. It won't become shelved like Director. but if it does, if you're adaptable, you have nothing to fear.

Photo by James Duncan Davidson.
Web 2.0 Expo SF 2010 is presented by O'Reilly Media and UBM TechWeb.  

At the web 2.0 conference this week, most of the heavy hitters were in the room ( The Browser Panel with Dion Almaer (Palm, Inc. ), Ben Galbraith (Palm, Inc. ), Douglas Crockford (Yahoo! Inc.), Brendan Eich (Mozilla), Charles McCathieNevile (Opera Software), Alex Russell (Google), and Giorgio Sardo (Microsoft Corporation) . and seemed to skirt around the issues (time was limited), but... flash is here to stay and html5 will drive innovation forward... but at what pace? everyone chided the microsoft guy... ie 6 was innovative in 2001... but here it is 2010 and we're still suffering with its limitations because the market must still support that browser...

here's a couple articles for review, debate, discussion, reflection:

gskinner.com: gBlog: My Thoughts on the Future of Flash

 Giz Explains: Why HTML5 Isn't Going to Save the Internet


go forth and create!!! and never stop learning... here's something for inspiration:

check out how this video takes over and uses the space of the browser...


“And Then There Was Salsa” from Frito Lay Dips on Vimeo.

Adobe Labs - Adobe Flash Builder 4

Adobe Labs - Adobe Flash Builder 4

The Flash Builder 4 beta 2 release is intended to enable you to explore the many new and updated features in addition to the new workflow between Flash Builder 4 and Adobe Flash Catalyst (previously codenamed Thermo,) plus the new workflow between Flash Builder 4 and Flash Professional.

Debugging basics | Adobe Developer Connection

Part 1: Debugging basics | Adobe Developer Connection

Debugging is the process of finding and fixing bugs, or problems, in your application. Debugging is often a difficult and frustrating task but it can be greatly facilitated with the use of a debugger, a software tool that enables you to monitor and control the execution of the program, step through your code, and monitor and change the values of variables.

Flash Builder 4 beta has a built-in debugger and debugging perspective that you will learn to use in this three-part tutorial series.

In Part 1, you will:

• Import the ending project and see how the application should work.
• Import the starting project and review the code for the initial, broken Flex drawing application.
• View runtime error messages in the debugger version of Flash Player and in the Flash Builder Console view.
• Use trace() to output debugging information in the Console view.

In Part 2, you will:

• Use breakpoints to halt code execution when a specific line of code is reached.
• Use new conditional breakpoints.
• Use the Breakpoints view to manage breakpoints.
• Control code execution by suspending, resuming, and terminating the application.
• Step through code using the Step Into, Step Over, and Step Return commands.

In Part 3, you will:

• Use the Variables view to inspect the values of variables.
• Change the values of variables during a debug session to test fixes.
• Use the Expressions view to watch the values of specific variables and expressions.
• Use new watchpoints to halt code execution when the value of a specific variable changes.
• Break out of loops and jump to lines of code using the new Run to Line command.