Jakob Eriksen jakob-e

## regexp-global-sticky.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              8 stars
            
          
                rauschma
                / regexp-global-sticky.md
            
            
              Last active
              January 1, 2020 08:57
            
          
    Summary: .global (/g) and .sticky (/y)


/g
/y
/yg


.exec()
at .lI or later
at .lI
same as /y


.test()
at .lI or later
at .lI
same as /y


.replace()
ignores & resets .lI
at .lI
/g w/o gaps


.replaceAll()
ignores .lI
TypeError
/g w/o gaps


.search()
no effect
no effect
no effect


.match()
Array of group 0 captures
like .exec()
/g w/o gaps


## Albatross.js
/**
 * @module holy-albatross
 * @description
 * A custom element for switching between horizontal and vertical layouts
 * using Flexbox, where the switch property defines the minimum container width
 * for the horizontal layout
 * @property {string} switch A CSS width value
 * @property {string} margin A CSS margin value
 */

## deep-merge.js
// ⚠ IMPORTANT: this is old and doesn't work for many different edge cases but I'll keep it as-is for any of you want it
// ⚠ IMPORTANT: you can find more robust versions in the comments or use a library implementation such as lodash's `merge`

// Merge a `source` object to a `target` recursively
const merge = (target, source) => {
  // Iterate through `source` properties and if an `Object` set property to merge of `target` and `source` properties
  for (const key of Object.keys(source)) {
    if (source[key] instanceof Object) Object.assign(source[key], merge(target[key], source[key]))
  }

## svgfixer.js
/**
 * SVG Fixer
 *
 * Fixes references to inline SVG elements when the <base> tag is in use.
 * Firefox won't display SVG icons referenced with
 * `<svg><use xlink:href="#id-of-icon-def"></use></svg>` when the <base> tag is on the page.
 *
 * More info:
 * - http://stackoverflow.com/a/18265336/796152
 * - http://www.w3.org/TR/SVG/linking.html

## pseudo_elements.md

      
              1 file
            
          
              79 forks
            
          
              5 comments
            
          
              584 stars
            
          
                p3t3r67x0
                / pseudo_elements.md
            
            
              Last active
              January 16, 2024 01:17
            
              
                A CSS pseudo-element is used to style specified parts of an element. In some cases you can style native HTML controls with vendor specific pseudo-elements. Here you will find an list of cross browser specific pseudo-element selectors.
              
          
    Styling native elements

Native HTML controls are a challenge to style. You can style any element in the web platform that uses Shadow DOM with a pseudo element ::pseudo-element or the /deep/ path selector.
video::webkit-media-controls-timeline {
  background-color: lime;
}

video /deep/ input[type=range] {

  
## dropzone-directive.js
/**
 * An AngularJS directive for Dropzone.js, http://www.dropzonejs.com/
 *
 * Usage:
 *
 * <div ng-app="app" ng-controller="SomeCtrl">
 *   <button dropzone="dropzoneConfig">
 *     Drag and drop files here or click to upload
 *   </button>
 * </div>

## jquery.addrule.js
/*!
 * jquery.addrule.js 0.0.2 - https://gist.github.com/yckart/5563717/
 * Add css-rules to an existing stylesheet.
 *
 * @see http://stackoverflow.com/a/16507264/1250044
 *
 * Copyright (c) 2013 Yannick Albert (http://yckart.com)
 * Licensed under the MIT license (http://www.opensource.org/licenses/mit-license.php).
 * 2013/11/23
 **/
	`/g`	`/y`	`/yg`
`.exec()`	at `.lI` or later	at `.lI`	same as `/y`
`.test()`	at `.lI` or later	at `.lI`	same as `/y`
`.replace()`	ignores & resets `.lI`	at `.lI`	`/g` w/o gaps
`.replaceAll()`	ignores `.lI`	`TypeError`	`/g` w/o gaps
`.search()`	no effect	no effect	no effect
`.match()`	Array of group 0 captures	like `.exec()`	`/g` w/o gaps
	/**
	* @module holy-albatross
	* @description
	* A custom element for switching between horizontal and vertical layouts
	* using Flexbox, where the switch property defines the minimum container width
	* for the horizontal layout
	* @property {string} switch A CSS width value
	* @property {string} margin A CSS margin value
	*/
	// ⚠ IMPORTANT: this is old and doesn't work for many different edge cases but I'll keep it as-is for any of you want it
	// ⚠ IMPORTANT: you can find more robust versions in the comments or use a library implementation such as lodash's `merge`

	// Merge a `source` object to a `target` recursively
	const merge = (target, source) => {
	// Iterate through `source` properties and if an `Object` set property to merge of `target` and `source` properties
	for (const key of Object.keys(source)) {
	if (source[key] instanceof Object) Object.assign(source[key], merge(target[key], source[key]))
	}
	/**
	* SVG Fixer
	*
	* Fixes references to inline SVG elements when the <base> tag is in use.
	* Firefox won't display SVG icons referenced with
	* `<svg><use xlink:href="#id-of-icon-def"></use></svg>` when the <base> tag is on the page.
	*
	* More info:
	* - http://stackoverflow.com/a/18265336/796152
	* - http://www.w3.org/TR/SVG/linking.html
	/**
	* An AngularJS directive for Dropzone.js, http://www.dropzonejs.com/
	*
	* Usage:
	*
	* <div ng-app="app" ng-controller="SomeCtrl">
	* <button dropzone="dropzoneConfig">
	* Drag and drop files here or click to upload
	* </button>
	* </div>
	/*!
	* jquery.addrule.js 0.0.2 - https://gist.github.com/yckart/5563717/
	* Add css-rules to an existing stylesheet.
	*
	* @see http://stackoverflow.com/a/16507264/1250044
	*
	* Copyright (c) 2013 Yannick Albert (http://yckart.com)
	* Licensed under the MIT license (http://www.opensource.org/licenses/mit-license.php).
	* 2013/11/23
	**/