Skip to content

Instantly share code, notes, and snippets.

View juliendargelos's full-sized avatar
🌫️

Julien Dargelos juliendargelos

🌫️
View GitHub Profile
@juliendargelos
juliendargelos / lorem-ipsum.js
Last active May 29, 2018 10:14
Generates Lorem Ipsum and provides a lorem-ipsum html element.
// Usage:
//
// Get a Lorem Ipsum with 100 words (default):
// new LoremIpsum().string
// LoremIpsum.string
//
// Get a Lorem Ipsum with 200 words and without starting with "Lorem ipsum dolor sit amet...":
// new LoremIpsum({length: 200, classic: false}).string
// LoremIpsum.generate({length: 200, classic: false})
//
var load = () => {
var loader = document.createElement('div')
loader.style.backgroundColor = 'white'
loader.style.width = '100vw'
loader.style.height = '100vh'
loader.style.position = 'fixed'
loader.style.zIndex = 1000
loader.style.display = 'flex'
loader.style.alignItems = 'center'
loader.style.justifyContent = 'center'
@juliendargelos
juliendargelos / drawImage-antialiasing.js
Last active July 31, 2018 15:05
Draws an image into a canvas with anti-aliasing
/*
Draws an image into a canvas with anti-aliasing
void ctx.drawImage(context, image, dx, dy);
void ctx.drawImage(context, image, dx, dy, dWidth, dHeight);
void ctx.drawImage(context, image, sx, sy, sWidth, sHeight, dx, dy, dWidth, dHeight);
See https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/drawImage for documentation,
and just add an extra "context" parameter (the context to draw with) at the beggining.
*/
@juliendargelos
juliendargelos / README-middleman.md
Last active August 13, 2018 15:34
README.md template for Middleman projects

Project

project.com

Install

Clone the repository

git clone git@github.com:juliendargelos/project.git
@juliendargelos
juliendargelos / text-stroke.sass
Created March 18, 2019 01:15
Cross-browser css text-stroke.
@function text-stroke-shadow-layer($offset, $color)
$text-shadow: ()
$text-shadow: append($text-shadow, #{$offset}px 0 0 $color, comma)
$text-shadow: append($text-shadow, #{$offset}px #{$offset}px 0 $color, comma)
$text-shadow: append($text-shadow, 0 #{$offset}px 0 $color, comma)
$text-shadow: append($text-shadow, #{-$offset}px #{$offset}px 0 $color, comma)
$text-shadow: append($text-shadow, #{-$offset}px 0 0 $color, comma)
$text-shadow: append($text-shadow, #{-$offset}px #{-$offset}px 0 $color, comma)
$text-shadow: append($text-shadow, 0 #{-$offset}px 0 $color, comma)
$text-shadow: append($text-shadow, #{$offset}px #{-$offset}px 0 $color, comma)
@juliendargelos
juliendargelos / media.sass
Last active March 18, 2019 01:32
Media mixins.
$tablet: 800px
$desktop: 1000px
=media-min-height($height)
@media screen and (min-height: $height)
@content
=media-min-width($width)
@media screen and (min-width: $width)
@content
@juliendargelos
juliendargelos / Default.sublime-commands
Created March 25, 2019 08:42
Open Terminus in split view on Sublime Text
[
{
"caption": "Terminus: Open Default Shell in Split View",
"command": "terminus_open",
"args": {
"config_name": "Default",
"pre_window_hooks": [
["set_layout", {
"cols": [0.0, 0.7, 1.0],
"rows": [0.0, 1.0],
const methods = [
Math.random,
n => (Math.sin(n * 0.04) + 1) * 0.5,
n => n % 200 / 200,
n => Math.pow(n * 0.5 % 100 - 50, 2) / 2500,
n => (Math.sin(n * 0.01) + 1) * 0.3 + 0.15,
n => n % -50 / 50,
n => Math.abs(n * 0.8 % 100 - 50) / 50,
]
@juliendargelos
juliendargelos / url-regex.md
Created October 2, 2019 16:13
Compact regular expression for urls

Url regex

Compact regular expression for urls:

/^(?:([^:\/\s]+):)?(?:\/\/([^?#\s:]+))?(?::(\d+))?(?:(\/[^?#\s]+))?(?:#([^?\s]*))?(?:\?(.+))?$/

Example:

@juliendargelos
juliendargelos / rollup-plugin-web-dependencies.js
Last active October 19, 2019 15:50 — forked from bastienrobert/rollup-plugin-rename-imports.js
Rollup plugin to rename imports in an ES modules
import fs from 'fs'
/**
* @example
* // In rollup.config.js
* export default {
* // ...
* plugins: [
* webDependencies({
* // Use pika cdn by default