Fabrizio Calderan fcalderan

## Slideshow-with-CSS3-Animations.markdown

      
              3 files
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                fcalderan
                / Slideshow-with-CSS3-Animations.markdown
            
            
              Last active
              December 25, 2015 16:19
            
              
                A Pen by Fabrizio Calderan.
              
          
    Slideshow with CSS3 Animations

A simple proof-of-concept: a slideshow animation using CSS3 only
See the demo by Fabrizio Calderan.
License.

  
## ftf.sh
#!/bin/sh

# set last 2 digits of the current year
year=16


# set terminal title
echo "\033]0;FTF Early Bird Checker\007";


## perftest.sh
#!/bin/sh

CMD="$1"
RATE="$2"
DELAY="$3"

if [ "$RATE" = "" ] ; then
    RATE=500
fi
if [ "$DELAY" = "" ] ; then

## meteotweet.php
<?php

function roundNum($n) { return round(10 * $n)/10; }


// Insert your keys/tokens
$consumerKey 	= '<your-key>';
$consumerSecret = '<your-key>';
$oAuthToken 	= '<your-key>';
$oAuthSecret 	= '<your-key>';

## 1) tidy-numbers-stmt.txt
# Complete statement of the problem
# https://code.google.com/codejam/contest/3264486/dashboard#s=p1

# Tatiana likes to keep things tidy. Her toys are sorted from smallest
# to largest, her pencils are sorted from shortest to longest and her computers
# from oldest to newest. One day, when practicing her counting skills, she
# noticed that some integers, when written in base 10 with no leading zeroes,
# have their digits sorted in non-decreasing order. Some examples of this are 8,
# 123, 555, and 224488. She decided to call these numbers tidy. Numbers that do
# not have this property, like 20, 321, 495 and 999990, are not tidy.

## rakefile.rb
# Tested on Ruby v.1.9.3 - Author: Fabrizio Calderan, 3.14.2013
#
# Install these gems with
#    $> sudo gem install fastimage nokogiri colorize
#
# Then copy this source into a file named “rakefile” and run with
#    $> rake
#
require "fastimage"
require "nokogiri"

## google-showimage.js
/* Usage:
 * when Google image returns some results, before choosing an image just inject
 * this code into the JS console and a new button with a direct link to the image
 * will appear inside the overlay.
 */

 var config = {
	attributes: true,
	childList: false,
	characterData: false,

## gist:0cb3865f327567b4a2a01695b3528315
#Progetto Richiamo per rondini

---

Costo dei materiali per la realizzazione singolo dispositivo audio
(acqistando il materiale per slot di 4 prototipi)

```
Microcontrollore Esp8266/01 ......... 3,00€
Speaker 3W .......................... 3,50€

## silhouette-canvas
/* with this snippet you can create a raw silhouette of an image, it works transforming
non-white pixels (with a small tolerance) into black pixels */

<img id="canvassource" src="your-image-300x300.jpg" />
<canvas id="area" width="300" height="300"></canvas>

<script>
    window.onload = function() {
        var canvas = document.getElementById("area");
        var context = canvas.getContext("2d");

## inception-javascript.js
/*
 * Fabrizio Calderan, twitter @fcalderan, 2010.11.02
 * I had an idea: could Inception movie be explained by a few javascript closures
 * and variable resolution scope (just for fun)?
 *
 * Activate javascript console =)
 */

<script>
console.group("inception movie");
	#!/bin/sh

	# set last 2 digits of the current year
	year=16


	# set terminal title
	echo "\033]0;FTF Early Bird Checker\007";
	#!/bin/sh

	CMD="$1"
	RATE="$2"
	DELAY="$3"

	if [ "$RATE" = "" ] ; then
	RATE=500
	fi
	if [ "$DELAY" = "" ] ; then
	<?php

	function roundNum($n) { return round(10 * $n)/10; }


	// Insert your keys/tokens
	$consumerKey = '<your-key>';
	$consumerSecret = '<your-key>';
	$oAuthToken = '<your-key>';
	$oAuthSecret = '<your-key>';
	# Complete statement of the problem
	# https://code.google.com/codejam/contest/3264486/dashboard#s=p1

	# Tatiana likes to keep things tidy. Her toys are sorted from smallest
	# to largest, her pencils are sorted from shortest to longest and her computers
	# from oldest to newest. One day, when practicing her counting skills, she
	# noticed that some integers, when written in base 10 with no leading zeroes,
	# have their digits sorted in non-decreasing order. Some examples of this are 8,
	# 123, 555, and 224488. She decided to call these numbers tidy. Numbers that do
	# not have this property, like 20, 321, 495 and 999990, are not tidy.
	# Tested on Ruby v.1.9.3 - Author: Fabrizio Calderan, 3.14.2013
	#
	# Install these gems with
	# $> sudo gem install fastimage nokogiri colorize
	#
	# Then copy this source into a file named “rakefile” and run with
	# $> rake
	#
	require "fastimage"
	require "nokogiri"
	/* Usage:
	* when Google image returns some results, before choosing an image just inject
	* this code into the JS console and a new button with a direct link to the image
	* will appear inside the overlay.
	*/

	var config = {
	attributes: true,
	childList: false,
	characterData: false,
	#Progetto Richiamo per rondini

	---

	Costo dei materiali per la realizzazione singolo dispositivo audio
	(acqistando il materiale per slot di 4 prototipi)

	```
	Microcontrollore Esp8266/01 ......... 3,00€
	Speaker 3W .......................... 3,50€
	/* with this snippet you can create a raw silhouette of an image, it works transforming
	non-white pixels (with a small tolerance) into black pixels */

	<img id="canvassource" src="your-image-300x300.jpg" />
	<canvas id="area" width="300" height="300"></canvas>

	<script>
	window.onload = function() {
	var canvas = document.getElementById("area");
	var context = canvas.getContext("2d");
	/*
	* Fabrizio Calderan, twitter @fcalderan, 2010.11.02
	* I had an idea: could Inception movie be explained by a few javascript closures
	* and variable resolution scope (just for fun)?
	*
	* Activate javascript console =)
	*/

	<script>
	console.group("inception movie");