Elm Scroll Resize Events

Demo with Time-traveling Debugger

How it works

Check out the post!

Getting started

If you don't already have elm and elm-live:

npm install -g elm elm-live

Then, to build each example (replace "1" with the number of the example 1~21):

$ elm-live --output=compiled/Example_1.js src/Example_1.elm --open --debug

(Leave off the --debug if you don't want the time-traveling debugger.)

Examples

Part 1

• Example 1
• Example 2
• Example 3
• Example 4
• Example 5
• Example 6

Part 2

• Example 7
• Example 8
• Example 9
• Example 10
• Example 11
• Example 12

Part 3

• Example 13
• Example 14
• Example 15
• Example 16
• Example 17
• Example 18
• Example 19
• Example 20
• Example 21

Code

Replace "1" with the number of the example 1~21:

https://github.com/lucamug/elm-form-examples/blob/master/src/Example_1.elm

Other Examples

• Ellie for autocomplete example https://ellie-app.com/b7HdzScGha1/0
• Section Example https://ellie-app.com/b7HdzScGha1/1
• autocomplete Example - Contact https://ellie-app.com/b7HdzScGha1/2
• DatePicker https://ellie-app.com/qzppX44YGa1/0

Links

• http://gregziegan.com/elm-autocomplete/
• https://github.com/thebritican/elm-autocomplete/tree/master/examples
• How to structure Elm with multiple models https://www.reddit.com/r/elm/comments/5jd2xn/how_to_structure_elm_with_multiple_models/dbkpgbd/

Others Autocomplete

• http://leaverou.github.io/awesomplete/
• http://gregziegan.com/elm-autocomplete/

JS Autocomplete

• http://twitter.github.io/typeahead.js/examples/
• https://goodies.pixabay.com/javascript/auto-complete/demo.html
• http://leaverou.github.io/awesomplete/