Pavel Shut SpadarShut

## paste-svg-from-clipboard-paper.js
//CC2018
document.addEventListener('paste', function(evt) {
    //Import SVG copied to clipboard from Illustrator
    //remove last hidden character that will otherwise break the import
    if(document.activeElement.nodeName!="TEXTAREA"){
        var str=evt.clipboardData.getData('text/plain').slice(0, -1);
        var svg=project.importSVG(str)
        svg.clipped=false;
        svg.children[0].remove()
        svg.parent.insertChildren(svg.index,svg.removeChildren());

## react-redux-style-guide.md

      
              1 file
            
          
              43 forks
            
          
              7 comments
            
          
              252 stars
            
          
                datchley
                / react-redux-style-guide.md
            
            
              Last active
              February 13, 2024 14:30
            
              
                React + Redux Style Guide
              
          
    React/Redux Style Guide

Table of Contents:


React/Redux Style Guide

React Guidelines

Organization
Components


Container Components


## read_mac_file_tags.js
var exec = require('child_process').exec;

// Outputs the Mac OS X Finder tags of a file
// in the same directory as the script.
// Depends on tag (https://github.com/jdberry/tag)

var filename = "some_file_with_tags.md";

readTags(filename);

## sm-annotated.html
<script type="text/javascript">
    (function () {
      "use strict";
      // once cached, the css file is stored on the client forever unless
      // the URL below is changed. Any change will invalidate the cache
      var css_href = './index_files/web-fonts.css';
      // a simple event handler wrapper
      function on(el, ev, callback) {
        if (el.addEventListener) {
          el.addEventListener(ev, callback, false);

## Readme.md

      
              2 files
            
          
              12 forks
            
          
              3 comments
            
          
              89 stars
            
          
                NV
                / Readme.md
            
            
              Last active
              May 28, 2023 20:42
            
              
                Prepend the debugger statement to a function as easy as stopBefore('Element.prototype.removeChild'). Works in Chrome DevTools and Safari Inspector, doesn’t work in Firebug‘s and Firefox Developer Tools‘ console (I don’t know why). Works as a standalone script everywhere.
              
          
    stopBefore.js

2min screencast
Examples

stopBefore(document, 'getElementById')
stopBefore('document.getElementById') // the same as the previous
stopBefore(Element.prototype, 'removeChild')

  
## image-2x.less
/**
 * I converted the SCSS mixin to LESS for the awesome coders like myself in response to a blog post on 37Signals - http://37signals.com/svn/posts/3271-easy-retina-ready-images-using-scss
 *
 * Update: 2014-08-04 - Updated a long-standing bug where retina images were shown no matter what in the first background-image property.
 *                    - Updated retina media query to be more reliable ()
 * Update: 2013-11-13 - Picked up another technique thanks to reading this post from Tyler Tate, auto-fill in the second filename for the retina image, http://tylertate.com/blog/2013/06/11/retina-images-using-media-queries-and-LESS-CSS.html
 * Update: 2013-04-16 - Have recently found a few use cases when using a retina pattern from Subtle Patterns on the <body>, this has come in handy
 * Update: 2013-04-05 - Some research in the Wordpress Core(http://core.trac.wordpress.org/ticket/22238#comment:5) was pointed out that some tests may be redundant (Thanks @kbav) so I've cleaned these up
 * Update: 2012-12-29 - U

## html.tpl.php
<!DOCTYPE html>
<html<?php print $html_attributes; ?>>
<head>
  <?php print $head; ?>
  <title><?php print $head_title; ?></title>
  <?php print $styles; ?>
  <?php print $head_scripts; ?>
</head>

<body<?php print $body_attributes;?>>

## README.md

      
              2 files
            
          
              51 forks
            
          
              21 comments
            
          
              355 stars
            
          
                necolas
                / README.md
            
            
              Last active
              March 28, 2024 20:34
            
              
                Experimenting with component-based HTML/CSS naming and patterns
              
          
    NOTE I now use the conventions detailed in the SUIT framework
Template Components

Used to provide structural templates.
Pattern
t-template-name


## css-stats-ack.sh
#!/bin/bash

## v1.0.6
## this script will gernerate css stats

### example output

# CSS STATS
# ----------
# Floats:  132

## gist:1126857
var unicode = {
  escape: function(s) {
    return s.replace(/^[-~]|\\/g, function(m) {
      var code = m.charCodeAt(0);
      return '\\u' + ((code < 0x10) ? '000' : ((code < 0x100) ? '00' : ((code < 0x1000) ? '0' : ''))) + code.toString(16);
    });
  },
  unescape : function (s) {
    return s.replace(/\\u([a-fA-F0-9]{4})/g, function(matched, g1) {
      return String.fromCharCode(parseInt(g1, 16))
	//CC2018
	document.addEventListener('paste', function(evt) {
	//Import SVG copied to clipboard from Illustrator
	//remove last hidden character that will otherwise break the import
	if(document.activeElement.nodeName!="TEXTAREA"){
	var str=evt.clipboardData.getData('text/plain').slice(0, -1);
	var svg=project.importSVG(str)
	svg.clipped=false;
	svg.children[0].remove()
	svg.parent.insertChildren(svg.index,svg.removeChildren());
	var exec = require('child_process').exec;

	// Outputs the Mac OS X Finder tags of a file
	// in the same directory as the script.
	// Depends on tag (https://github.com/jdberry/tag)

	var filename = "some_file_with_tags.md";

	readTags(filename);
	<script type="text/javascript">
	(function () {
	"use strict";
	// once cached, the css file is stored on the client forever unless
	// the URL below is changed. Any change will invalidate the cache
	var css_href = './index_files/web-fonts.css';
	// a simple event handler wrapper
	function on(el, ev, callback) {
	if (el.addEventListener) {
	el.addEventListener(ev, callback, false);
	/**
	* I converted the SCSS mixin to LESS for the awesome coders like myself in response to a blog post on 37Signals - http://37signals.com/svn/posts/3271-easy-retina-ready-images-using-scss
	*
	* Update: 2014-08-04 - Updated a long-standing bug where retina images were shown no matter what in the first background-image property.
	* - Updated retina media query to be more reliable ()
	* Update: 2013-11-13 - Picked up another technique thanks to reading this post from Tyler Tate, auto-fill in the second filename for the retina image, http://tylertate.com/blog/2013/06/11/retina-images-using-media-queries-and-LESS-CSS.html
	* Update: 2013-04-16 - Have recently found a few use cases when using a retina pattern from Subtle Patterns on the <body>, this has come in handy
	* Update: 2013-04-05 - Some research in the Wordpress Core(http://core.trac.wordpress.org/ticket/22238#comment:5) was pointed out that some tests may be redundant (Thanks @kbav) so I've cleaned these up
	* Update: 2012-12-29 - U
	<!DOCTYPE html>
	<html<?php print $html_attributes; ?>>
	<head>
	<?php print $head; ?>
	<title><?php print $head_title; ?></title>
	<?php print $styles; ?>
	<?php print $head_scripts; ?>
	</head>

	<body<?php print $body_attributes;?>>
	#!/bin/bash

	## v1.0.6
	## this script will gernerate css stats

	### example output

	# CSS STATS
	# ----------
	# Floats: 132
	var unicode = {
	escape: function(s) {
	return s.replace(/^[-~]\|\\/g, function(m) {
	var code = m.charCodeAt(0);
	return '\\u' + ((code < 0x10) ? '000' : ((code < 0x100) ? '00' : ((code < 0x1000) ? '0' : ''))) + code.toString(16);
	});
	},
	unescape : function (s) {
	return s.replace(/\\u([a-fA-F0-9]{4})/g, function(matched, g1) {
	return String.fromCharCode(parseInt(g1, 16))