Skip to content

Instantly share code, notes, and snippets.

Avatar
🦈

Ricardo Canelas ricardocanelas

🦈
View GitHub Profile
@ricardocanelas
ricardocanelas / regex.md
Last active Apr 23, 2021
Regex - Basic information
View regex.md

Reference

Meta Sequences:

  • . (a dot) It denotes “any character except a newline”

Quantifiers:

  • + to the match one character after another.
  • ? is a quantifier by itself (zero or one), but if added after another quantifier (or even itself) it gets another meaning – it switches the matching mode from greedy --> to --> lazy.
View template-engine-simple.js
export const template = function (tpl, data) {
if (typeof tpl !== 'string') return ''
if (typeof data !== 'object') return tpl
const interpolate = new RegExp('{{(.+?)}}', 'gi')
let result = tpl
result = result.replace(interpolate, (...args) => {
const values = args[1] ? args[1].trim().split('||') : ''
@ricardocanelas
ricardocanelas / VagrantFile
Last active Sep 17, 2020
Vagrant / PHP7.1 + MySQL5.6 + Apache
View VagrantFile
# -*- mode: ruby -*-
# vi: set ft=ruby :
Vagrant.configure("2") do |config|
config.vm.box = "ubuntu/trusty64"
config.vm.network "private_network", ip: "192.168.100.100"
config.vm.synced_folder "./www", "/var/www/", :nfs => { :mount_options => ["dmode=777","fmode=666"] }
View preact-example.html
<!DOCTYPE html>
<html>
<head>
<title>Preact</title>
</head>
<body>
<script type="module">
import {
html,
render,
@ricardocanelas
ricardocanelas / embedVideo.js
Created Jul 16, 2020
Embed Video (youtube & vimeo)
View embedVideo.js
function stripParameters(str) {
// Split parameters or split folder separator
if (str.indexOf('?') > -1) {
return str.split('?')[0]
} else if (str.indexOf('/') > -1) {
return str.split('/')[0]
}
return str
}
View server.js
const { createServer } = require('https')
const { parse } = require('url')
const next = require('next')
const selfsigned = require('selfsigned')
// const fs = require('fs')
const dev = process.env.NODE_ENV !== 'production'
const app = next({ dev })
const handle = app.getRequestHandler()
View custom-checkbox-twbs.scss
$custom-checkbox-color: $color-brand-wcag-3-1;
$custom-checkbox-size: 24px;
.custom-checkbox {
.custom-control-input {
opacity: 0;
width: $custom-checkbox-size;
height: $custom-checkbox-size;
}
@ricardocanelas
ricardocanelas / utilities.scss
Last active Jun 24, 2020
Utility-Class (like Bootstrap 5) buut.. in a simple way
View utilities.scss
$grid-breakpoints: (
xs: 0,
sm: 576px,
md: 768px,
lg: 992px,
xl: 1200px,
xxl: 1400px
);
$utilities: (