Skip to content

Instantly share code, notes, and snippets.

# Generates a cover image along with mute web-ready WebM and MP4 files for each master video in a folder.
# See:
# Parameter 1: Input video format (e.g. "mov").
# Parameter 2: Output width in pixels (e.g. "1280").
# Example use: "./ mov 1280".
mkdir web
mfd / .htaccess
Created Dec 22, 2020
for pwa and ssr apps
View .htaccess
AddType "text/html; charset=utf-8" .html .htm
AddDefaultCharset utf-8
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.html$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.html [L]
mfd /
Created Dec 19, 2020 — forked from cronfy/
Download file from from linux console with bash script
#!/usr/bin/env bash
# ВАЖНО. время от времени меняет внутрянку, не очень сильно, но требуется адаптация скрипта.
# Если скрипт не работает, просьба разместить патч в комментариях или сделать работающий форк.
# 2018-06-18 updated: changed internals
# 2017-09-22 original idea:
mfd / input.scss
Created Oct 18, 2020
Generated by
View input.scss
@function vw($width) {
@return 100 * $width / 1380 * 1vw;
@function vwM($width) {
@return 100 * $width / 420 * 1vw;
$breakpoints: (
'small': 767px,
'medium': 1000px,
for i in **/*.mp4; do
    d=$(dirname "$i");
    b=$(basename "$i" .mp4);
    mkdir -p "720/${d}"
    ffmpeg -i "$i" -c:v libx264 -s hd720 "720/${d}/${b}_720.mp4"
View mlearning.css
.mlrng{margin-top:3.5rem}.mlrng__section{padding:40px 0 20px 0}.mlrng__title{text-align:center;margin-bottom:1em;text-transform:uppercase}.mlrng .header{background:#131300;margin:0}.mlrng .header .col-sm-6{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.mlrng .header__buttons{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.mlrng .header__buttons .btn{margin-right:1em;margin-bottom:1em}.mlrng .mlearning-logo span{width:500px;height:155px;position:relative;display:block;text-indent:-1984px}.mlrng .mlearning
mfd /
Last active Jan 17, 2020 base SEO
mfd /
Created Nov 5, 2019 — forked from magicznyleszek/
Multiply blending mode to PNG in Photoshop
  1. copy your image (Ctrl+A and Ctrl+C)
  2. make a new document-sized pure-black layer behind it
  3. group the black layer and yor image together
  4. add mask to the group
  5. enter mask edit mode (alt+click on the mask icon/thumbnail)
  6. paste your image in the mask (b/w) and then invert it.
  7. save it as a 24-bit transparent PNG