Make it clear how to get up and running with building topcoat.

Also, is there a watch task on grunt?

Deliverables:

• A PSD with the full list of components we agreed on last year.
• The CSS for said component list.
• 4-5 screens of the components working in a sample app, with cross platform recommendations.

• instagram
• phonegap api explorer
• instant halloween

etc!

Refactor to Stylus

After researching all preprocessors and their benefits. Deciding to settle on Stylus because of it's support and syntax.

• CSS components need to be refactored into their own files using Stylus syntax
• Add a stylus grunt task

Should cover phone and tablet app.

W3C Web content accessibility guidelines become ISO/IEC International Standard - ISO media release

As the Web becomes an increasingly important tool for fulfilling everyday tasks, a new ISO/IEC standard will increase accessibility for people with disabilities. The new ISO/IEC 40500:2012, Information technology - http://www.iso.org/iso/home/store/catalogue_tc/catalogue_detail.htm?csnumber=58625, will also make the Web more usable for all.

Originally developed by the World Wide Web Consortium (W3C), the guidelines included in the standard address the challenges that people with disabilities may face – including blindness and low vision, deafness and hearing loss, learning disabilities, cognitive limitations, limited movement, speech disabilities and photosensitivity.

READ MORE

If you use this media release as the basis for an article on your Web site you are welcome to include a link to the ISO Web site www.iso.org

You have received this e-mail alert because you are an opt-in subscriber to PR Newswire MEDIAtlas and because your database profile suggests you might be interested in the topic of this ISO media release. If you do not wish to receive further ISO e-mail alerts, please reply UNSUBSCRIBE to this link.

Related information

JTC 1 - Information technology

UI to allow us to see performance data over time.

We should have a section with suggested coding guidelines.

latest chrome/firefox on Windows, on slate gray background, the drop down options appear as light gray on white which doesn't look so good. I didn't run grunt yet, just from the release folder so I apologize if this is fixed already.

...

A new version of SourceCodePro was released: https://github.com/adobe/source-code-pro/downloads.
We should update to the latest version.

#45 needs to be complete before starting this.

We need to be able to store performance test results data somewhere on a server.

For a results set we should store:

• some sort of test identifier
• the version of TopCoat on which the test was run
• the date/time the test was run on (would be useful to plot results of tests ran on nighty builds, for example)
• the platform the test was run on (as best as we can identify it). The platform is a combination of hardware device information, OS, browser version - e.g. "UIWebView on iPhone 5 running iOS 6" is a platform.
• the values of the result

Later on we should be able to implement various visualizations for this data - keep this in mind when implementing this storage system.

Looking at creating a ganam grunt script to generate style guides with.

Ganam
Example generated style guide

Running recess linter on our generated css shows many overqualified css selectors. We should refactor to simplify these if possible.

I think this started to happen after the transition to stylus.

Merging master into gh-pages could be automatic, since we're agreeing to develop on feature branches and merge into master only when stable.

The user should have this choice (ala BrowserScope)

The standard font size variable is not being compiled by Stylus. Take a look at https://github.com/topcoat/topcoat/blob/master/release/css/topcoat.css to see that font-size at line 59 is missing.

.bg-white {
  padding: 20px;
  background: #fff;
  font-size: ;
}

Twitter Bootstrap is already the most popular project on GitHub.

How about customizing variables.less (and a few other files) to make TopCoat as compatible as possible to Bootstrap. Something like what Bootswatch has done.

Once many UI Gurus are onboard, it can be offshooted as a separate project.

We have to remember that Bootstrap is really really popular amongst designers and the fact that its cross browser.

Maybe I'm missing something here. I'd love to hear the strategy from the good people @adobe on how people are going to migrate from bootstrap to topcoat.

Great work on the docs!

Discussion thread started on https://groups.google.com/forum/?fromgroups=#!topic/topcoat/tzUqjfRhV1M

Test http://jsfiddle.net/fAUgn/embedded/result/
My suggestion is to copy the html locally and test it from there to eliminate any network issues.
I noticed this on an iPhone 4 w/ ios 5
It takes somewhere around 4s for the text to load on the page
This does not happen on an Android 2.2 device (so it might be due to a newer css property supported just by the iphone).

Can anyone else confirm this ?

Readme.md shoud warn that the tests do not run from file://

There is one huge, big monolithic LESS file!

I am hoping it would be split up into various components (Buttons.less, Spinner.less etc.) and generics (variables.less, mixins.less)

Something like bootstrap?

https://npmjs.org/package/component

http://twitter.github.com/bower/

When resizing the browser vertically the footer content overlaps the main content. Need to implement a sticky footer instead.

DESIGN AUDIT

Please review updates to CSS to match new desktop designs here:

Topcoat Page

Will be ready EOD Monday Jan 21

The options in a select box on the dark background are the wrong color when the dropdown is showing, so they aren't visible.

Style Guide > Settings > Select

Figure out if the css stress tests added to https://github.com/topcoat/topcoat/blob/master/test/loadtime/topcoat.html are enough as a baseline.
If not, add new tests to serve as a baseline.

On http://adobe.github.com/topcoat/, the first button under "Call to Action Button" (the one labelled just "Button") has a visual glitch--it seems to have a small white stripe along the right edge of the fill, whereas none of the other buttons do. I'm looking at this on Mac Chrome 23.0.1271.95.

...