Skip to content

Instantly share code, notes, and snippets.

View wochap's full-sized avatar
🎯

Gean Marroquin wochap

🎯
16 followers · 19 following
View GitHub Profile
@wochap
wochap / _index.scss
Last active December 30, 2015 16:46
Preprocesadores
@import 'foo'; // requires _foo.scss
$string: ".foo"
$list: ()
@mixin foo($color: blue) {
color: $color;
}
@wochap
wochap / 01 - Sublime Configurations.md
Last active March 27, 2016 21:05 — forked from fdaciuk/01 - Sublime Configurations.md
Sublime Configurations
@wochap
wochap / readme.md
Last active July 8, 2016 15:43
vue cli webpack fixes

Vue cli webpack fixes

# index.js - /config/index.js

assetsPublicPath: '/',

// to
@wochap
wochap / agency.md
Last active August 1, 2016 15:49
API Rica Rica

Agencia

1. Obtener todas las categories

[GET] api/agency

Example

@wochap
wochap / classes.md
Last active August 22, 2016 00:12
Javascript docs

classes en js ECMAS5

Closure way

var Person = function (name) {
  var name = name
  
  function speak () {
 console.log('My name is ' + name)
@wochap
wochap / recovery.md
Last active August 22, 2016 19:32
windows 10 env config

Recovery

1. EFI GPT

  • create 500mb partition fat32 boot flag
@wochap
wochap / highlight.vue
Created September 12, 2016 02:58
vue components
<template>
<pre>
<code class="hljs" :class="hljsCode.language">{{{ hljsCode.value }}}</code>
</pre>
</template>
<script>
import hljs from 'highlight.js'
hljs.configure({
@wochap
wochap / helpers.js
Created September 13, 2016 16:49
Youtube video helpers
// get youtube video id
function getYtId (url) {
let match = url.match(/^.*(?:youtu.be\/|v\/|e\/|u\/\w+\/|embed\/|v=)([^#&\?]*).*/)
if (match) {
return match[1]
}
return ''
}
@wochap
wochap / products.md
Last active September 20, 2016 15:58
wiltex api

Items

1. [GET] items

Example

GET

Link: api/admin/products/{id}
@wochap
wochap / css.md
Last active October 6, 2016 17:50
Frontend workflow

CSS goals / CSS philosophy / Methodologies

  • Architecture ITCSS

  • Naming convention

    • CSS: BEMIT
    • Images: [name]_[width]x[height]_[device-pixel-ratio]x, example: 'logo_100x100_1x'

  • CSS Namespacing