whizkydee

Hold Me

Hold the text to see the magic !!!

A Pen by Whizkydee on CodePen.

License.

whizkydee

atom-text-editor {
  -webkit-font-feature-settings: "liga" off, "calt" off; /* very mandatory */
  text-rendering: optimizeLegibility; /* cool */
  font-weight: normal; /* for specificity */
  line-height: 1.7; /* feel free to adjust */
}
.syntax--doctype, .syntax--entity.syntax--other.syntax--attribute-name, .syntax--source.syntax--js.syntax--jsx > .syntax--keyword.syntax--control.syntax--flow.syntax--js,
.syntax--punctuation.syntax--section.syntax--embedded, .syntax--keyword:not(.syntax--logical):not(.syntax--arithmetic):not(.syntax--bitwise):not(.syntax--increment):not(.syntax--ternary):not(.syntax--comparison),
.syntax--meta.syntax--structure.syntax--dictionary.syntax--key.syntax--json,
.syntax--entity.syntax--name.syntax--tag.syntax--yaml,

whizkydee

// openvideo.js - Lone Instagram video extractor.
const openVideo = (() => {
  location.hostname === 'www.instagram.com'
  && location.pathname.includes('/p/') ? (
    Promise.resolve(document.querySelector('._7thjo').click())
    .then(() =>
      window.location = document.querySelector('video').src
    ).catch(() => window.alert('We need a refactor, maybe ;)'))
  ) : window.alert('Oops. You\'re prolly not on the right page.')
})()

whizkydee

ffmpeg

Converting Audio into Different Formats / Sample Rates

Minimal example: transcode from MP3 to WMA:
ffmpeg -i input.mp3 output.wma

You can get the list of supported formats with:
ffmpeg -formats

Convert WAV to MP3, mix down to mono (use 1 audio channel), set bit rate to 64 kbps and sample rate to 22050 Hz:

whizkydee

import React from 'react';
import Store from '../store';
import EventBus from '../eventBus';
import Selection from './selection';
import { getShapeRect } from '../utils';
import { renderToStaticMarkup } from 'react-dom/server.browser';

export default class WhiteBoard extends React.Component {
  constructor() {
    super();

whizkydee

handleUpload = event => {
    const imgElem = this.imgRef.current;
    const file = event.target.files[0];

    if (file && file.type.startsWith('image/')) {
      imgElem.file = file;

      const form = new FormData();
      form.append('files', file);

whizkydee

import Vue from 'vue'
import { mapState } from 'vuex'
import StyledTopBar from './styles'
import { Button } from '@/HelloTaxUI'
import { NavItem } from '../Navigation'
import { UserService } from '@/services'
import 'flag-icon-css/css/flag-icon.min.css'
import Notifications from '@/components/Notifications'
import { BellIcon, Cog, LogoutIcon } from '@/assets/icons'

whizkydee

import Vue from 'vue'


const InputGroup = Vue.component('InputGroup', {
  render() {
    const {
      type,
      full,
      name,
      icon,

whizkydee

[
  { "label": "+93", "value": "Afghanistan" },
  { "label": "+355", "value": "Albania" },
  { "label": "+213", "value": "Algeria" },
  { "label": "+1", "value": "American Samoa" },
  { "label": "+376", "value": "Andorra" },
  { "label": "+244", "value": "Angola" },
  { "label": "+1", "value": "Anguilla" },
  { "label": "+1", "value": "Antigua & Barbuda" },
  { "label": "+54", "value": "Argentina" },

whizkydee

function isObject(obj) {
  return obj !== null && typeof obj === 'object'
}

export default function looseEqual(a, b) {
  if (a === b) return true
  const isObjectA = isObject(a)
  const isObjectB = isObject(b)
  if (isObjectA && isObjectB) {
    try {