Gil Greenberg gil--

Glitch effect in CSS

Glitch effect on hover, as seen on http://www.kikk.be/2016/. Shout out to @Dogstudio for this cool website!

Fullscreen Background Video with Mix-Blend-Mode Overlay Text

Shows full-screen video with effective, legible text overlay using mix-blend-mode, inspired by work at Everlane. Video by Maximilian Kempe, licensed under Creative Commons. Freeware Moderne Sans font by Marius Kempken.

A Pen by Dudley Storey on CodePen.

License.

Experiments

http://absulit.com/portfolio/demo/webvr/001/
https://www.clicktorelease.com/code/polygon-shredder/vr/ #positional
https://www.clicktorelease.com/tmp/threejs/webvr-physics/ #positional #input #haptic
https://janusweb.metacade.com/ https://github.com/jbaicoianu/janusweb/
https://jzitelli.github.io/poolvr/
https://kuva.io/block-background/ #positional #input
https://www.shadertoy.com/results?filter=vr
https://vr-batted-ball-vis.herokuapp.com/index.html

Using `<details>` in GitHub

Suppose you're opening an issue and there's a lot noisey logs that may be useful.

Rather than wrecking readability, wrap it in a <details> tag!

<details>
 Summary Goes Here

	<?xml version="1.0"?>
	<!--
	/**
	* Copyright © 2016 Magento. All rights reserved.
	* See COPYING.txt for license details.
	*/
	-->
	<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
	<body>
	<!-- Remove unwanted account navigation links -->

	discounted_product = 12275195905
	products_needed = [592406273]
	products_seen = []

	Input.cart.line_items.each do \|line_item\|
	product = line_item.variant.product
	products_seen << product.id if products_needed.include?(product.id)
	end

	Input.cart.line_items.each do \|line_item\|

	:root {
	--ease-in-quad: cubic-bezier(.55, .085, .68, .53);
	--ease-in-cubic: cubic-bezier(.550, .055, .675, .19);
	--ease-in-quart: cubic-bezier(.895, .03, .685, .22);
	--ease-in-quint: cubic-bezier(.755, .05, .855, .06);
	--ease-in-expo: cubic-bezier(.95, .05, .795, .035);
	--ease-in-circ: cubic-bezier(.6, .04, .98, .335);

	--ease-out-quad: cubic-bezier(.25, .46, .45, .94);
	--ease-out-cubic: cubic-bezier(.215, .61, .355, 1);

	var gulp = require('gulp');
	var cleanCSS = require('gulp-clean-css');

	var minify = require('gulp-minify');


	gulp.task('default', [
	'css',
	'requireJsMinify',
	'jsMinify'

	# Find the crons that take the longest to run
	# Note: kill_request will only be present if you have installed AOE_Scheduler
	# And will only be used if your are running the watchdog task
	SELECT
	job_code,
	executed_at,
	finished_at,
	schedule_id,
	kill_request,
	TIMEDIFF(finished_at, executed_at)

	/**
	* Using Operator Mono in Atom
	*
	* 1. Open up Atom Preferences.
	* 2. Click the “Open Config Folder” button.
	* 3. In the new window’s tree view on the left you should see a file called “styles.less”. Open that up.
	* 4. Copy and paste the CSS below into that file. As long as you have Operator Mono SSm installed you should be golden!
	* 5. Tweak away.
	*
	* Theme from the screenshot (http://cdn.typography.com/assets/images/blog/operator_ide2.png):

Gil Greenberg gil--

Glitch effect in CSS

Fullscreen Background Video with Mix-Blend-Mode Overlay Text

Experiments

Using <details> in GitHub

Using `<details>` in GitHub