Helpful Technical Links

These links provide(d) helpful background for implementing various features of Elbum.

Still relevant

Set page title

1. https://stackoverflow.com/questions/33612524/set-the-page-title-in-elm
2. https://stackoverflow.com/questions/43621232/why-doesnt-elm-provider-html-document-head-tags

Save/restore scrolling

1. http://package.elm-lang.org/packages/elm-lang/dom/1.1.1/Dom-Scroll#y
2. https://discourse.elm-lang.org/t/saving-and-restoring-scroll-position/661
3. https://github.com/fossar/elm-scroll-events/blob/master/src/Html/Events/Scroll.elm
4. https://stackoverflow.com/questions/2950382/onscroll-for-div

Show loading progress for images

1. http://package.elm-lang.org/packages/elm-lang/http/1.0.0/Http-Progress
2. https://gist.github.com/pablohirafuji/fa373d07c42016756d5bca28962008c4
3. https://stackoverflow.com/questions/14218607/javascript-loading-progress-of-an-image/22593907#22593907
4. https://stackoverflow.com/questions/36595683/track-progress-of-loading-image-in-javascript
5. https://stackoverflow.com/questions/3849428/is-there-a-way-to-tell-how-much-of-an-image-is-already-loaded
6. https://stackoverflow.com/questions/19063399/loading-images-with-xhr-request
7. https://stackoverflow.com/questions/14218607/javascript-loading-progress-of-an-image/42196770#42196770

Package for nix

1. via github references: https://github.com/gdotdesign/elm-github-install
2. https://github.com/NixOS/nixos-homepage/pull/160
3. https://github.com/domenkozar/elm2nix

Mostly done

Avoid springy scrolling on iOS

1. http://stackoverflow.com/questions/7768269/ipad-safari-disable-scrolling-and-bounce-effect
2. preventDefault on a per event basis: https://github.com/elm-lang/html/issues/66
3. Event onWithOptions doesn't allow selective behaviour on events: https://github.com/elm-lang/virtual-dom/issues/18
4. http://stackoverflow.com/questions/38907659/using-preventdefault-in-elm

Fade in images

1. https://groups.google.com/forum/#!topic/elm-discuss/YEjrSJ0x0xo
2. http://jsbin.com/hipeba/edit?html,css,js,output
3. https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Transitions/Using_CSS_transitions
4. https://github.com/rtfeldman/elm-css/issues/234
5. https://css-tricks.com/ease-out-in-ease-in-out/
6. https://stackoverflow.com/questions/12894171/how-to-set-css-transition-to-a-new-element-or-do-the-same-with-javascript
7. http://stackoverflow.com/questions/1700864/making-images-fade-in-on-image-load-using-jquery

Routing / navigation

1. http://package.elm-lang.org/packages/elm-lang/navigation/2.1.0/Navigation
2. https://github.com/evancz/url-parser/issues/40
3. http://package.elm-lang.org/packages/Bogdanp/elm-combine/3.1.1
4. http://package.elm-lang.org/packages/pzingg/elm-navigation-extra/latest
5. http://package.elm-lang.org/packages/rgrempel/elm-route-url/latest

Slow loading of images: use onLoad:

1. http://stackoverflow.com/questions/35699588/making-a-picture-slider-in-elm-model-updates-triggered-by-loaded-element
2. https://github.com/rofrol/elm-image-slider/blob/master/src/Main.elm
3. http://stackoverflow.com/questions/12354865/image-onload-event-and-browser-cache

Elm

Libs

1. http://package.elm-lang.org/packages/knledg/touch-events/2.1.1/TouchEvents
2. https://github.com/krisajenkins/remotedata/

Ahead-of-time generation of server-side JSON data to drive client app

1. https://groups.google.com/forum/?fromgroups#!topic/elm-discuss/inp9r11incM
2. https://github.com/agrafix/elm-bridge/blob/master/test/EndToEnd.hs
3. https://hackage.haskell.org/package/aeson-1.0.0.0/docs/Data-Aeson.html

Alternative layout approach

1. http://package.elm-lang.org/packages/mdgriffith/style-elements/

HTML

Picture element

1. https://developer.mozilla.org/en-US/docs/Web/HTML/Element/picture
2. https://html.spec.whatwg.org/multipage/embedded-content.html#the-img-element
3. http://www.html5rocks.com/en/tutorials/responsive/picture-element/
4. https://dev.opera.com/articles/native-responsive-images/

Full-screen images, CSS, etc.

1. http://stackoverflow.com/questions/24650218/image-in-full-screen-with-img-tag
2. https://developer.mozilla.org/en-US/docs/Web/CSS/box-sizing
3. https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Using_CSS_flexible_boxes
4. https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Flexbox
5. https://kartikprabhu.com/articles/equal-height-images-flexbox
6. http://thenewcode.com/986/Web-Developer-Reading-List-Galleries
7. https://github.com/lukewestby/elm-css-autoprefix

Haskell

Haskell file APIs

1. https://hackage.haskell.org/package/directory-1.2.7.0/docs/System-Directory.html
2. https://hackage.haskell.org/package/base-4.9.0.0/docs/System-IO.html
3. https://wiki.haskell.org/Tutorials/Programming_Haskell/String_IO

Haskell image APIs

1. https://github.com/Twinside/Juicy.Pixels
2. https://www.reddit.com/r/haskellquestions/comments/2p0tk0/juicy_pixels_simple_example_code/
3. http://hackage.haskell.org/package/friday-juicypixels