Avaz Bokiev samarkandiy

## plink-plonk.js
/*
Copy this into the console of any web page that is interactive and doesn't
do hard reloads. You will hear your DOM changes as different pitches of
audio.

I have found this interesting for debugging, but also fun to hear web pages
render like UIs do in movies.
*/

const audioCtx = new (window.AudioContext || window.webkitAudioContext)()

## change-class-on-scroll.html
// https://codepen.io/cmykw/pen/gemxJm

// layout
<nav/>

// style
<style>
  body { min-height: 200vh; }

  nav {

## Simple-Responsive-Gallery.markdown

      
              4 files
            
          
              0 forks
            
          
                1 comment
              
            
              1 star
            
          
                samarkandiy
                / Simple-Responsive-Gallery.markdown
            
            
              Created
              February 2, 2014 03:07
            
              
                A Pen by Avaz Bokiev.
              
          
    Simple Responsive Gallery

using wow.js and animate.css
A Pen by Avaz Bokiev on CodePen.
License.

  
## index.html
<div class="cc">creativecircle</div>

## index.html
<input checked data-tooltip='r' class='test1' name='test' type='radio' />
<input class='test2' data-tooltip='g' name='test' type='radio' />
<input class='test3' data-tooltip='b' name='test' type='radio' />
<div></div>

## index.html
<img src="http://iweb.uz/wp-content/uploads/2012/08/html5.png">

<div class="bg">
  <span>offline</span>
  <div class="offline"></div>
</div>
<div class="bg">
  <span>storage</span>
  <div class="storage"></div>
</div>

## index.html
<!DOCTYPE html>
<html>

<head>

  <meta charset="UTF-8">
  <!-- IF PEN IS PRIVATE -->
  <!-- <meta name="robots" content="noindex"> -->
  <!-- END -->

## index.html


<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">

  <title>Transparent 3D Sphere Web browser  &middot; CodePen</title>

  <style>

## index.html


<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">

  <title>Bouncing 3D ball  &middot; CodePen</title>

  <style>

## index.html


<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">

  <title>Animated Gears &middot; CodePen</title>

  <style>
	/*
	Copy this into the console of any web page that is interactive and doesn't
	do hard reloads. You will hear your DOM changes as different pitches of
	audio.

	I have found this interesting for debugging, but also fun to hear web pages
	render like UIs do in movies.
	*/

	const audioCtx = new (window.AudioContext \|\| window.webkitAudioContext)()
	// https://codepen.io/cmykw/pen/gemxJm

	// layout
	<nav/>

	// style
	<style>
	body { min-height: 200vh; }

	nav {
	<input checked data-tooltip='r' class='test1' name='test' type='radio' />
	<input class='test2' data-tooltip='g' name='test' type='radio' />
	<input class='test3' data-tooltip='b' name='test' type='radio' />
	<div></div>
	<img src="http://iweb.uz/wp-content/uploads/2012/08/html5.png">

	<div class="bg">
	<span>offline</span>
	<div class="offline"></div>
	</div>
	<div class="bg">
	<span>storage</span>
	<div class="storage"></div>
	</div>
	<!DOCTYPE html>
	<html>

	<head>

	<meta charset="UTF-8">
	<!-- IF PEN IS PRIVATE -->
	<!-- <meta name="robots" content="noindex"> -->
	<!-- END -->