whaaaley

function btoa(v) {
  var l=v.length,i=(~~(l/3)+1)*4,n,c='',r='',e=0,s,t,q,h='ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/'
  while(--i){
    if(l-->0){
      n=v[v.length-1-l].charCodeAt().toString(2)
      c=c+('00000000'.substr(n.length)+n)
    }
    s=c.substr(e,6)
    r=r+h[parseInt(s,2)]
    e=e+6

whaaaley

Vue for Nuebs

Part 2: Importing Vue components.

1. Install the relevant preprocessors you want to use.

npm install --save-dev node-sass jade

2. Create a new Vue component file in your src directory called main.vue.

whaaaley

Vue for Nuebs

Part 1: Setting up a new Vue project.

1. Install vue-cli

npm install -g vue-cli

2. Pick a template

whaaaley

Better Flex

The problem

• display: flex is just display: block that assigns different flow to the children.
• display: inline-flex is just display: inline that assigns different flow to the children.

So why mess with block or inline at all!? Why not have a property that just assigns a different flow to the children??

The goal

input

whaaaley

Panel

Panel is a set of guidelines that extend the RSCSS guide for Sass components to create a more flexible "box model" by using layers.

---

RSCSS recommends using a component structure like the one below. If you're not familiar with how RSCSS works, you should read through the RSCSS documentation before continuing on.