The premise is that a better box model would be no box model at all, or rather no dependence on any particular box model that happens to be in use.
This proposal specifies new CSS properties that would make working with issues related to box-sizing easier and less error prone.
It's very useful for email layout.
You can add css styles in header <style> tag and after apply this script to get the HTML with inline styles.
// remove duplicates from array
// http://www.etnassoft.com/2011/06/24/array-unique-eliminar-valores-duplicados-de-un-array-en-javascript/
Array.prototype.unique = function(a){
return function(){return this.filter(a)}
}(function(a,b,c){return c.indexOf(a,b+1)<0});
| // Functions and mixin to convert `px` values into `em` units | |
| // | |
| // px-to-em can easily be changed to `rem` values | |
| // Change any instance of `em` to `rem` | |
| // | |
| // EXAMPLE: | |
| // .foo { | |
| // @include em(margin, 10px auto); | |
| // padding: em(1px 2 3px 4); | |
| // } |
| NOTE: This document is OLD - and most of the tips here are probably outdated, since newer versions of Javascript have been | |
| released over the years - with newer optimizations and more emphasis on optimizing newly supported syntax. | |
| // Array literal (= []) is faster than Array constructor (new Array()) | |
| // http://jsperf.com/new-array-vs-literal/15 | |
| var array = []; | |
| // Object literal (={}) is faster than Object constructor (new Object()) | |
| // http://jsperf.com/new-array-vs-literal/26 |
| /** | |
| * this is a utility. | |
| * should NOT be used in production! | |
| */ | |
| function sortJSON(object) { | |
| if (object instanceof Array) { | |
| for (var i = 0; i < object.length; i++) { | |
| object[i] = sortJSON(object[i]); | |
| } | |
| return object; |
| # config to don't allow the browser to render the page inside an frame or iframe | |
| # and avoid clickjacking http://en.wikipedia.org/wiki/Clickjacking | |
| # if you need to allow [i]frames, you can use SAMEORIGIN or even set an uri with ALLOW-FROM uri | |
| # https://developer.mozilla.org/en-US/docs/HTTP/X-Frame-Options | |
| add_header X-Frame-Options SAMEORIGIN; | |
| # when serving user-supplied content, include a X-Content-Type-Options: nosniff header along with the Content-Type: header, | |
| # to disable content-type sniffing on some browsers. | |
| # https://www.owasp.org/index.php/List_of_useful_HTTP_headers | |
| # currently suppoorted in IE > 8 http://blogs.msdn.com/b/ie/archive/2008/09/02/ie8-security-part-vi-beta-2-update.aspx |
| #!/usr/bin/env node | |
| // TODO(vojta): pre-commit hook for validating messages | |
| // TODO(vojta): report errors, currently Q silence everything which really sucks | |
| 'use strict'; | |
| var child = require('child_process'); | |
| var fs = require('fs'); | |
| var util = require('util'); |
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1"> | |
| <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags --> | |
| <title>Site Title</title> | |
| <link rel="stylesheet" href="/assets/css/style.min.css"> |
| { | |
| "definitions": { | |
| "nameMixin": { | |
| "type": "object", | |
| "properties": { | |
| "nameFirst": {"type": "string"}, | |
| "nameLast": {"type": "string"} | |
| }, | |
| "required": ["nameFirst", "nameLast"] | |
| }, |
| #INSTRUCTIONS | |
| Those instructions would move the Laravel Cache component into a desired repo, given a specific tag | |
| 1. Go to any folder that you desire, for example: /tmp/splitter/ | |
| 2. Run: git clone [email protected]:daniel-aranda/PHP-Git-Component-Splitter.git | |
| 3. Run: composer update | |
| 4. Copy from this gist "splitter.config.json" and put on your cloned folder under bin. | |
| 5. Run: php bin/daniel-splitter.php --tag v5.0.0 | |