Marius Hauken mhauken

## data-modeling-stepwise-form.js
/**
 * Modeling a step-wise form with data
 *
 * NOTE: The important thing is to be able to
 * describe any requirement with the chosen data model
 *
 * NOTE: Another important thing is conventional interfaces
 * and impedance matching. Data should just flow through the
 * functions without needing to conform to many different interfaces
 */

## svgo.json
{
  "comment": "A modified svgo compression-settings for SVGO-compresspor by Marius Hauken. For more info, please check <https://github.com/BohemianCoding/svgo-compressor>",
  "pretty": false,
  "indent": 0,
  "plugins": [
    {
      "name": "cleanupAttrs"
    },
    {
      "name": "cleanupEnableBackground"

## how to screencapture and make animated gifs or whathaveyou.md

      
              1 file
            
          
              30 forks
            
          
              23 comments
            
          
              302 stars
            
          
                paulirish
                / how to screencapture and make animated gifs or whathaveyou.md
            
            
              Last active
              March 31, 2024 22:07
            
              
                Screencapture and animated gifs
              
          
    Screencapture and animated gifs


I say "animated gif" but in reality I think it's irresponsible to be serving "real" GIF files to people now. You should be serving gfy's, gifv's, webm, mp4s, whatever. They're a fraction of the filesize making it easier for you to deliver high fidelity, full color animation very quickly, especially on bad mobile connections. (But I suppose if you're just doing this for small audiences (like bug reporting), then LICEcap is a good solution).

Capturing (Easy)


Launch quicktime player
do Screen recording


## ttf2woff2.md

      
              1 file
            
          
              33 forks
            
          
              35 comments
            
          
              409 stars
            
          
                sergejmueller
                / ttf2woff2.md
            
            
              Last active
              March 9, 2024 13:37
            
              
                WOFF 2.0 – Learn more about the next generation Web Font Format and convert TTF to WOFF2
              
          
    Prolog

Google Chrome Developers says:

The new WOFF 2.0 Web Font compression format offers a 30% average gain over WOFF 1.0 (up to 50%+ in some cases). WOFF 2.0 is available since Chrome 36 and Opera 23.

Some examples of file size differences: WOFF vs. WOFF2
TTF to WOFF2 converting


http://www.fontsquirrel.com/tools/webfont-generator


## __Useful.html
<!--
&shy; = Soft hyphen. To break text where you want
-->

Onelongword&shy;thatwewant&shy;tobreak

## getDates.js
// Returns an array of dates between the two dates
function getDates (startDate, endDate) {
  const dates = []
  let currentDate = startDate
  const addDays = function (days) {
    const date = new Date(this.valueOf())
    date.setDate(date.getDate() + days)
    return date
  }
  while (currentDate <= endDate) {

## reading_time.rb
# Outputs the reading time

# Read this in “about 4 minutes”
# Put into your _plugins dir in your Jekyll site
# Usage: Read this in about {{ page.content | reading_time }}

module ReadingTimeFilter
	def reading_time( input )
		words_per_minute = 180

## 0-resume-template.md

      
              1 file
            
          
              1 fork
            
          
              1 comment
            
          
              17 stars
            
          
                h3h
                / 0-resume-template.md
            
            
              Last active
              July 28, 2016 13:07
            
              
                Ideal Resume Format for a Software Engineer
              
          
    https://github.com/[yourname]
Ambition

[Describe ambitions: type of work, attributes of team, what you want to learn & teach]
Experience

[in reverse chronological order, list at most 5 positions or 10 years back, whichever is fewer]

  
## style.css
/**
 * Progressive Enahncement to use SVG sprites with PNG fallback for IE6+7
 *
 * The trick:
 * Legacy IE does not support rgba values.
 * By defining a rgba background color together with the
 * SVG background image for all modern browsers, legacy IE
 * will ignore the SVG and use the
 * first background definition containing the fallback PNG
 *
	/**
	* Modeling a step-wise form with data
	*
	* NOTE: The important thing is to be able to
	* describe any requirement with the chosen data model
	*
	* NOTE: Another important thing is conventional interfaces
	* and impedance matching. Data should just flow through the
	* functions without needing to conform to many different interfaces
	*/
	{
	"comment": "A modified svgo compression-settings for SVGO-compresspor by Marius Hauken. For more info, please check <https://github.com/BohemianCoding/svgo-compressor>",
	"pretty": false,
	"indent": 0,
	"plugins": [
	{
	"name": "cleanupAttrs"
	},
	{
	"name": "cleanupEnableBackground"
	<!--
	= Soft hyphen. To break text where you want
	-->

	Onelongwordthatwewanttobreak
	// Returns an array of dates between the two dates
	function getDates (startDate, endDate) {
	const dates = []
	let currentDate = startDate
	const addDays = function (days) {
	const date = new Date(this.valueOf())
	date.setDate(date.getDate() + days)
	return date
	}
	while (currentDate <= endDate) {
	# Outputs the reading time

	# Read this in “about 4 minutes”
	# Put into your _plugins dir in your Jekyll site
	# Usage: Read this in about {{ page.content \| reading_time }}

	module ReadingTimeFilter
	def reading_time( input )
	words_per_minute = 180
	/**
	* Progressive Enahncement to use SVG sprites with PNG fallback for IE6+7
	*
	* The trick:
	* Legacy IE does not support rgba values.
	* By defining a rgba background color together with the
	* SVG background image for all modern browsers, legacy IE
	* will ignore the SVG and use the
	* first background definition containing the fallback PNG
	*