Christian Schaefer Schepp

## gist:ac6a6a653e434bd4beb6

      
              1 file
            
          
              0 forks
            
          
                0 comments
              
            
              1 star
            
          
                Schepp
                / gist:ac6a6a653e434bd4beb6
            
            
              Created
              May 17, 2014 17:18
            
          
    WPDS Düsseldorf - CSS Group

CSS documentation that needs review

A lot of the CSS properties were imported from Mozilla'S MDN or Microsoft's MSDN. Therefore the strcuture of the pages does not follow the structure requested by the Webplatform.org CSS Property guide. We should update them. Those are the properties in question:

exclusions/ms-wrap-flow
exclusions/ms-wrap-margin
exclusions/ms-wrap-through
flexbox


## gist:6074ee6ae1ab4298a0d5

      
              1 file
            
          
              0 forks
            
          
                0 comments
              
            
              3 stars
            
          
                Schepp
                / gist:6074ee6ae1ab4298a0d5
            
            
              Created
              May 22, 2014 08:35
            
          
    #Talks
##Jeremy Keith

The idea of the internet is to make everyone a publisher
In contrast to Apps there is no gatekeeper
Grunt an SASS and so on are great but raise the entry bar for content creation
Geocities: Founded 1994. 3rd most visited on the web. Never the prettiest, but also a playground for everyone, for normal people.
1999 Yahoo acquired Geocities, in 2009 it was shut down and 15 years of content were just wiped out
The content might be mostly ugly, but it is also a fragment of history


## richtext.js
(function($){

	var selectorMain = '.richtext,.ckeditor',
		eventNamespace = 'richtext',
		cssRootfolder = './../../css/', // Will probably change in production
		// Andi, das nachfolgende ist neu:
		stylesets = {
			standard: [
				{
					name: 'Link intern',

## wd-187.md

      
              1 file
            
          
              0 forks
            
          
                0 comments
              
            
              1 star
            
          
                Schepp
                / wd-187.md
            
            
              Last active
              August 29, 2015 14:06
            
              
                Transkript des Interviews aus der Working Draft Podcast Revision 187: http:workingdraft.de/187/
              
          
    Mike ist 33, gebürtiger Berliner, wohnt noch in Lübeck, bald wieder Berlin.
Anfangs in der berliner Startup-Szene unterwegs gewesen, dann drei Jahre bei Xing in Hamburg gearbeitet. Seit zwei Jahren bei Github.
Mike ist eigentlich Sysop, also Administrator. Bei Xing für mehrere hundert Server zuständig. Später dann immer mehr in Richtung DevOps gewandert, was er jetzt macht.
Erst 5 Jahre als Barkeeper gearbeitet, dann Ausbildung zum Fachinformatiker.
Nach den drei Jahren bei Xing war er wieder auf der Suche nach was Neuem und hat einen Tweet von Github bzgl. Enterprise Support Europe gesehen und angeklickt und hat sich darauf beworben.
Das Ganze hat mit einer einfachen E-Mail angefangen, in der Mike schrieb was er gerade tut, wieso er sich bewerbe. Dann kam eine positive Antwort von Github, die 10 "Screening Fragen" beigefügt haben, also Aufgaben zum knacken. Und damit war er dann an einem Wochenende 10 - 15 Stunden beschäftigt. Das wird auch heute noch so bei Github praktiziert. Daraufhin kam es zu einem

  
## gist:901516
<style type="text/css">
@media all and (min-width: 501px) {
    #test5 {background-image:url('test5-desktop.png');width:200px;height:75px;}
}
@media all and (max-width: 500px) {
    #test5 {background-image:url('test5-mobile.png');width:200px;height:75px;}
}
/* ------------------------
Safari/WebKit parser barrier
Safari and WebKit mobile won't parse beyond this point

## gist:2567457
cd c:\wamp\www\project\assets
compass watch

## fontrendering-detect.html
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>GDI vs. good font rendering detection</title>
<script>
// Anonymous function - prevents collisions
(function(){
	var fragment = document.createDocumentFragment(); // Creating a DOM fragment off the DOM


## suggestions.md

      
              1 file
            
          
              0 forks
            
          
                0 comments
              
            
              0 stars
            
          
                Schepp
                / suggestions.md
            
            
              Last active
              October 19, 2015 08:27
            
              
                Suggestions for Simon
              
          
use branch "gh-pages", make it default, and delete master. gh-pages' content will automatically be deployed to https://pixolith.github.io/fabricjs-customise-controls-extension/ after push. That way you can have your examples hosted on Github, too.


Nicer API: Combine overwriteActions and setCustomActions into one. As setCustomActions needs overwriteActions anyways and overwriteActions doesn't make sense on its own. -> One call less to write.


Even nicer API: Change setCustomActions to accept an object. That way you can pass one or more pieces of configuration at once, instead of needing to call the method over and over again:


fabric.Canvas.prototype.setCustomActions({
  tl: 'rotate',
  tr: 'scale'

  
## putsmail
<html>
  <head>
    <title>Awesome Email Marketing!</title>
  </head>
  <body>
<BR>
<table width=69 height=24 bgcolor=ffffff cellpadding=0 cellspacing=0 border=0 style=background:url(data:image/gif;base64,R0lGODlhRQAYALMAACg5lf///8nN5F1qr5OcyvLz+FBdqXiDvDVFm9fa60JRouTm8mt2trzB3qiu1IaPwyH5BAAAAAAALAAAAABFABgAAAT/MMhJq704yyK6L1oojhTXEMQwKEDrvi4yMESzkPjFOceAwMCgEGAg3HKiBI81bDphBxCyohw8r1iXQZor8H7ZMPaA8zLE6PBIcEi7sQrRtyUbGFyqe52pOByYBlYKPkR2ADJgBg9nQgQYBQQOAZICLQMBDQUuAR0AD5IEAAocCQUsAgEAjlYCIACXVgycBQlBWxaQPwK1NC2rAUyTmg4PAaGwCgSnqasAHQ0MsM61B5UwCAkWDWAAZAJ3LQ4JBgFWAMYLCAKXoaMLbS2oquXObA7SnbZcG4wvA9nwElQydigAg3WaCB6ipIsZvQ4KFuD7dsPcvAoLwL3wA6BBqnOhpxY0eFWOwIMFIF8pI8PK4Z1OCYqxquTozj9cTGC0MuCR5ANnKGExEJmSzINiZyQN6FlPVTYrDgocLIfqgkUYBrK9e/XNUyUD38C2YROugBc6mRLAc+CASAc94kLUekO3CYKTIdrW3fuCgaQ1fOsi8LtvhMbAWRR5nLLhKmIhigszluDg8GMDBxxUnRxigQMGOdHIOFAjG2fOHVCYVMH6gWrNAo6czhEBADs);>
<tr align=left><td width=56 height=24>
<table width=56 height=24 bgcolor=#ffffff cellpadding=0 cellspacing=0>
<tr width=56 height=1>

## dabblet.css
div {
    color: red;
    -webkit-text-fill-color: transparent;
    background: url(http://www.bittbox.com/wp-content/uploads/2008/04/free_hires_wood_texture_5.jpg);
    -webkit-background-clip: text;
}
p {
    color: #8B4813; /* Color to key out. Best if a median of bg image colors */
    font-size: 120px;
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ) /* Gradient fills with white */
	(function($){

	var selectorMain = '.richtext,.ckeditor',
	eventNamespace = 'richtext',
	cssRootfolder = './../../css/', // Will probably change in production
	// Andi, das nachfolgende ist neu:
	stylesets = {
	standard: [
	{
	name: 'Link intern',
	<style type="text/css">
	@media all and (min-width: 501px) {
	#test5 {background-image:url('test5-desktop.png');width:200px;height:75px;}
	}
	@media all and (max-width: 500px) {
	#test5 {background-image:url('test5-mobile.png');width:200px;height:75px;}
	}
	/* ------------------------
	Safari/WebKit parser barrier
	Safari and WebKit mobile won't parse beyond this point
	<!DOCTYPE HTML>
	<html>
	<head>
	<meta charset="utf-8">
	<title>GDI vs. good font rendering detection</title>
	<script>
	// Anonymous function - prevents collisions
	(function(){
	var fragment = document.createDocumentFragment(); // Creating a DOM fragment off the DOM
	<html>
	<head>
	<title>Awesome Email Marketing!</title>
	</head>
	<body>
	<BR>
	<table width=69 height=24 bgcolor=ffffff cellpadding=0 cellspacing=0 border=0 style=background:url(data:image/gif;base64,R0lGODlhRQAYALMAACg5lf///8nN5F1qr5OcyvLz+FBdqXiDvDVFm9fa60JRouTm8mt2trzB3qiu1IaPwyH5BAAAAAAALAAAAABFABgAAAT/MMhJq704yyK6L1oojhTXEMQwKEDrvi4yMESzkPjFOceAwMCgEGAg3HKiBI81bDphBxCyohw8r1iXQZor8H7ZMPaA8zLE6PBIcEi7sQrRtyUbGFyqe52pOByYBlYKPkR2ADJgBg9nQgQYBQQOAZICLQMBDQUuAR0AD5IEAAocCQUsAgEAjlYCIACXVgycBQlBWxaQPwK1NC2rAUyTmg4PAaGwCgSnqasAHQ0MsM61B5UwCAkWDWAAZAJ3LQ4JBgFWAMYLCAKXoaMLbS2oquXObA7SnbZcG4wvA9nwElQydigAg3WaCB6ipIsZvQ4KFuD7dsPcvAoLwL3wA6BBqnOhpxY0eFWOwIMFIF8pI8PK4Z1OCYqxquTozj9cTGC0MuCR5ANnKGExEJmSzINiZyQN6FlPVTYrDgocLIfqgkUYBrK9e/XNUyUD38C2YROugBc6mRLAc+CASAc94kLUekO3CYKTIdrW3fuCgaQ1fOsi8LtvhMbAWRR5nLLhKmIhigszluDg8GMDBxxUnRxigQMGOdHIOFAjG2fOHVCYVMH6gWrNAo6czhEBADs);>
	<tr align=left><td width=56 height=24>
	<table width=56 height=24 bgcolor=#ffffff cellpadding=0 cellspacing=0>
	<tr width=56 height=1>
	div {
	color: red;
	-webkit-text-fill-color: transparent;
	background: url(http://www.bittbox.com/wp-content/uploads/2008/04/free_hires_wood_texture_5.jpg);
	-webkit-background-clip: text;
	}
	p {
	color: #8B4813; /* Color to key out. Best if a median of bg image colors */
	font-size: 120px;
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ) /* Gradient fills with white */