Skip to content

Instantly share code, notes, and snippets.

View juliendargelos's full-sized avatar
🌫️

Julien Dargelos juliendargelos

🌫️
View GitHub Profile
@juliendargelos
juliendargelos / README-rails.md
Last active July 19, 2022 05:55
README.md template for Ruby on Rails projects

Project

project.com

Install

Clone the repository

git clone git@github.com:juliendargelos/project.git
@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 / 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'
(() => {
if(!navigator.mediaDevices) {
navigator.mediaDevices = {}
}
if (!navigator.mediaDevices.getUserMedia) {
navigator.mediaDevices.getUserMedia = (
navigator.mediaDevices.webkitGetUserMedia ||
navigator.mediaDevices.mozGetUserMedia ||
navigator.mediaDevices.msGetUserMedia ||
@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 / imagemagick-trim-transparent.sh
Last active October 23, 2023 02:31
Imagemagick command that trims transparent pixels from an image.
convert input.png -trim +repage output.png
@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],