Design and Development will find the best success if they take the time to communicate and set up clear workflows
Some tips from Adobe Creative Camp includes
1. Use software that helps avoid “Photoshop Archaeology”–Developers inspecting colors, fonts, and measurements from a Photoshop file and translating it into HTML and CSS.
2. Have a clear workflow for adding and updating assets.
3. Have lots of conversations.
4. Designers, start learning about CSS.
Read the blog article at adobe.com
Don’t be afraid of SVG: it is the intersection of graphic design and UI magic
Realistic motion effects are just the beginning.
View Sara Soueidan’s presentation on Slides
Web performance targets: page load of 1000ms, click response of 100ms, frame rate of 60fps with 6ms of work per frame, and 50ms of post-animation work
We can view developer’s ability to make a great app if our system obeys the diagram above.
Read more from the source: Google Docs
Learn from Paul Irish as he investigates performance problems at CNET, Time.com, Wikipedia and Google Play
The 1000/100/6 model establishes strong bounds of focus for investigating performance concerns. With a focus on load, input latency, and fidelity of animation and scrolling, we are drilled into the aspects that most directly impact the end user experience.
In the audits below, we’ll investigate a few sites’ performance from this POV.
Read the case studies at docs.google.com
What is layout, paint and compositing? Google explains
Users notice if sites and apps don’t run well, so optimizing rendering performance is crucial.
Performance is the art of avoiding work, and making any work you do as efficient as possible. In many cases it’s about working with the browser, not against it. It’s worth bearing in mind that the work listed above in the pipeline differ in terms of computational cost; some tasks are more expensive than others!
Read the paper: Web Fundamentals
The font event API is out in Chrome and coming in Firefox 36 but you can use it now with this polyfill
Jonathan Suh writes:
Also see http://caniuse.com/#feat=font-loading
Read the full article Jonathan Suh