depoulo

@import "compass/css3/images";

// CSS-only multi-line ellipsis with generated content
// yields `position:relative`, so remember to declare an eventual `position:absolute/fixed` *after* including this mixin
@mixin limitLines(
    $maxLinesPortrait, // Mandatory: The number of lines after which the clipping should take action.
    $maxLinesLandscape: $maxLinesPortrait, // You may provide a different line limit for landscape orientation.
        // Note that 'portrait' is our default orientation. However, if you omit $maxLinesLandscape,
        // the value of $maxLinesPortrait is used for whatever orientation (that is, without a media query).

depoulo

/**
 * CSS Puzzle: Reverse the z-order of the <li>s without setting a separate z-index on each one in a way that works in IE9 and up
 */

li {
	list-style: none;
	display: inline-block;
	padding: 1em 2em 1em 1em;
	border: 1px solid rgba(0,0,0,.3);
	border-radius: 0 999px 999px 0;

depoulo

/**
 * What exactly do you mean by "dotted"?
 */

i {
    border-width: 10px;
    border-color: peachpuff;
    border-style: dotted;
    border-radius: 150px;
    

depoulo

/**
 * What exactly do you mean by "dotted"?
 */

i {
    border-width: 10px;
    border-color: peachpuff;
    border-style: dotted;
    border-radius: 150px;
    

depoulo

/**
 * Attempt for Essen & Trinken small stage teasers
 */

* { padding: 0; margin: 0; }
body { padding: 2%; max-width: 25em; font-family: Verdana; } a { color: black; text-decoration: none; }

.left { float: left; }
.right { float: right; }
.left, .right {

depoulo

// get random image from Giphy
function getRandomGif($topic = 'fail') {
    $data = file_get_contents("http://giphy.com/search/$topic");
    preg_match_all('@href="/gifs/(.*?)"@', $data, &$matches);
    $gifId = $matches[1][array_rand($matches[1])];
    return "http://media2.giphy.com/media/$gifId/giphy.gif";
}

depoulo

(() => {
  var style = document.createElement("style");
  style.appendChild(document.createTextNode(""));
  document.head.appendChild(style);
  var rules = prompt('Paste CSS rules here');
  var importStatements = (rules.split(';') || []).filter(s => s.startsWith('@import')).map(s => s + ';');
  importStatements.forEach((importStatement, index) => style.sheet.insertRule(importStatement, index));
  style.sheet.insertRule(`@media all{${rules}`, importStatements.length);
}())

depoulo

Set-StartScreenOptions -EnableBootToDesktop -EnableDesktopBackgroundOnStart -EnableShowStartOnActiveScreen -EnableShowAppsViewOnStartScreen -EnableSearchEverywhereInAppsView -EnableListDesktopAppsFirst

cinst 7zip.install
cinst classic-shell
cinst Console2
cinst curl
cinst dropbox
cinst fiddler4
cinst Firefox
cinst flashplayerplugin

depoulo

These are the notes I took during the conference, all slides are available here

Optimize Continuous Delivery with Docker

Non-blocking delivery pipeline

• Have each feature branch deployed on your staging
• jwilder/nginx-proxy
• doesn't recommend HAProxy

Creative Coding

mind = blown

depoulo

diff --git a/source/brix/brix.core.editor/editor.less b/source/brix/brix.core.editor/editor.less
index a8b569d..73bc245 100644
--- a/source/brix/brix.core.editor/editor.less
+++ b/source/brix/brix.core.editor/editor.less
@@ -1,6 +1,6 @@
 //
 // Fonts & Icons
-@import url("http://fonts.googleapis.com/css?family=Open+Sans:400italic,300,400,600,700");
+@import url("http://deelay.me/29000/http://fonts.googleapis.com/css?family=Open+Sans:400italic,300,400,600,700");
 @import url("http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css");