The tutorials page needs some love. Leaflet has a lot of features, but there are tutorials for just a bunch of them.

We should spend some time converting some of the pages in the debug/ directory into tutorials/examples.

A non-comprehensive list:

• Complete newbie's guide to How To Use a Leaflet Plugin
• Image overlays (prettier version of image-overlay.html)
  Refactor / Extend VideoOverlay (ImageOverlay, SVGOverlay) #8090
• Map bounds (with bounceAtBounds)
• Layer opacity
• WMS (with special attention to Leaflet/WMS nomenclature about the term "layer")
• Fractional zoom controls (prettier version of zoomdelta.html)
• setView, setZoom, fitBounds and flyTo (prettier version of zoompan.html)
• L.CRS.Simple
• Custom CRSs (using, for example, a map of the galaxy with galactic CRS)
• A primer on how to create Leaflet plugins (L.Class, L.Class.include vs L.Class.extend, etc)
• Event propagation, and how to stop click events from reaching the map (this is going to be a FAQ)

From #3271:

• Popular plugins (e.g. markercluster)
• Async data loading (e.g. server-side geojson)
• SVG markers (this might not be needed, if default markers are changed to SVGs)
• Custom events, event propagation
• Performance best practices (async Leaflet JS script loading, Performance-related content from FAQ)

• Link to external tutorials (Add links to external tutorials on the Leaflet tutorials page #1087)

• How to dynamically reset the styles of Markers and CircleMarker and Polylines (setIcon, setOpacity, setStyle et al) (from Added opacity to CircleMarker #5084)

• Add custom data to marker #8309

• GeoJSON Tutorial would be more realistic using GeoJSON file not JS File #7281

Suggestions from this thread:

• Plugin tutorial: Fullscreen control (maybe add to/link from the mobile tutorial?)
• Tutorial for posAnimation
• "Security" guidelines