Skip to content

Instantly share code, notes, and snippets.

View iksi's full-sized avatar
🤞

Jurriaan iksi

🤞
View GitHub Profile
@iksi
iksi / fluid-typography.css
Created January 14, 2016 11:45
Fluid typography between a min & max font-size and molten leading
/**
* Fluid typography between a min & max font-size and molten leading
* calc(minSize + (maxSize - minSize) * ((100vw - minPort) / (maxPort - minPort)));
*/
:root {
font-size: 100%;
}
body {
font-size: 1em;
@iksi
iksi / hex-to-hsl.php
Created April 18, 2018 10:44
convert hex to hsl
<?php
// http://www.niwa.nu/2013/05/math-behind-colorspace-conversions-rgb-hsl/
// convert hex to hsl
$hex = str_split(ltrim('#0099cc', '#'), 2);
// convert the rgb values to the range 0-1
$rgb = array_map(function($part) {
return hexdec($part) / 255;
export const camelCaseToKebabCase = (string) => {
return string.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, '$1-$2').toLowerCase();
};
Pulling docker images...
Creating network "tmp_default" with the default driver
Creating tmp_main_run ...
Creating tmp_main_run ... done
Starting the docker image...
Pulling docker images...
Creating network "tmp_default" with the default driver
Creating tmp_main_run ...
Creating tmp_main_run ... done
Starting the docker image...
import React from 'react';
import PropTypes from 'prop-types';
const getSrcUrl = (url, width) => `${url}?w=${width}&fm=jpg&auto=format`;
const getSrcSet = (url, widths) => widths
.map((width) => `${getSrcUrl(url, width)} ${width}w`)
.join(', ');
@iksi
iksi / delete_renditions.py
Created January 7, 2020 15:48
Django management command to delete Wagtail’s image renditions
import os, shutil
from django.conf import settings
from django.core.management.base import BaseCommand, CommandError
from wagtail.images.models import Rendition
class Command(BaseCommand):
def handle(self, *args, **options):
renditions = Rendition.objects.all()
if renditions:
@iksi
iksi / path.js
Created August 6, 2019 07:57
vanilla js functions
// Get deep value from object by passing path to it as an array
const path = (pathArray, nestedObject) => pathArray.reduce((object, key) => (
object && object[key] !== 'undefined' ? object[key] : undefined
), nestedObject);

Keybase proof

I hereby claim:

  • I am iksi on github.
  • I am iksi (https://keybase.io/iksi) on keybase.
  • I have a public key ASBD9jM2bNQypuCqFuG4tw_rR6MMQoOYtw4cQ5WhS-PfNAo

To claim this, I am signing this object:

@iksi
iksi / minify-kirby.php
Last active June 2, 2018 23:40
Minify Kirby’s HTML output
/**
* Uses Alan Moore's regexp:
* http://stackoverflow.com/questions/5312349/minifying-final-html-output-using-regular-expressions-with-codeigniter
*
* Replace `echo $kirby->launch();` in Kirby’s index.php by
* the following code to minify the HTML output
* (it leaves whitespace within `<pre>` and `<textarea>` tags untouched)
*/
echo preg_replace(
'/(?>[^\S ]\s*|\s{2,})(?=(?:(?:[^<]++|<(?!\/?(?:textarea|pre)\b))*+)