Mastodawn

Kyle Foster Aug 29, 2018

It’s 2018 and here’s my grid “system”. Doesn’t seem like much, but it…

🍺 makes the appropriate number of columns based on content
🥃 responds to viewport size
🍸 allows you to set minimum/maximum column size and gap without touching your CSS

#CSS #FrontEnd #FrontEndTips

Kyle Foster Aug 19, 2018

🔥 These days, an easy way to extend an object is with Object.assign(). Here’s how I’ve been using it in plugins with overridable defaults. One caveat: if you need to perform a deep merge, look elsewhere. #JavaScript #FrontEndTips

Kyle Foster Aug 19, 2018

🔥 There are several ways to create and append content to the DOM using JavaScript. My favorite is insertAdjacentHTML (and its sister method, insertAdjacentElement). #FrontEndTips

https://developer.mozilla.org/en-US/docs/Web/API/Element/insertAdjacentHTML

Element: insertAdjacentHTML() method - Web APIs | MDN

The insertAdjacentHTML() method of the Element interface parses the specified text as HTML or XML and inserts the resulting nodes into the DOM tree at a specified position.

MDN Web Docs

Kyle Foster Aug 19, 2018

Immediately invoked ES6 modules are pretty dope. Just sayin’. #JavaScript #FrontEndTips #ES6

Kyle Foster Nov 14, 2017

I’m noticing a distinct lack of Nazis on this platform. Nice. 👍