Monthly Archives: April 2015

Going from Design to Code without Going Insane

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

5 case studies of finding and fixing JavaScript performance bottlenecks

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

Rendering Performance – Web Fundamentals

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

Faster Font Loading with Font Events

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:

Web fonts are great and make the web a more beautiful space; however, loading them can be slow, which results in an unwanted side effect: FOIT (Flash of Invisible Text). I’ve experienced FOIT on my website, particular on mobile connections, but with the help of some homework and fantastic resources, plus some JavaScript and CSS, I managed to fix it.

Also see http://caniuse.com/#feat=font-loading

Read the full article Jonathan Suh