Skip to content

Instantly share code, notes, and snippets.

View maxw3st's full-sized avatar

Max West maxw3st

8 followers · 16 following
View GitHub Profile
@maxw3st
maxw3st / dabblet.css
Created May 11, 2012 13:35 — forked from jklm313/dabblet.css
some uses for :hover Pseudo class and '~' selector
/* some uses for :hover Pseudo class and '~' selector */
/*/ 360deg Goggle view /*/
/* le wrapper */
.g {
width: 600px;
height: 400px;
margin: 50px auto;
@maxw3st
maxw3st / assessment.md
Created May 11, 2012 13:41 — forked from rmurphey/assessment.md
assessment

What do you think the following code does?

function fn(msg, time) {
  setTimeout(function() {
    console.log(msg);
  }, time);
}

fn('it works', 1000);
@maxw3st
maxw3st / dabblet.css
Created May 11, 2012 14:25 — forked from LeaVerou/dabblet.css
Masking an image with a gradient (answer to question)
/**
* Masking an image with a gradient (answer to question)
*/
div {
width: 200px; height: 200px;
background: linear-gradient(white, hsla(0,0%,100%,0)),
url(http://placekitten.com/200/200);
}
@maxw3st
maxw3st / Fullpage.html
Created May 12, 2012 02:38
A web page created at CodePen.io
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Pure CSS3 Slideshow Without Page Jump &middot; CodePen</title>
<style>
@maxw3st
maxw3st / node-scroll-info.js
Created June 6, 2012 22:47 — forked from rgrove/node-scroll-info.js
YUI.add('node-scroll-info', function (Y) {
/**
Provides the ScrollInfo Node plugin, which exposes convenient events and methods
related to scrolling.
@module node-scroll-info
**/
/**
@maxw3st
maxw3st / Fullpage.html
Created June 18, 2012 19:31
A Fiddle moved to CodePen.io
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>CodePen &middot; A Pen by maxw3st</title>
<style>
@maxw3st
maxw3st / dantimer.rb
Created June 22, 2012 14:25 — forked from davetron5000/dantimer.rb
DanTimer
#!/usr/bin/ruby
require 'time'
def format_time(seconds)
hours = (seconds / 3600).to_i
minutes = ((seconds % 3600) / 60).to_i
seconds = (seconds % 60).to_i
minutes = "0#{minutes}" if minutes < 10
seconds = "0#{seconds}" if seconds < 10
@maxw3st
maxw3st / requirements.md
Created June 22, 2012 15:37 — forked from davetron5000/requirements.md
My Ideal Presentation Software

davetron5000's ideal presentation software

  • Editable as text, preferably markdown
  • Plays in a browser
  • Deployable to heroku or other service completely statically
  • clean default look that is easy to customize without slogging through generated HTML
  • hard-fix the dimensions, e.g. 1024x768 for projectors
  • support for remote control for advancing

Slide Types

@maxw3st
maxw3st / dabblet.css
Created June 25, 2012 02:53
Gradient The first commented line is your dabblet’s title
/**
* Gradient The first commented line is your dabblet’s title
*/
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
@maxw3st
maxw3st / dabblet.css
Created June 25, 2012 02:55
Floating buttons with adjusting drop shadows @simurai
/**
* Floating buttons with adjusting drop shadows @simurai
*/
html {
background: hsl(30,40%,90%);
}
body {
text-align: center;
padding-top: 100px;