diff --git a/content/learnings/bind-dom-els-to-data-2-way.md b/content/learnings/bind-dom-els-to-data-2-way.md index 92c4d01..0c762fe 100644 --- a/content/learnings/bind-dom-els-to-data-2-way.md +++ b/content/learnings/bind-dom-els-to-data-2-way.md @@ -1,7 +1,7 @@ --- title: Bind DOM elements to data - 2-way binding summary: in Vue.js -tags: ["Vue.js"] +tags: [Vue.js] goal: Front-End Engineering date: 2019-06-07 @@ -10,4 +10,3 @@ date: 2019-06-07 use the [v-model][docs] directive [docs]: https://vuejs.org/v2/guide/forms.html - diff --git a/content/learnings/bundle-simply-with-parcel.md b/content/learnings/bundle-simply-with-parcel.md index f820f40..fff9b55 100644 --- a/content/learnings/bundle-simply-with-parcel.md +++ b/content/learnings/bundle-simply-with-parcel.md @@ -1,6 +1,6 @@ --- title: Bundle simply with Parcel, a webpack alternative -tags: ["CSS3", "Parcel", "Command Line"] +tags: [CSS3, Parcel, Command Line] goal: Front-End Engineering date: 2019-06-01 diff --git a/content/learnings/computed-properties-in-vue.md b/content/learnings/computed-properties-in-vue.md index e9e18b2..3fc00ca 100644 --- a/content/learnings/computed-properties-in-vue.md +++ b/content/learnings/computed-properties-in-vue.md @@ -1,7 +1,7 @@ --- title: Computed properties in Vue summary: cached by reactive dependencies -tags: ["Vue.js"] +tags: [Vue.js] goal: Front-End Engineering date: 2019-06-02 diff --git a/content/learnings/even-odd-keywords-in-selectors.md b/content/learnings/even-odd-keywords-in-selectors.md index 6631cef..8257a7f 100644 --- a/content/learnings/even-odd-keywords-in-selectors.md +++ b/content/learnings/even-odd-keywords-in-selectors.md @@ -1,6 +1,6 @@ --- title: even + odd keywords in selectors -tags: ["CSS3"] +tags: [CSS3] goal: Front-End Engineering date: 2019-06-03 needs-work: true @@ -8,4 +8,3 @@ needs-work: true --- .grid div:nth-of-type(even) { ... } - diff --git a/content/learnings/filter-arrays-in-js.md b/content/learnings/filter-arrays-in-js.md index 219e239..de3e7fc 100644 --- a/content/learnings/filter-arrays-in-js.md +++ b/content/learnings/filter-arrays-in-js.md @@ -1,7 +1,7 @@ --- title: Filter arrays in JS summary: using array.filter -tags: ["Javascript"] +tags: [Javascript] goal: Front-End Engineering date: 2019-06-20 needs-work: fix syntax highlighting for JS diff --git a/content/learnings/find-library-vulnerabilities-with-lighthouse.md b/content/learnings/find-library-vulnerabilities-with-lighthouse.md index 1f2f766..905eae5 100644 --- a/content/learnings/find-library-vulnerabilities-with-lighthouse.md +++ b/content/learnings/find-library-vulnerabilities-with-lighthouse.md @@ -1,6 +1,6 @@ --- title: Find security vulnerabilities in libraries with Lighthouse -tags: ["Hugo", "Command Line"] +tags: [Hugo, Command Line] goal: Front-End Engineering date: 2019-06-10 summary: Don't get XSS'd diff --git a/content/learnings/find-markup-errors-with-html-hint.md b/content/learnings/find-markup-errors-with-html-hint.md index 9bcdceb..e4b7493 100644 --- a/content/learnings/find-markup-errors-with-html-hint.md +++ b/content/learnings/find-markup-errors-with-html-hint.md @@ -1,6 +1,6 @@ --- title: Find markup errors with HTML hint -tags: ["HTML5", "Editor", "Debugging"] +tags: [HTML5, Editor, Debugging] goal: Front-End Engineering date: 2019-06-19 summary: linters? hinters? diff --git a/content/learnings/first-of-type.md b/content/learnings/first-of-type.md index 4b87b67..d564e6f 100644 --- a/content/learnings/first-of-type.md +++ b/content/learnings/first-of-type.md @@ -1,7 +1,7 @@ --- title: :first-of-type {} summary: select the first of a group of similar elements -tags: ["CSS3"] +tags: [CSS3] goal: Front-End Engineering date: 2019-06-18 diff --git a/content/learnings/flag-risky-css-with-stylelint-plugins.md b/content/learnings/flag-risky-css-with-stylelint-plugins.md index 6462ada..15e6064 100644 --- a/content/learnings/flag-risky-css-with-stylelint-plugins.md +++ b/content/learnings/flag-risky-css-with-stylelint-plugins.md @@ -1,6 +1,6 @@ --- title: Flag risky CSS with the 'no-unsupported-browser-features' stylelint plugin -tags: ["CSS3", "Command Line", "Debugging"] +tags: [CSS3, Command Line, Debugging] goal: Front-End Engineering date: 2019-06-06 summary: Find and fix browser compatibility issues **before** you go live diff --git a/content/learnings/force-push-to-git-from-atom.md b/content/learnings/force-push-to-git-from-atom.md index 4af9a5e..d2f1e47 100644 --- a/content/learnings/force-push-to-git-from-atom.md +++ b/content/learnings/force-push-to-git-from-atom.md @@ -1,7 +1,7 @@ --- title: Force push to Git from Atom summary: Because you can never have too much unfettered power -tags: ["Editor"] +tags: [Editor] goal: Front-End Engineering date: 2019-06-20 needs-work: GIF animation of Atom UI diff --git a/content/learnings/format-html-css-with-js-beautify.md b/content/learnings/format-html-css-with-js-beautify.md index da89cb4..c7bdc3c 100644 --- a/content/learnings/format-html-css-with-js-beautify.md +++ b/content/learnings/format-html-css-with-js-beautify.md @@ -1,6 +1,6 @@ --- title: Format HTML + CSS with JS-beautify -tags: ["HTML5"] +tags: [HTML5] goal: Front-End Engineering date: 2019-06-09 @@ -8,10 +8,9 @@ date: 2019-06-09 JS-Beautify can wrap + align attributes, if you like: -possible values: +possible values: auto, force, force-aligned, force-expand-multiline, aligned-multiple, preserve, preserve-aligned command-line: -A, --wrap-attributes - diff --git a/content/learnings/html-nerd-terminology.md b/content/learnings/html-nerd-terminology.md index 1111672..7288f45 100644 --- a/content/learnings/html-nerd-terminology.md +++ b/content/learnings/html-nerd-terminology.md @@ -1,10 +1,9 @@ --- title: HTML nerd terminology -tags: ["HTML5"] +tags: [HTML5] goal: Front-End Engineering date: 2019-06-10 --- Self closing tags are called **void elements** - diff --git a/content/learnings/hugo-archetypes.md b/content/learnings/hugo-archetypes.md index 76d638d..15d71bb 100644 --- a/content/learnings/hugo-archetypes.md +++ b/content/learnings/hugo-archetypes.md @@ -1,6 +1,6 @@ --- title: Hugo archetypes define post templates -tags: ["Hugo"] +tags: [Hugo] goal: Front-End Engineering date: 2019-06-09 diff --git a/content/learnings/js-template-string-literals.md b/content/learnings/js-template-string-literals.md index 7b75922..045652a 100644 --- a/content/learnings/js-template-string-literals.md +++ b/content/learnings/js-template-string-literals.md @@ -1,7 +1,7 @@ --- title: Javascript template literals summary: interpolate expressions within strings -tags: ["Javascript"] +tags: [Javascript] goal: Front-End Engineering date: 2019-06-09 @@ -23,4 +23,3 @@ well. Read the [docs][docs]. [docs]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals - diff --git a/content/learnings/native-css-variables.md b/content/learnings/native-css-variables.md index 333ce9c..ff1e8b5 100644 --- a/content/learnings/native-css-variables.md +++ b/content/learnings/native-css-variables.md @@ -1,6 +1,6 @@ --- title: Create + reference a native CSS variable -tags: ["CSS3"] +tags: [CSS3] goal: Front-End Engineering date: 2019-06-08 @@ -9,7 +9,7 @@ date: 2019-06-08 ```css :root { --scale: scale(1.1); - --primary-color: #00FF00; + --primary-color: #00FF00; } ``` … @@ -20,4 +20,3 @@ date: 2019-06-08 ``` {{< codepen id="vwZWPz" tab="css" >}} - diff --git a/content/learnings/pre-rendering-vs-server-side-rendering.md b/content/learnings/pre-rendering-vs-server-side-rendering.md index 47324ee..fa708df 100644 --- a/content/learnings/pre-rendering-vs-server-side-rendering.md +++ b/content/learnings/pre-rendering-vs-server-side-rendering.md @@ -1,6 +1,6 @@ --- title: Pre-Rendering vs. Server-side Rendering -tags: ["Javascript"] +tags: [Javascript] goal: Front-End Engineering date: 2019-06-12 summary: What's the difference? diff --git a/content/learnings/root-pseudo-class.md b/content/learnings/root-pseudo-class.md index 95db21b..2a613a5 100644 --- a/content/learnings/root-pseudo-class.md +++ b/content/learnings/root-pseudo-class.md @@ -1,7 +1,7 @@ --- title: Use the -root {} CSS pseudo-class summary: like the html {} selector, but with even higher precedence -tags: ["CSS3"] +tags: [CSS3] goal: Front-End Engineering date: 2019-06-01 diff --git a/content/learnings/save-or-apply-a-git-patch.md b/content/learnings/save-or-apply-a-git-patch.md index 2af6fb7..1e12cb8 100644 --- a/content/learnings/save-or-apply-a-git-patch.md +++ b/content/learnings/save-or-apply-a-git-patch.md @@ -1,6 +1,6 @@ --- title: Save or apply a git patch -tags: ["Command Line"] +tags: [Command Line] goal: Front-End Engineering date: 2019-06-08 diff --git a/content/learnings/scale-inline-svg-proportionally.md b/content/learnings/scale-inline-svg-proportionally.md index c651743..764c87e 100644 --- a/content/learnings/scale-inline-svg-proportionally.md +++ b/content/learnings/scale-inline-svg-proportionally.md @@ -1,6 +1,6 @@ --- title: Scale inline SVG proportionally using calc() and var() -tags: ["CSS3", "HTML5"] +tags: [CSS3, HTML5] goal: Front-End Engineering date: 2019-06-05 featured: true diff --git a/content/learnings/splice-arrays.md b/content/learnings/splice-arrays.md index 1fb0966..0cbda0e 100644 --- a/content/learnings/splice-arrays.md +++ b/content/learnings/splice-arrays.md @@ -1,6 +1,6 @@ --- title: Splice using Array.splice -tags: ["Javascript"] +tags: [Javascript] goal: Front-End Engineering date: 2019-06-01 @@ -15,9 +15,8 @@ gas.splice(0,4) // removes first four elements ``` - splice in new elements at the beginning, middle, or end, replacing the -Index → Count range defined by the first two args: +Index → Count range defined by the first two args: ```Javascript gas.splice(1, 0, 'foo', 'bar'); // inserts two new els at idx 1 ``` - diff --git a/content/learnings/style-select-menus.md b/content/learnings/style-select-menus.md index 985d790..ec03843 100644 --- a/content/learnings/style-select-menus.md +++ b/content/learnings/style-select-menus.md @@ -1,7 +1,7 @@ --- title: Style HTML