pmarquees

Youtube Picture-in-pitcure

Picture-in-Picture (PiP) allows users to watch videos in a floating window (always on top of other windows) so they can keep an eye on what they’re watching while interacting with other sites, or applications. Watch YouTube videos in Picture in Picure without installing any extensions by using the "new" requestPictureInPicture

How to use

1. Add a new bookmark.
2. Copy youtubePip.js and paste it into the URL field of the bookmark.
3. Save.
4. Click the bookmarklet in a YouTube tab and voilá!

pmarquees

javascript:document.body.contentEditable = 'true'; document.designMode='on'; void 0

pmarquees

javascript:(function(){var url=window.location.href;var trimmed=url.slice(21);window.location.href=`figma:/${trimmed}`})()

pmarquees

Events.EnterKey = "EnterKey"
Events.SpaceKey = "SpaceKey"
Events.BackspaceKey = "BackspaceKey"
Events.CapsLockKey = "CapsLockKey"
Events.ShiftKey = "ShiftKey"
Events.ValueChange = "ValueChange"
Events.InputFocus = "InputFocus"
Events.InputBlur = "InputBlur"

class exports.InputLayer extends TextLayer

pmarquees

plugin.run = (contents, options) ->
	"""
#{contents}

# Input component, collapse this so you can read your file properly

{InputLayer} = require "input"

# Loop to all layers and find the inputs
inputs = Framer.CurrentContext._layers.filter((a) =>

pmarquees

      static propertyControls: PropertyControls<Props> = process.env.NODE_ENV === 'development'
        ? {
            title: { type: ControlType.String, title: "Title" },
             },
        }
        : null;

pmarquees

{
  "_args": [
    [
      "skpm@^0.8.0",
      "/Users/pmarques/Documents/Projects/react-sketchapp/examples/basic-setup"
    ]
  ],
  "_from": "skpm@>=0.8.0 <0.9.0",
  "_id": "skpm@0.8.2",
  "_inCache": true,

pmarquees

import React from 'react'; // This imports the react library
import './styles.css' // In this case I chose to import the styles from a separate file

const Button = ({
  type = 'default' // this is the parameter you'll be able to define in the HTML
  cta = '',
  children, // by defining children as a parameter you are making it available to be used inside the component
}) => (
  <button className={`button-base ${type}`}>
    <p>{cta || children}</p>