Victor Coulon Victa

## gist:c4ca89cc616440c5c6d8
mkdir -p sunrise/deps && curl -L https://github.com/Homebrew/homebrew/tarball/master | tar xz --strip 1 -C sunrise/deps
export PATH=~/sunrise/deps/bin:$PATH
brew update
mkdir -p sunrise/brew_cache
HOMEBREW_CACHE=~/sunrise/brew_cache brew install fontforge

## gist:2cae3732654894a60d36

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              1 star
            
          
                Victa
                / gist:2cae3732654894a60d36
            
            
              Created
              December 10, 2014 20:32
            
              
                Percentage Bugs in WebKit
              
          
    No later than a few days ago, at Octave & Octave, I had to make a grid generator in Sass which is fully responsive.
Rather than using a fixed grid as I usually do, I decided to create a fluid grid using percentages (calculated with the famous target / context * 100 = result).
Indeed, after finishing the book Response Web Design from A Book Apart where the author proposes to use this type of grid, I must say I was convinced by this flexibility. And I think that I am not alone.
Just look at the number of frameworks using this kind of grid (Foundation, Tiny Fluid Grid, Fluid960gs…)
After some hours of development to obtain optimal results based on the guidelines of my agency, I was surprised to notice a very annoying display bug on my Safari.

  
## gist:6625bd133e2b700bc0d4
itms-services://?action=download-manifest&url=https%3A%2F%2Frink.hockeyapp.net%2Fapi%2F2%2Fapps%2F90df60738862e638dacdaed0c56eafc0%2Fapp_versions%2F1620%3F%26avtoken%3D668106a4bc589cd1638f50aa91ffd7c8cf0eda87%26udid%3D9023204911d5ebea8659161891397a3bade829cb

## canvas.html
<!doctype html>
<title>Tabbar canvas</title>
<canvas id="toolbar"></canvas>
<script>
var canvas = document.getElementById("toolbar");
var context = canvas.getContext("2d");
var gradient = context.createLinearGradient(0, 0, 0, 44);
gradient.addColorStop(0,'#2F2F2F');
gradient.addColorStop(0.5,'#151515');
gradient.addColorStop(0.51,'#000000');

## scripts.js
function getUrlParameters(search) {
        var search = search ? search : window.location.search;
        var vars = {};
        if (search.length > 0) {
                var hash, hashes = search.slice(1).split('&');
                for (var i = 0; i < hashes.length; i++) {
                        hash = hashes[i].split('=');
                        vars[hash[0]] = hash[1];
                }
        }

## slide.html
<!doctype html>
<html>
<head>
<title>Slide CSS3</title>
<meta charset="UTF-8">
<style>

	body {background:#FFF;text-align:center;font-family:sans-serif;}
	p {margin:10px 150px;}


## gist:988876
Array.prototype.sortIntAsc = function(field){
    this.sort(function(a,b){
        var v1 = parseInt(a[field]);
        var v2 = parseInt(b[field]);
        if (v1<v2) return -1;
        if (v1>v2) return 1;
        return 0;
    });
}


## gist:994985

$('[placeholder]').parents('form').submit(function() {
	$(this).find('[placeholder]').each(function() {
		var input = $(this);
		if (input.val() == input.attr('placeholder')) {
			input.val('');
		}
	})
});

## .htaccess
RewriteEngine On
RewriteCond %{HTTP_HOST} !^your-site.com$ [NC]
RewriteRule ^(.*)$ http://your-site.com/$1 [L,R=301]

## .htaccess
<IfModule mod_alias.c>
 RedirectMatch 301 /feed/(atom|rdf|rss|rss2)/?$ http://feedburner.com/yourfeed/
 RedirectMatch 301 /comments/feed/(atom|rdf|rss|rss2)/?$ http://feedburner.com/yourfeed/
</IfModule>
	mkdir -p sunrise/deps && curl -L https://github.com/Homebrew/homebrew/tarball/master \| tar xz --strip 1 -C sunrise/deps
	export PATH=~/sunrise/deps/bin:$PATH
	brew update
	mkdir -p sunrise/brew_cache
	HOMEBREW_CACHE=~/sunrise/brew_cache brew install fontforge
	<!doctype html>
	<title>Tabbar canvas</title>
	<canvas id="toolbar"></canvas>
	<script>
	var canvas = document.getElementById("toolbar");
	var context = canvas.getContext("2d");
	var gradient = context.createLinearGradient(0, 0, 0, 44);
	gradient.addColorStop(0,'#2F2F2F');
	gradient.addColorStop(0.5,'#151515');
	gradient.addColorStop(0.51,'#000000');
	function getUrlParameters(search) {
	var search = search ? search : window.location.search;
	var vars = {};
	if (search.length > 0) {
	var hash, hashes = search.slice(1).split('&');
	for (var i = 0; i < hashes.length; i++) {
	hash = hashes[i].split('=');
	vars[hash[0]] = hash[1];
	}
	}
	<!doctype html>
	<html>
	<head>
	<title>Slide CSS3</title>
	<meta charset="UTF-8">
	<style>

	body {background:#FFF;text-align:center;font-family:sans-serif;}
	p {margin:10px 150px;}
	Array.prototype.sortIntAsc = function(field){
	this.sort(function(a,b){
	var v1 = parseInt(a[field]);
	var v2 = parseInt(b[field]);
	if (v1<v2) return -1;
	if (v1>v2) return 1;
	return 0;
	});
	}

	$('[placeholder]').parents('form').submit(function() {
	$(this).find('[placeholder]').each(function() {
	var input = $(this);
	if (input.val() == input.attr('placeholder')) {
	input.val('');
	}
	})
	});
	RewriteEngine On
	RewriteCond %{HTTP_HOST} !^your-site.com$ [NC]
	RewriteRule ^(.*)$ http://your-site.com/$1 [L,R=301]
	<IfModule mod_alias.c>
	RedirectMatch 301 /feed/(atom\|rdf\|rss\|rss2)/?$ http://feedburner.com/yourfeed/
	RedirectMatch 301 /comments/feed/(atom\|rdf\|rss\|rss2)/?$ http://feedburner.com/yourfeed/
	</IfModule>