Addy Osmani's Blog, page 4
September 1, 2014
Slides: JavaScript Memory Management Masterclass
Presented at at the Google WebPerf Special (London WebPerf Group), August 26th 2014. Efficient JavaScript webapps need to be fluid and fast. Any app with significant user interaction needs to consider how to effectively keep memory usage down because if … Continue reading →
Published on September 01, 2014 16:44
July 8, 2014
Component Interop With React And Custom Elements
Today we’ll look at how to wrap React components using Custom Elements, allowing us to interop with Web Component-based libraries using the DOM as a simple configuration API. Similar to libraries like Polymer, React cares about composition, lifecycle events and … Continue reading →
Published on July 08, 2014 06:22
July 3, 2014
Offline Browsing Secrets In Chrome
If you travel, you’ve probably found yourself stuck with zero network connectivity on more than one occasion. This sucks, especially if you just want to look up a few previously viewed pages to get some work done. Who are we … Continue reading →
Published on July 03, 2014 11:43
July 1, 2014
Front-end Choice Paralysis
Cross-posted from my article on the Pastry Box A problem we regularly face in this industry is an abundance of choice. We have a plethora of tools, frameworks, languages, abstractions and platforms. Choice is ultimately good for competition and innovation, … Continue reading →
Published on July 01, 2014 16:29
June 28, 2014
Video: Componentize The Web! talk from LXJS
Web Components are ushering in a HTML renaissance, encouraging us to think about how we can bring back the declarative simplicity of HTML to the components we write today. Learn how Custom Elements, Shadow DOM, HTML Imports and Templates can … Continue reading →
Published on June 28, 2014 08:31
June 6, 2014
Automating Web Performance Measurement With PSI For Node
Cross-posted to HTML5Rocks Web performance can have a huge impact on your entire user experience. If you’ve been looking at improving your own site’s perf lately, you’ve probably heard of PageSpeed Insights – a tool that analyzes pages and offers … Continue reading →
Published on June 06, 2014 23:54
June 4, 2014
Detect, Undo And Redo DOM Changes With Mutation Observers
I’ve been wondering why DOM Mutation Observers, which can monitor changes to one or more DOM elements and return a report of what changed, aren’t used more often in the wild. Mutation Observers have long-replaced DOM Mutation Events (which were … Continue reading →
Published on June 04, 2014 13:42
May 20, 2014
Data-binding Revolutions with Object.observe()
A revolution is coming. There’s a new addition to JavaScript that’s going to change everything you think you know about data-binding. It’s also going to change how many of your MVC libraries approach observing models for edits and updates. Are … Continue reading →
Published on May 20, 2014 07:08
May 4, 2014
Gulp And Grunt Tasks For Performance Optimization
Delays in performance have the potential to impact user engagement, experience and revenue. Thankfully, Google’s ‘Make The Web Faster’ team recommend a set of best-practice rules for keeping your pages lean, fast and smooth. These include minifying resources like CSS … Continue reading →
Published on May 04, 2014 07:20
May 1, 2014
Deal with something once.
Cross-posted from my article on the Pastry Box If a task can be done in less than two minutes, do it right now. I find myself consciously procrastinating more than I would like. I’ll read an email, a GitHub issue … Continue reading →
Published on May 01, 2014 16:33