Yury Matuhin ymatuhin

## env-examples.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              3 stars
            
          
                robophil
                / env-examples.md
            
            
              Created
              April 20, 2017 14:46
                — forked from ericelliott/env-examples.md
            
              
                env-examples
              
          
    Most configuration really isn't about the app -- it's about where the app runs, what keys it needs to communicate with third party API's, the db password and username, etc... They're just deployment details -- and there are lots of tools to help manage environment variables -- not the least handy being a simple .env file with all your settings. Simply source the appropriate env before you launch the app in the given env (you could make it part of a launch script, for instance).
env files look like this:
SOMEVAR="somevalue"
ANOTHERVAR="anothervalue"

To source it:
$ source dev.env # or staging.env, or production.env, depending on where you're deploying to

  
## what-forces-layout.md

      
              1 file
            
          
              810 forks
            
          
              106 comments
            
          
              8084 stars
            
          
                paulirish
                / what-forces-layout.md
            
            
              Last active
              May 6, 2024 07:54
            
              
                What forces layout/reflow. The comprehensive list.
              
          
    What forces layout / reflow

All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.
Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.
Element APIs

Getting box metrics


elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent


## boilerplate.html
<!DOCTYPE html>
<html class="ua" lang="en" itemscope itemtype="http://schema.org/WebPage">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">

  <title itemprop="name">My page</title>
  <meta name="description" content="Some description" itemprop="description"/>
  <meta name="keywords" content="some, keywords" itemprop="keywords"/>

## styles.css
/**
 * VH and VW units can cause issues on iOS devices: http://caniuse.com/#feat=viewport-units
 *
 * To overcome this, create media queries that target the width, height, and orientation of iOS devices.
 * It isn't optimal, but there is really no other way to solve the problem. In this example, I am fixing
 * the height of element `.foo` —which is a full width and height cover image.
 *
 * iOS Resolution Quick Reference: http://www.iosres.com/
 */


## Pure CSS Offsets
/*
Offsets from https://raw.githubusercontent.com/tilomitra/pure/d7f85e37abec3fdab14a541305ad05783159655c/src/grids/css/grids-offsets.css
Media queries from Pure v0.5.0
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
https://github.com/yui/pure/blob/master/LICENSE.md
*/
@media screen and (min-width: 35.5em) {
    .offset-sm-0 {
      margin-left:0;

## criticalcss-bookmarklet-devtool-snippet.js
(function() {
  var CSSCriticalPath = function(w, d, opts) {
    var opt = opts || {};
    var css = {};
    var pushCSS = function(r) {
      if(!!css[r.selectorText] === false) css[r.selectorText] = {};
      var styles = r.style.cssText.split(/;(?![A-Za-z0-9])/);
      for(var i = 0; i < styles.length; i++) {
        if(!!styles[i] === false) continue;
        var pair = styles[i].split(": ");

## env-examples.md

      
              1 file
            
          
              16 forks
            
          
              9 comments
            
          
              88 stars
            
          
                ericelliott
                / env-examples.md
            
            
              Last active
              May 3, 2024 14:16
            
              
                env-examples
              
          
    Most configuration really isn't about the app -- it's about where the app runs, what keys it needs to communicate with third party API's, the db password and username, etc... They're just deployment details -- and there are lots of tools to help manage environment variables -- not the least handy being a simple .env file with all your settings. Simply source the appropriate env before you launch the app in the given env (you could make it part of a launch script, for instance).
env files look like this:
SOMEVAR="somevalue"
ANOTHERVAR="anothervalue"

To source it:
$ source dev.env # or staging.env, or production.env, depending on where you're deploying to

  
## textStorage.js
/**
 * @ NAME: Cross-browser TextStorage
 * @ DESC: text storage solution for your pages
 * @ COPY: sofish, http://sofish.de
 */

typeof window.localStorage == 'undefined' && ~function () {

    var localStorage = window.localStorage = {},
        prefix = 'data-userdata',

## module_pattern_init.js
// JS Module Pattern:
// http://j.mp/module-pattern

// Redefine: $, window, document, undefined.
var APP = (function($, window, document, undefined) {
  // Automatically calls all functions in APP.init
  $(document).ready(function() {
    APP.go();
  });
	<!DOCTYPE html>
	<html class="ua" lang="en" itemscope itemtype="http://schema.org/WebPage">
	<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">

	<title itemprop="name">My page</title>
	<meta name="description" content="Some description" itemprop="description"/>
	<meta name="keywords" content="some, keywords" itemprop="keywords"/>
	/**
	* VH and VW units can cause issues on iOS devices: http://caniuse.com/#feat=viewport-units
	*
	* To overcome this, create media queries that target the width, height, and orientation of iOS devices.
	* It isn't optimal, but there is really no other way to solve the problem. In this example, I am fixing
	* the height of element `.foo` —which is a full width and height cover image.
	*
	* iOS Resolution Quick Reference: http://www.iosres.com/
	*/
	/*
	Offsets from https://raw.githubusercontent.com/tilomitra/pure/d7f85e37abec3fdab14a541305ad05783159655c/src/grids/css/grids-offsets.css
	Media queries from Pure v0.5.0
	Copyright 2014 Yahoo! Inc. All rights reserved.
	Licensed under the BSD License.
	https://github.com/yui/pure/blob/master/LICENSE.md
	*/
	@media screen and (min-width: 35.5em) {
	.offset-sm-0 {
	margin-left:0;
	(function() {
	var CSSCriticalPath = function(w, d, opts) {
	var opt = opts \|\| {};
	var css = {};
	var pushCSS = function(r) {
	if(!!css[r.selectorText] === false) css[r.selectorText] = {};
	var styles = r.style.cssText.split(/;(?![A-Za-z0-9])/);
	for(var i = 0; i < styles.length; i++) {
	if(!!styles[i] === false) continue;
	var pair = styles[i].split(": ");
	/**
	* @ NAME: Cross-browser TextStorage
	* @ DESC: text storage solution for your pages
	* @ COPY: sofish, http://sofish.de
	*/

	typeof window.localStorage == 'undefined' && ~function () {

	var localStorage = window.localStorage = {},
	prefix = 'data-userdata',
	// JS Module Pattern:
	// http://j.mp/module-pattern

	// Redefine: $, window, document, undefined.
	var APP = (function($, window, document, undefined) {
	// Automatically calls all functions in APP.init
	$(document).ready(function() {
	APP.go();
	});