Addy Osmani's Blog, page 5

The Web’s Declarative, Composable Future.

The way that languages in the web platform evolve are in direct response to the pain caused by complexity. Pain is generally a bad thing and so it’s with better patterns and platform primitives that we can ease some of … Continue reading →

Spring-cleaning Unused CSS With Grunt, Gulp, Broccoli or Brunch

Delivering a fast experience on the web usually involves reducing server response time, minification of CSS/JS/HTML and an optimisation of images and above-the-fold content. We can further minimize the latency caused by stylesheet loading by removing unused CSS rules delivered … Continue reading →

Spring-cleaning Unused CSS With Grunt, Gulp Or Broccoli

Delivering a fast experience on the web usually involves reducing server response time, minification of CSS/JS/HTML and an optimisation of images and above-the-fold content. We can further minimize the latency caused by stylesheet loading by removing unused CSS rules delivered … Continue reading →

Environment-specific Builds With Grunt, Gulp or Broccoli

The dev, staging and production versions of our projects can vastly vary, which is one reason we may need to change paths to resources (scripts/styles/templates), generated markup or other content based on environment and target-specific information. Luckily there exist a … Continue reading →

Ghostbusting For Front-end Developers

Human sacrifice, dogs and cats living together… mass hysteria! We’d like to avoid that, right? Well, today we’re going to talk about how to improve the accuracy of your front-end testing environment so you’re not chasing ghosts. This is important … Continue reading →

Yo Polymer – A Quick Tour Of Web Component Tooling

In the HTML5 Rocks write-up and videos for my talk “yo polymer”, I walk through Web Components – an exciting new set of web platform features that will change the way you build apps. We’ll look at Polymer – a library … Continue reading →

Full-Stack JavaScript With MEAN And Yeoman

Introduction A trend proliferating amongst prototypers in the Angular community is full-stack JavaScript development via the MEAN stack. The acronym stands for: (M)ongoDB – a noSQL document datastore which uses JSON-style documents to represent data, (E)xpress – a HTTP server … Continue reading →

Use Your Terminal From Inside Chrome DevTools

I just wrote an article for HTML5Rocks on a new DevTools extension that allows you to use your terminal directly from inside Chrome. This is a huge milestone for in-browser productivity tooling and compliments our recent Workspaces feature, which makes … Continue reading →

Browser-Sync: Sync Scrolls, Clicks, Forms And Edits In Multiple Browsers For Free

I recently wrote a guide on tools for synchronized cross-device testing; useful when you’re targeting the multi-device web. One of the tools I didn’t come across at the time was Browser-Sync, which has an impressive feature-set and works across all … Continue reading →

Browser-Sync: Sync Interactions Across Multiple Browsers/Devices For Free

I recently wrote a guide on tools for synchronized cross-device testing; useful when you’re targeting the multi-device web. One of the tools I didn’t come across at the time was Browser-Sync, which has an impressive feature-set and works across all … Continue reading →