{"componentChunkName":"component---src-templates-category-template-js","path":"/category/java-script/","result":{"data":{"allMarkdownRemark":{"totalCount":11,"edges":[{"node":{"fields":{"slug":"/resize-observer/"},"excerpt":"Cover photo credit: amirali mirhashemian In general I like to keep all of my layout control in CSS. It’s where stylistic controls belong. As…","timeToRead":5,"frontmatter":{"title":"Resize Observer","category":"JavaScript"}}},{"node":{"fields":{"slug":"/building-a-slide-show-part3-ui-navigation/"},"excerpt":"Cover photo credit: Ethan Eddins In this series we’re looking at how to create a slideshow on the modern web. So far we’ve covered snapping…","timeToRead":4,"frontmatter":{"title":"Building a slideshow part 3 - UI Navigation","category":"JavaScript"}}},{"node":{"fields":{"slug":"/building-a-slide-show-part2-Keyboard-controls/"},"excerpt":"Cover photo credit: Madhu Shesharam In the last article we covered the how to keep a single full slide visible as the user is scrolling. Now…","timeToRead":3,"frontmatter":{"title":"Building a slideshow part 2 - Keyboard controls","category":"JavaScript"}}},{"node":{"fields":{"slug":"/building-a-slide-show-part1-scroll-snap/"},"excerpt":"Cover photo credit: Teemu Paananen One of the things I’ve been wanting to do for a while is to play with CSS scroll-snap. There are a lot of…","timeToRead":2,"frontmatter":{"title":"Building a slideshow part 1 - scroll-snap","category":"JavaScript"}}},{"node":{"fields":{"slug":"/singletons-in-javascript/"},"excerpt":"Cover photo credit: Stanislav Ivanitskiy In a tweet I sent out recently I discussed the use of singletons in Javascript. I got a reply from…","timeToRead":4,"frontmatter":{"title":"Singletons in javascript","category":"JavaScript"}}},{"node":{"fields":{"slug":"/migrating-away-from-momentjs-part1/"},"excerpt":"Cover photo credit: Christian Erfurt MomentJs recently announced that the library is now deprecated. This is a big deal for the javascript…","timeToRead":4,"frontmatter":{"title":"Mirgating away from momentjs - Part 1 - Deciding the successor","category":"JavaScript"}}},{"node":{"fields":{"slug":"/challenges-of-functional-programming/"},"excerpt":"Cover photo credit: Christian Erfurt WARNING: This is a rant. I am semi-new to functional programming, and my opinion is bound to change as…","timeToRead":3,"frontmatter":{"title":"My challenges with functional programming in Javascript","category":"JavaScript"}}},{"node":{"fields":{"slug":"/one-two-n-pattern/"},"excerpt":"Cover photo credit: Evan Dvorkin When do we create an abstraction? It’s an interesting question that has many different potential answers. I…","timeToRead":1,"frontmatter":{"title":"The 1, 2, n pattern","category":"JavaScript"}}},{"node":{"fields":{"slug":"/celibacy-pattern/"},"excerpt":"Cover photo credit: Austin Mabe No this isn’t a discussion about personal relationship practices, but it is about a promise to remain a…","timeToRead":4,"frontmatter":{"title":"The Celibacy Pattern","category":"JavaScript"}}},{"node":{"fields":{"slug":"/rest-spread/"},"excerpt":"Cover photo credit: Jessy Smith The ever progressing ECMA Script standard has brought a lot of awesome new syntax to Javascript. Today I…","timeToRead":3,"frontmatter":{"title":"ES6 Syntax - Array and Object Rest/Spread","category":"JavaScript"}}},{"node":{"fields":{"slug":"/how-to-tell-if-an-element-is-in-the-dom-including-the-shadow-dom/"},"excerpt":"Cover photo credit: Sai Kiran Anagani What element lurks in hearts of documents… The shadow DOM doesn’t know So I ran into a scenario where…","timeToRead":3,"frontmatter":{"title":"How to tell if an element is in the DOM (Including the Shadow DOM)","category":"JavaScript"}}}]},"site":{"siteMetadata":{"facebook":{"appId":"653551055121880"}}}},"pageContext":{"category":"JavaScript"}},"staticQueryHashes":["960164547","960164547"]}