Skip to content

Instantly share code, notes, and snippets.

View video4web.sh
#!/bin/bash
# Generates a cover image along with mute web-ready WebM and MP4 files for each master video in a folder.
# See: https://gist.github.com/jaydenseric/220c785d6289bcfd7366.
# Parameter 1: Input video format (e.g. "mov").
# Parameter 2: Output width in pixels (e.g. "1280").
# Example use: "./video4web.sh mov 1280".
mkdir web
@mfd
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]
</IfModule>
@mfd
mfd / dl-cloud-mail-ru.sh
Created Dec 19, 2020 — forked from cronfy/dl-cloud-mail-ru.sh
Download file from cloud.mail.ru from linux console with bash script
View dl-cloud-mail-ru.sh
#!/usr/bin/env bash
#
# ВАЖНО. mail.ru время от времени меняет внутрянку, не очень сильно, но требуется адаптация скрипта.
# Если скрипт не работает, просьба разместить патч в комментариях или сделать работающий форк.
# 2018-06-18 updated: mail.ru changed internals
# 2017-09-22 original idea: https://novall.net/itnews/bash-skript-dlya-skachivaniya-fajlov-s-mail-ru-cherez-konsol-linux.html
URL="$1"
@mfd
mfd / input.scss
Created Oct 18, 2020
Generated by SassMeister.com.
View input.scss
@function vw($width) {
@return 100 * $width / 1380 * 1vw;
}
@function vwM($width) {
@return 100 * $width / 420 * 1vw;
}
$breakpoints: (
'small': 767px,
'medium': 1000px,
View mp4resize.md
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"
done
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
mfd / seo.md
Last active Jan 17, 2020
RN.digital base SEO
View seo.md
@mfd
mfd / multiply-blending-mode-to-png.md
Created Nov 5, 2019 — forked from magicznyleszek/multiply-blending-mode-to-png.md
Multiply blending mode to PNG in Photoshop
View multiply-blending-mode-to-png.md
  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