Marius Milcher mgmilcher

## example.html
<!DOCTYPE html>
<head>
<title>Stay Standalone</title>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<script src="stay_standalone.js" type="text/javascript"></script>
</head>
<body>
<ul>
<li><a href="http://google.com/">Remote Link (Google)</a></li>

## JsonPExampleinBackbone.js
// backbone.js continues to impress, I needed to get data from a jsonp api
// I really wanted to do this the "right" backbone.js way and create a model and call fetch.
// But the default backbone synch is not jsonp
// Turns out you can override a synch on a per model basis (thanks stackoverflow)
// whats nice is backbone.js continue to work as expected with the override

// here's a snippet (some changes to protect our privacy). An improvement could be to create a jsonp model class which MyModel inherits
// the synch function is most important below, that's what tells backbone it's jsonp

MyModel = Backbone.Model.extend({

## wp-query-ref.php
// This gist is now maintained on github at https://github.com/luetkemj/wp-query-ref

<?php
/**
* WordPress Query Comprehensive Reference
* Compiled by luetkemj - luetkemj.github.io
*
* CODEX: http://codex.wordpress.org/Class_Reference/WP_Query#Parameters
* Source: https://core.trac.wordpress.org/browser/tags/4.9.4/src/wp-includes/query.php
*/

## custom.js
$(document).ready(function() {

// Support for AJAX loaded modal window.
// Focuses on first input textbox after it loads the window.
$('[data-toggle="modal"]').bind('click',function(e) {
	e.preventDefault();
	var url = $(this).attr('href');
	if (url.indexOf('#') == 0) {
		$('#response_modal').modal('open');
	} else {

## _todo.md

      
              7 files
            
          
              0 forks
            
          
              0 comments
            
          
              21 stars
            
          
                necolas
                / _todo.md
            
            
              Created
              June 30, 2012 18:07
            
              
                Grunt tasks to process HTML files and produce a deploy directory of optimized files
              
          
Avoid reprocessing the same block in different HTML files.
Throw warning when processing a different block to an existing destination file. Hashing will avoid collisions, but introduce confusion.
Add file versioning for inline media and CSS images.
Avoid need for 'usemin' task - get the replacement element pattern from the first/last HTML element in actual block being replaced. Added benefit of preserving other attributes that may exist (e.g. title, media).

Acknowledgements: This is an adaption of some of Mickael Daniel's work on h5bp/node-build-script

  
## .bash_profile
#!/bin/bash
let upSeconds="$(/usr/bin/cut -d. -f1 /proc/uptime)"
let secs=$((${upSeconds}%60))
let mins=$((${upSeconds}/60%60))
let hours=$((${upSeconds}/3600%24))
let days=$((${upSeconds}/86400))
UPTIME=`printf "%d days, %02dh%02dm%02ds" "$days" "$hours" "$mins" "$secs"`

# get the load averages
read one five fifteen rest < /proc/loadavg

## ArrayAsAsciiTable.php
<?php
/**
 * ArrayAsAcsiiTable.php
 * 31-Jul-2013
 *
 * Ordinarily, I would suggest use of PEAR's Console_Table package, this
 * is just an example solution for the first test suggested at
 * http://phpixie.com/blog/test-tasks-for-php-interviews-that-developers-will-enjoy-solving/
 *
 * PHP Version 5

## Description.md

      
              2 files
            
          
              5 forks
            
          
              6 comments
            
          
              73 stars
            
          
                Integralist
                / Description.md
            
            
              Last active
              April 25, 2020 16:20
            
              
                This is how BBC News currently implements it's Image Enhancer for responsive images. Note: this is a completely rebuilt version of the code so the BBC's original source code doesn't actually look anything like the below example.
              
          
    The BBC has a server-side image service which provides developers with multiple sized versions of any image they request. It works in a similar fashion to http://placehold.it/ but it also handles the image ratios returned (where as placehold.it doesn't).
The original BBC News process (and my re-working of the script) follows roughly these steps...

Create new instance of ImageEnhancer
Change any divs within the page (which have a class of delayed-image-load) into a transparent GIF using a Base64 encoded string.

We set the width & height HTML attributes of the image to the required size
We know what size the image needs to be because each div has custom data-attr set server-side to the size of the image
We then set a class of image-replace onto each newly created transparent image


We use a 250ms setTimeout to unblock the UI thread and which calls a function resizeImages which enhances the image-replace images so their source is now set to a URL whe


## background.js
// this is the background code...

// listen for our browerAction to be clicked
chrome.browserAction.onClicked.addListener(function (tab) {
	// for the current tab, inject the "inject.js" file & execute it
	chrome.tabs.executeScript(tab.ib, {
		file: 'inject.js'
	});
});

## index.js
// Bootstrap wants jQuery global =(
window.jQuery = $ = require('jquery')
// Bootstrap doesn't have a "main" field / export anything =(
var bootstrap = require('bootstrap/dist/js/bootstrap')

// Get Bootstrap styles with cssify
var style = require('./node_modules/bootstrap/dist/css/bootstrap.css')

var popover = document.createElement('span')
popover.innerHTML = 'I have a popover'
	<!DOCTYPE html>
	<head>
	<title>Stay Standalone</title>
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
	<script src="stay_standalone.js" type="text/javascript"></script>
	</head>
	<body>
	<ul>
	<li><a href="http://google.com/">Remote Link (Google)</a></li>
	// backbone.js continues to impress, I needed to get data from a jsonp api
	// I really wanted to do this the "right" backbone.js way and create a model and call fetch.
	// But the default backbone synch is not jsonp
	// Turns out you can override a synch on a per model basis (thanks stackoverflow)
	// whats nice is backbone.js continue to work as expected with the override

	// here's a snippet (some changes to protect our privacy). An improvement could be to create a jsonp model class which MyModel inherits
	// the synch function is most important below, that's what tells backbone it's jsonp

	MyModel = Backbone.Model.extend({
	// This gist is now maintained on github at https://github.com/luetkemj/wp-query-ref

	<?php
	/**
	* WordPress Query Comprehensive Reference
	* Compiled by luetkemj - luetkemj.github.io
	*
	* CODEX: http://codex.wordpress.org/Class_Reference/WP_Query#Parameters
	* Source: https://core.trac.wordpress.org/browser/tags/4.9.4/src/wp-includes/query.php
	*/
	$(document).ready(function() {

	// Support for AJAX loaded modal window.
	// Focuses on first input textbox after it loads the window.
	$('[data-toggle="modal"]').bind('click',function(e) {
	e.preventDefault();
	var url = $(this).attr('href');
	if (url.indexOf('#') == 0) {
	$('#response_modal').modal('open');
	} else {
	#!/bin/bash
	let upSeconds="$(/usr/bin/cut -d. -f1 /proc/uptime)"
	let secs=$((${upSeconds}%60))
	let mins=$((${upSeconds}/60%60))
	let hours=$((${upSeconds}/3600%24))
	let days=$((${upSeconds}/86400))
	UPTIME=`printf "%d days, %02dh%02dm%02ds" "$days" "$hours" "$mins" "$secs"`

	# get the load averages
	read one five fifteen rest < /proc/loadavg
	<?php
	/**
	* ArrayAsAcsiiTable.php
	* 31-Jul-2013
	*
	* Ordinarily, I would suggest use of PEAR's Console_Table package, this
	* is just an example solution for the first test suggested at
	* http://phpixie.com/blog/test-tasks-for-php-interviews-that-developers-will-enjoy-solving/
	*
	* PHP Version 5
	// this is the background code...

	// listen for our browerAction to be clicked
	chrome.browserAction.onClicked.addListener(function (tab) {
	// for the current tab, inject the "inject.js" file & execute it
	chrome.tabs.executeScript(tab.ib, {
	file: 'inject.js'
	});
	});
	// Bootstrap wants jQuery global =(
	window.jQuery = $ = require('jquery')
	// Bootstrap doesn't have a "main" field / export anything =(
	var bootstrap = require('bootstrap/dist/js/bootstrap')

	// Get Bootstrap styles with cssify
	var style = require('./node_modules/bootstrap/dist/css/bootstrap.css')

	var popover = document.createElement('span')
	popover.innerHTML = 'I have a popover'