Skip to content

Commit

Permalink
hk: rm quotes on tag front matter
Browse files Browse the repository at this point in the history
  • Loading branch information
jm3 committed Jun 21, 2019
1 parent b5e6987 commit 43521e6
Show file tree
Hide file tree
Showing 28 changed files with 33 additions and 45 deletions.
3 changes: 1 addition & 2 deletions 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

Expand All @@ -10,4 +10,3 @@ date: 2019-06-07
use the [v-model][docs] directive

[docs]: https://vuejs.org/v2/guide/forms.html

2 changes: 1 addition & 1 deletion 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

Expand Down
2 changes: 1 addition & 1 deletion 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

Expand Down
3 changes: 1 addition & 2 deletions content/learnings/even-odd-keywords-in-selectors.md
@@ -1,11 +1,10 @@
---
title: even + odd keywords in selectors
tags: ["CSS3"]
tags: [CSS3]
goal: Front-End Engineering
date: 2019-06-03
needs-work: true

---

.grid div:nth-of-type(even) { ... }

2 changes: 1 addition & 1 deletion 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
Expand Down
@@ -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
Expand Down
2 changes: 1 addition & 1 deletion 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?
Expand Down
2 changes: 1 addition & 1 deletion 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

Expand Down
2 changes: 1 addition & 1 deletion 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
Expand Down
2 changes: 1 addition & 1 deletion 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
Expand Down
5 changes: 2 additions & 3 deletions content/learnings/format-html-css-with-js-beautify.md
@@ -1,17 +1,16 @@
---
title: Format HTML + CSS with JS-beautify
tags: ["HTML5"]
tags: [HTML5]
goal: Front-End Engineering
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

3 changes: 1 addition & 2 deletions 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**

2 changes: 1 addition & 1 deletion 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

Expand Down
3 changes: 1 addition & 2 deletions 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

Expand All @@ -23,4 +23,3 @@ well.
Read the [docs][docs].

[docs]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals

5 changes: 2 additions & 3 deletions 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

Expand All @@ -9,7 +9,7 @@ date: 2019-06-08
```css
:root {
--scale: scale(1.1);
--primary-color: #00FF00;
--primary-color: #00FF00;
}
```
Expand All @@ -20,4 +20,3 @@ date: 2019-06-08
```

{{< codepen id="vwZWPz" tab="css" >}}

@@ -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?
Expand Down
2 changes: 1 addition & 1 deletion 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

Expand Down
2 changes: 1 addition & 1 deletion 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

Expand Down
2 changes: 1 addition & 1 deletion 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
Expand Down
5 changes: 2 additions & 3 deletions 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

Expand All @@ -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
```

3 changes: 1 addition & 2 deletions content/learnings/style-select-menus.md
@@ -1,7 +1,7 @@
---
title: Style HTML <select> menus in CSS
summary: "with :after and content:"
tags: ["HTML5", "CSS3"]
tags: [HTML5, CSS3]
goal: Front-End Engineering
date: 2019-06-02

Expand All @@ -12,4 +12,3 @@ pseudo-element with `content:` to add a pure CSS "caret" (the little
disclosure triangle).

[demo]: https://dribbble.com/jm3/LINK-MISSING

2 changes: 1 addition & 1 deletion content/learnings/stylelint-command-line.md
@@ -1,6 +1,6 @@
---
title: Stylelint on the command line
tags: ["CSS3", "Command Line"]
tags: [CSS3, Command Line]
goal: Front-End Engineering
date: 2019-06-07
summary: Stylelint isn't just for editors.
Expand Down
5 changes: 2 additions & 3 deletions content/learnings/vue-event-handling-bubble-stopping.md
@@ -1,7 +1,7 @@
---
title: Vue event handling
summary: and un-bubbling
tags: ["Vue.js"]
tags: [Vue.js]
goal: Front-End Engineering
date: 2019-06-18

Expand All @@ -10,6 +10,5 @@ trap user input events with v-on:… directives like:

v-on:keyup.enter="myCoolEnterHandler"

stop or change event bubbling with event modifiers like:
stop or change event bubbling with event modifiers like:
.stop, .prevent, .capture, .self, .once, .passive`, e.g. `<a v-on:click.stop=“doIt”>yo</a>

2 changes: 1 addition & 1 deletion content/learnings/vue-key-syntax-mapping.md
@@ -1,7 +1,7 @@
---
title: Vue's magical key mapping
summary: ...from 'CamelCase' to 'kebab-case' in bind object expressions
tags: ["Vue.js"]
tags: [Vue.js]
goal: Front-End Engineering
date: 2019-06-25

Expand Down
3 changes: 1 addition & 2 deletions content/learnings/vue-template-directive-basics.md
@@ -1,6 +1,6 @@
---
title: Vue template directives
tags: ["Vue.js"]
tags: [Vue.js]
goal: Front-End Engineering
date: 2019-06-02
summary: the basics
Expand All @@ -12,4 +12,3 @@ Some initial basics:
* `v-if` - conditionally render or remove an element if and only if truthy
* `v-for` - loop
* `v-show` - just hide the element (using `display: none`), but don't remove it or unhook events

5 changes: 2 additions & 3 deletions content/learnings/vue-template-syntactic-sugar.md
@@ -1,12 +1,12 @@
---
title: Vue template syntactic sugar
tags: ["Vue.js"]
tags: [Vue.js]
goal: Front-End Engineering
date: 2019-06-03

---

Event listeners:
Event listeners:
v-on:click``@click

Data binding - object syntax:
Expand All @@ -30,4 +30,3 @@ data: {
cat: 'active',
dog: 'text-danger'
}

2 changes: 1 addition & 1 deletion content/learnings/vue-templating-gotchas.md
@@ -1,6 +1,6 @@
---
title: Vue templating gotchas
tags: ["Vue.js", "Debugging"]
tags: [Vue.js, Debugging]
goal: Front-End Engineering
date: 2019-06-04

Expand Down
3 changes: 1 addition & 2 deletions content/learnings/vue-viewmodel-instances.md
@@ -1,7 +1,7 @@
---
title: Vue ViewModel instances
summary: the five elements
tags: ["Vue.js"]
tags: [Vue.js]
goal: Front-End Engineering
date: 2019-06-05
needs-work: true
Expand All @@ -13,4 +13,3 @@ needs-work: true
3. methods
4. computed
5. watch’es

0 comments on commit 43521e6

Please sign in to comment.