Conffab by Web Directions
  • Speakers
  • Presentations
  • Conferences
  • Live streams
  • Topics
  • Pricing & Plans
  • Browse
  • Signup
  • Sign In
  • Speakers
  • Presentations
  • Conferences
  • Live streams
  • Topics
  • Pricing & Plans
  • Browse
  • Signup
  • Sign In

Search Conffab

Search presentations, speakers, transcripts, slides and topics.

Searching Conffab

Source Maps for Debugging

Elle Meredith at Code 2013
  • front end development
  • JavaScript
  • CSS
Sign up for Conffab Free to watch this and hundreds of other videos for free
  • Details

Debugging JavaScript on the client side is easier with the built-in developer tools in Chrome and similar browsers. But how would you use a debugger on a CoffeeScript program? Or in a second scenario, what if your JavaScript source files get combined, minified and optimised for production. Wouldn’t it be nice for the code to still be readable and debuggable on the client side? Enter Source Maps. In this talk, we will learn how to get started debugging CoffeeScript applications using Source Maps.

You may also be interested in

Thumbnail for CSS is eating JavaScript

CSS is eating JavaScript

Kevin Powell

CSS Day 2026

Thumbnail for Cranking View Transitions up to 11

Cranking View Transitions up to 11

Bramus Van Damme

CSS Day 2026

Thumbnail for Create Impact with CSS Filters

Create Impact with CSS Filters

Alex Danilo

Code 2013

Thumbnail for Web fonts, without the jank

Web fonts, without the jank

Michael Taranto

Code ’24

Thumbnail for Let No One Ignorant of Geometry Enter

Let No One Ignorant of Geometry Enter

Dmitry Baranovskiy

Web Directions Developer Summit 2025

Thumbnail for Supercharged scrolling with CSS

Supercharged scrolling with CSS

Lee Meyer

Web Directions Developer Summit 2025

Thumbnail for It’s Time To Talk About Signals

It’s Time To Talk About Signals

Julian Burr

Web Directions Code 2025

Thumbnail for Do we even need flex anymore?

Do we even need flex anymore?

Erin Zimmer

Code ’24

More presentations from Code 2013

Thumbnail for What’s ECMAScript 6 Good For?

What’s ECMAScript 6 Good For?

Julio Cesar Ody

Code 2013

Thumbnail for HTML, CSS and the Client-Side App

HTML, CSS and the Client-Side App

Garann Means

Code 2013

Thumbnail for Test, Tweak and Debug Your Mobile Apps with Ease

Test, Tweak and Debug Your Mobile Apps with Ease

Chris Ward

Code 2013

Thumbnail for An Introduction to the File API

An Introduction to the File API

Cameron McCormack

Code 2013

Thumbnail for Orientation-Motion-Sensormatic Machine

Orientation-Motion-Sensormatic Machine

Andrew Fisher

Code 2013

Thumbnail for Typescript and Terminators

Typescript and Terminators

Alex Mackey

Code 2013

Thumbnail for CSS Preprocessor Performance

CSS Preprocessor Performance

Nicole Sullivan

Code 2013

Thumbnail for Indexeddb, A Database in your Browser

Indexeddb, A Database in your Browser

Aaron Powell

Code 2013

© 2026

  • About
  • Speakers
  • Presentations
  • Conferences
  • Contact
  • Sign in
Sign Up