Chris Love


Chris Love is a front-end developer for people and companies who are lost in the sea of modern web and user experience standards. He has a quarter century of web development experience, and has built a wide variety of web sites and applications in those years. In recent years, he immersed himself in responsive web design, single-page web applications and web performance optimization.

He applies these interests to run a small web consulting company, Love2Dev, that focuses on user-first web applications that operate on all device classes and usage contexts. Love2Dev offers web development and analysis to help companies engage end users and operate more efficiently.

Chris authored 3 web development books including, High Performance Single Page Web Applications, http://amzn.to/1b0twcm. He is a Microsoft MVP, ASP Insider and Edge User Agent. Chris regularly speaks at user groups, code camps and developer conferences. He blogs at http://love2dev.com and is active on Twitter, @ChrisLove.

Through his blog, speaking and books, he’s here to help you shake up your approach to web development while making it all feel like fun. His insights and opinions have been featured in various magazines, popular podcasts web sites. He has helped hundreds of businesses and individuals, ranging from mom and pop shops through major corporate brands, to build modern web experiences.

When he’s not working on front-end development, you can find him spending time with his step-kids, learning karate, training for Spartan races and serving on his church board of directors.

You can follow Chris’ Blog at love2dev.com and on Twitter @ChrisLove.

Real World Lessons in Progressive Web Application/Service Worker Caching

Saturday, February 25th, 2017 at 11:30 am

Over the past year we have seen a lot of excitement around Progressive Web Applications. Browser evangelist are selling developers and business owners on their advantages and promising future. But what is the real story? What are the details to proper execution? What do engineers need to know to make their web sites into Progressive Web Applications that not only meet the minimum criteria, but meet the sales hype?

Searching the Pokedex offline is fun, what is the real experience like caching a business application? Caching application assets and data can be complex, especially for larger applications. What to cache, how long to cache and how to cache are all valid questions. Often, in an effort to just ship something, we cache nothing. When we don’t cache, we disappoint the customer and miss a key promise of progressive web applications.

In this session we will cover real details about caching reality based on real world experience in bringing Progressive Web Applications to market. This is not a session to sell the concept, but a session to highlight caching nuances you don’t see until you sit down to write the code.

Sure the Chrome engineers know the node modules, sw-precache & sw-toolbox, they developed. But what happens when you, the general developer uses them? How do you use the sw-precache and sw-toolbox modules to craft a caching strategy for your application? How do you even determine what to cache? How can you get yourself in trouble? And more importantly, how can you get out of trouble and prevent hours or days of frustration?

Build Web Sites Better Than The Facebook App

Friday, February 24th, 2017 at 8:30 am

Do you want to build web sites that can compete with the best native apps?
You may have an old web site that needs remodeling to give it new life, but you don’t know how to start or if the web is even capable.
Perhaps you’re wondering how to make your web site work offline and instantly load under any condition.
Maybe you want to get your apps in the Windows Store or gain access to Windows platform APIs.
Would you like to build a web site that your users want to add to their home screens and even get native push notifications?
You have heard of service workers but don’t know what they are or how to use them???

You may be asking yourself all these questions or being asked by your clients and stakeholders. You want or need answers and how to execute them. You might even want to learn the latest best practices for building web sites. This is what Progressive Web Applications and service workers offer the modern web developer. Today’s web is on par with native applications, yet most developers remain naive about new APIs and user experience features.

This workshop is a structured introduction to the benefits of progressive web applications and how to build web applications that leverage the latest web technologies to create “user experience magic.” Progressive web applications generously let you unobtrusively upgrade existing sites without a massive resource investment.

Chris Love will guide you through a successful progressive web application project. After discussing the benefits of progressive web apps, along with selling points for your stubborn boss, you will dive into the technical details. You will learn how to implement the three key requirements of PWA: HTTPS, Web Manifest and a Service Worker. Then you will get intimate with the Fetch and Service Worker Cache APIs. You will also learn how to implement native push notifications, just like a native application.

But wait… there is more!

The workshop also covers how to build a reference e-commerce progressive web application – where you learn how to apply the concepts to your own work or personal web sites. In addition, you’ll gain insight how to account for older browsers and platforms that have not yet implemented full support of progressive web applications.

By the end of the day, you will have a firm foundation in the exciting world of progressive web applications and how they can enhance your business, engage your customers, increase work satisfaction, and improve your productivity.

As a bonus attendees will receive full access to my upcoming online progressive web application course. This includes videos, slide decks, source code and workbook plus any future content refreshes. So your training will not end when the day is over.

Disrupting the Application Eco-System with Progressive Web Applications

Wednesday, December 14th, 2016 at 6:00 pm

For years I have been demonstrating techniques and architecture developers can implement to create a native application experience with HTML5 and no app store friction. Today those principles are being quickly implemented as native platform user experience by browser vendors. Progressive Web Applications is a comprehensive term describing web applications that implement a base set of browser platform features like HTTPS, Web Manifest and Service Workers. But it bleeds beyond the scope of an application’s code because browsers are enabling qualified web applications to offer the same user experiences native application enjoy. This includes prominent home screen placement, push notifications, eliminated browser chrome and inclusion in the app store.

The best thing about progressive web applications is you can qualify as a PWA with as little as 5 minutes of work!

This is a critical advancement in web technology as native applications have lost their appeal to consumers and business alike. Installation friction, straining resource requirements and discoverability issues have caused consumers to stop downloading apps. Meanwhile they limit their native application usage primarily to Facebook. Meanwhile app store taxation and over regulation have impacted the viability of businesses to create viable services on the native platforms. These issues have combined to make native application development and maintenance a losing proposition for business of all sizes and shapes.

In this session we will cover the concept of a progressive web application, why they are important and how to implement a baseline PWA. You will walk away with supporting ‘sales points’ to sell your business stake holders and technical leaders on adopting a PWA approach for both consumer and line of business applications over a native application. These points will give you a solid background understanding of the PWA concept and high profile advantages of PWAs over alternative client experiences. You will also see how to use supporting tooling to create rich web applications that take advantage of modern features offered by service workers and how existing applications can benefit from a PWA upgrade without changing existing code, well not too much.

Advanced Front-End Debugging with Microsoft Edge and Microsoft Tools

Saturday, October 22nd, 2016 at 1:30 pm

All browsers have developer tools that help developers troubleshoot their applications. But each browser’s tools are different and all have strengths and weaknesses. Microsoft Edge is no different. This session will highlight some deeper insights you can gain through the Edge developer tools and some advanced tools available from Microsoft. We will dive into advanced CSS and JavaScript debugging capabilities. We will also review how to chase memory leaks and diagnose common performance rendering issues. Finally we will do a quick review of Vorlon.js, a remote debugging library that enables you to troubleshoot issues on devices you do not have developer tool access.

Services Workers – Your Web Applications Never Felt So Good

Saturday, October 22nd, 2016 at 10:00 am

If you have not heard of service workers you must attend this session. Service Workers encompass new browser capabilities, along with shiny new version of AJAX called Fetch. If you have every wanted your web applications to experience many native application features, such as push notifications, service workers is the gateway to your happiness. Have you felt confused by application cache and going offline? Well service workers enable offline experiences in a much cleaner way. But that is not all! If you want to see some of the cool new, advanced web platform features that you will actually use come to this session!

Don’t be Afraid of the Front End!

Friday, October 21st, 2016 at 8:35 am

Let’s face it the front-end seems scary to most developers who are better versed for back-end, logic based coding practices. Unfortunately, users don’t interact with the backing, they interact with the client. User experience is a balance between art, psychology, device constraints in code architecture.

Don’t feel alone, most senior architects and developers are often lost in the world of the front-end. However, building successful application experiences does not have to be difficult. There are practical ways to architect and measure front-end success for the more logically minded person.

In this session we review code architecture, browser capabilities and how to measure things so you can ensure your application is successful now and in the future. We will look at JavaScript code architecture, some CSS best practices, a little responsive design and some browser developer tools to make the developer experience better.
But we’re not going limit ourselves to the browser, we’re also going to look at development practices, workflows and deployment options. In particular were going to look at how to leverage the static web site to create a rich user experience in the browser.

This workshop is designed to challenge your limits, expose you to new practices and empower you to feel comfortable in the world of the browser. The session is aimed at senior architects and developers but you don’t have to be an expert to attend.

Give Your Web Application Muscle Tone Using Responsive Images

Wednesday, July 20th, 2016 at 7:00 pm

The average web page now weighs more than the size of DOOM. While excessive scripts, CSS and fonts bear much of the burden for excess weight and sluggishness, images carry the most extra baggage per capita. This excess weight slows down page render times, while forcing customers to pay for the wasted bandwidth.

All modern browsers support the new responsive image specifications. Responsive images allow content managers to control image size, art and media types served to customer devices. Now instead of a single, one size fits all based on the largest screen size available, or clunky script based solutions your page can load the best image for the device and user agent size. While responsive images improve the user experience it adds extra burden to content managers and engineers to utilize a solution that does not impede workflow productivity.

This session will introduce you to responsive images and how to automate a workflow to properly create, host and integrate responsive images.

Implementing a Responsive Image Strategy

Saturday, April 9th, 2016 at 11:30 am

Applications must implement responsive web design strategies today. However most developers are not experienced in responsive techniques. More over images have provided a difficult hurdle for developers and business stakeholders to make responsive.

A proper responsive web design strategy increases return on investment, reduces long term maintenance requirements and improves application performance. Images create many challenges in implementing responsive design.

This session will explain what responsive images are. How new web standards have enabled manageable responsive image practices. We will go over tooling and techniques to enable responsive images in your developer and line of business workflows.

When you leave this session you will have actionable knowledge of responsive images, techniques, tooling and workflow options you can apply to your projects now.

Using Responsive Web Design To Make Your Web Work Everywhere

Saturday, April 9th, 2016 at 8:30 am

Devices are as unique as their users. Detecting the end user’s platform is a fruitless expenditure that often leads to wrong assumptions. Maintaining multiple web applications for different platforms is not cost effective and stressful. Responsive web design is a way to design your applications for devices of all shapes, sizes and resolutions. This session covers a definition, examples and how to execute a proper mobile first responsive design. We will also cover how to use responsive images to ensure your application performs well.

HTML5 Fitness Bootcamp

Friday, April 8th, 2016 at 8:30 am

Sold OutFront-End web development has become a challenge to developers, architects and business stakeholders that are not in shape with today’s modern web platform. Yesterday’s techniques, standards and work flows no longer work. User expectations of interactive experiences set bar too high for mere mortals to hurdle. If that were not enough the constant churn of JavaScript frameworks, CSS libraries and new HTML5 standards leaves us more confused and frustrated than helping.

Just like our personal health and fitness require proper diet and exercise creating and maintaining good web front-end requires a certain level of fitness and lifestyle. HTML5 fitness is more than just having clean, performant code, it is about a development lifestyle that produces consistent, maintainable applications your customers will love.

This workshop is designed to answer many questions you may have about modern front-end development. We will cover good user experience, architecture and work flow options. You will be exposed to exercises and systems you and your team can adopt to make your development more consistent and maintainable. You will be walked through using various tools to give you insight into your application’s health and how to improve its quality.

We will also review modern responsive web design techniques, including image management options. This will go beyond the basic responsive media queries and cover usability research across various device classes.

As a bonus you will learn strategies, work flows and tools to help you and your team test against real mobile devices.

You will leave this full day workshop armed with knowledge, confidence and tools to help you make front-end web experiences your customers want to use. Your team will benefit from project and code governance resources. We will cover tools and telemetry you need to monitor to create the feedback loops that enable you to continuously improve your applications.

10 Things to Make Your Site Faster and Make More Money Today

Wednesday, March 23rd, 2016 at 6:45 pm

Web sites are fat and slow. Study after study shows a direct correlation between performance and sales. Slow line of business applications negatively affect worker performance and quality. Despite these facts most developers ignore simple things to make the web go faster.

Development teams need a performance first culture, not a “we’ll get to it if we have time attitude”. Most web sites rely on too many resources, too much data and respond slowly at run-time. But performance optimization is more than just optimizing resources, and has little to do with the server, performance is about responding quickly in all phases. This session reviews 10 simple things you can change about your web site and development workflow today to shave seconds off your application’s load time and run-time responsiveness. These techniques are simple to implement and demonstrate how easy it is to make performance a feature in your development team, making stakeholders much happier.

Learn Modern Web Application Development Techniques That Take Your Company to the Future

Friday, October 9th, 2015 at 8:30 am

Sold Out

The modern web platform is a fast moving world. This may have you feeling lost, confused or maybe excited. But what should you learn and apply to your application architectures? In this full day workshop you will learn about modern front-end web development techniques and expectations.

The workshop starts with a review of what is a modern web application. Here you will learn about user expectations and performance considerations as well is how mobile has impacted web development. Next you will learn about and execute fluid, mobile first responsive design.

After creating a responsive application layout you will learn about single page applications. Here you will learn about view swapping, caching techniques and many other details often neglected by most web developers. You will learn how to drive dynamic client-side experiences using AJAX and framework agnostic techniques.

Time permitting you will end the day learning how to build and deploy your application and make it work offline.

By the end of the workshop you will be able to build rich, modern web applications that work on devices and screens of all types as well as all modern browsers. You are encouraged to bring your own development machine with git and node installed. If you are not able to do so do not worry you can follow along and execute examples on your own. In the workshop we will be building a simple e-commerce single page web application.

Single Page Applications: The Basics – Concepts, Gotchas and Just Things You Need To Know

Saturday, March 21st, 2015 at 11:30 am

Single Page Applications or SPAs are a hot topic today, however most developers feel lost. We are going to explore the basic concepts of a SPA, go over a few gotchas and traps and cover some best practices. This is not a talk about a specific framework, but more of a breakdown of how a SPA is composed, many key working concepts and some techniques you should employ for a successful modern web application. Some topics we will cover include markup/template, script and CSS management, routing, why performance matters, caching techniques.

SPAs Are Easy

Sunday, June 22nd, 2014 at 1:00 pm

Single Page Web Applications are the latest trend. Many developers are finding themselves lost and confused in the mountain of misinformation proliferating around the web. The truth is SPAs are easy to build and maintain. Single Page Applications usher in a new era of problems and questions. This sessions explores several important problems and questions and provides answers with an example application from Chris Love’s new book High Performance Single Page Web Applications [http://amzn.to/1b0twcm]. You will see how to build an extensible, scalable, low maintenance, high performance solution using a minimal amount of JavaScript and CSS.

http://t.co/LJvkCufHzI

http://t.co/BAJAPL6eNX

Touch Your Web Application

Saturday, June 21st, 2014 at 6:00 pm

Touch is now everywhere. It is almost impossible to find a personal computing device without a touch screen. This means developers and designers need to reconsider how to design client interfaces to successfully enable successful touch interactions. Touch involves layout choices, new CSS properties and new touch APIs. This session covers design concepts and how to apply new coding techniques

There is No Mobile – An Introduction to Responsive Web Design

Wednesday, February 12th, 2014 at 6:45 pm

Devices are as unique as their users. Detecting the end user’s platform is a fruitless expenditure that often leads to wrong assumptions. This ultimately degrades the user experience, leading to lower sales and productivity. Maintaining multiple web applications for different platforms is not cost effective and stressful. Responsive web design is a way to leverage CSS and a sprinkle of JavaScript to drive a single application across multiple experiences.

This presentation walks through responsive web design content featured in Chris Love’s latest book, High Performance Single Page Web Applications. You will see how to design a mobile first web application that naturally adjusts to the end user’s platform. The session covers how to use and organize CSS media queries and JavaScript media query listeners to drive a dynamic user experience that not only delights your customers but is easy to maintain.

Doing Modern Web In The Enterprise

Saturday, November 23rd, 2013 at 1:30 pm

HTML5, touch devices and JavaScript has radically changed the enterprise application development game. No longer can development teams give second and third fiddle attitudes to the user experience. The bar has been raised for performance, interactions and demand for mobile first solutions.

These are all good things as they give developers a first class context to create web clients that can surpass user’s expectations while making the code scalable, maintainable and testable. Problems persist as developers continue to apply yesterday’s development techniques to these modern applications.

This session will demonstrate how to structure extensible, scalable, maintainable modern enterprise applications. We will cover various HTML5 features to enhance data entry, animations and continuous communications. We will also review project architecture and how to properly use good JavaScript coding techniques to create these rich line of business experiences.

Using Touch on Web Sites

Wednesday, June 19th, 2013 at 8:00 pm

Chris will demonstrate some browser based touch examples and talk about the evolution of touch APIs. He will demonstrate and discuss some of his findings over the past couple of years that led him to create deeptissuejs, a touch gesture abstraction library.

Introduction to new HTML5 Form Input Types, Attributes and Validation

Saturday, May 11th, 2013 at 3:00 pm

Data entry is boring. Developing web forms is tedious and can be complicated. As AJAX heavy applications have become the standard of today’s web developers have relied on many third party plugins and libraries to add client-side value to data entry forms. Modern browsers implement many of these features natively, in many cases eliminating the need to load and maintain an application against a third party library. In this session I will review new input types, attributes, styling and validation techniques that should make you forget those third party libraries for your next project.

Web Performance Optimization for Modern Web Applications

Saturday, November 17th, 2012 at 10:00 am

Users crave a great experience with any application, the web is no different. Slow web site experiences not only cost you search engine placement it cuts into your profitability as well. As we dive deeper and deeper into richer and richer web client experience the need to ensure performance becomes more important. The 14 points originally provided by Steve Souders reasearch several years ago are just the starting point. Today there is so much more to consider. How do we manage data, markup, reduce data usage to the bare minimum, work offline, provide rich animations and other moments of user delight? I will example how little things can add up to mean a lot, show you how to test and debug performance bugs and in the process leave you with some tools and techniques to make you look like a hero to your company’s CFO!

Driving More Immersive User Experiences with jQuery Animations, Events, AJAX and Templating

Wednesday, July 20th, 2011 at 7:00 pm

Modern browsers combined with the power of JavaScript frameworks like jQuery empower us to create rich native application experiences across in the browser. Transitions, prompt user feedback and speed are not only obtainable, they are easy to execute using built in jQuery and jQuery UI functionality. This session will demonstrate how to build a nice user experience incorporating these features while exposing you to site architecture that thinks outside the classic web page box.

Push Notifications for Windows Phone 7

Wednesday, December 15th, 2010 at 6:45 pm

This quick session will demonstrate how to push Toast, Tile and Raw notifications from your application server to subscribed Windows Phone 7 application users.

Exploring the jQuery DataBinding & DataLinking Plugins

Wednesday, August 11th, 2010 at 7:00 pm

This past Spring Microsoft announced they would be putting any future AJAX development resources into adding valuable plugins to the jQuery ecosystem and working with the core team to improve the jQuery Core. The first plugiin announced is DataBinding, which gives developers the ability to easily bind objects to DOM elements such as Forms and Tables. This was followed up with the DataLinking plugin. It makes tying data changes in one element to another element. This presentation explores the use and capabilities of these two plugins in real-world scenarios using MVVM patterns and methodologies. As a bonus all code will be done in the context of the new Microsoft WebMatrix web development tool!

jQuery Plugins: http://forum.jquery.com/topic/jquery-templates-proposal
http://wiki.github.com/nje/jquery/jquery-templates-proposal
http://weblogs.asp.net/scottgu/archive/2010/05/07/jquery-templates-and-data-linking-and-microsoft-contributing-to-jquery.aspx

WebMatrix: http://www.microsoft.com/web/webmatrix/download
http://weblogs.asp.net/scottgu/archive/2010/07/06/introducing-webmatrix.aspx
http://www.asp.net/webmatrix