Skip to content

Instantly share code, notes, and snippets.

View girliemac's full-sized avatar
📝
Working mostly on writing docs these days

Tomomi ❤ Imura girliemac

📝
Working mostly on writing docs these days
View GitHub Profile
@girliemac
girliemac / dabblet.css
Created March 25, 2012 01:44 — forked from anonymous/dabblet.css
CSS3 No-image Chupa-Chupsy candy
/**
* CSS3 No-image Chupa-Chupsy candy
* by @girlie_mac
* http://girliemac.com/blog/2012/03/24/making-chupa-chups-using-css3-pseudo-elements/
*
* Please, do not compare this with the real one.
* I feel pretty terrible making the awesome design by Salvador Dalí into some crap.
* But my point of this demo is that you can create the floral shape with CSS, using border-radius:50% and pseudo-element(s)
*/
html {
@girliemac
girliemac / dabblet.css
Created March 27, 2012 05:05
CSS3 No-image Chupa-Chupsy candy
/**
* CSS3 No-image Chupa-Chupsy candy
* by @girlie_mac
* http://girliemac.com/blog/2012/03/24/making-chupa-chups-using-css3-pseudo-elements/
*
* Please, do not compare this with the real one.
* I feel pretty terrible making the awesome design by Salvador Dalí into some crap.
* But my point of this demo is that you can create the floral shape with CSS, using border-radius:50% and pseudo-element(s)
*/
html {
@girliemac
girliemac / dabblet.css
Created March 27, 2012 06:19
CSS Gradients on text
/**
* CSS Gradients on text
* http://girliemac.com
* @girlie_mac
*/
body {
font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
color: #666;
}
h1, h2 {
@girliemac
girliemac / gist:5279460
Last active December 15, 2015 15:09
Draw On The Kitteh Demo - using the Touch Events V.1, Mouse events, and Pointer Events all together.
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width"/>
<style>
body {
font-family: "Segoe UI Web Light", "Segoe UI Light", "Segoe UI Web Regular", "Segoe UI", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-size: 1.2rem;
margin: 10px;
@girliemac
girliemac / stickies-simple.js
Created November 9, 2013 06:03
A simplified version of stickies.js. Unlike stickies.js, this is coded only with the latest standard syntax of IndexedDB, and does NOT support the browsers that use deprecated syntax- BB10, Chrome < 23 (including Chrome Mobile v18, the first Chrome for Android) Also, the animation effect is removed from this version.
/**
* stickies-simple.js - Simplified version of stickies.js
* Unlike stickies.js, this is coded only with the latest standard syntax of IndexedDB,
* and does NOT support the browsers that use deprecated syntax:
* BB10, Chrome < 23 (including Chrome Mobile v18, the first Chrome for Android)
* Also, the animation effect is removed from this version.
**/
(function(){
/* Solarized Dark
For use with Jekyll and Pygments
http://ethanschoonover.com/solarized
SOLARIZED HEX ROLE
--------- -------- ------------------------------------------
base03 #002b36 background
base01 #586e75 comments / secondary content
.highlight { background-color: #ffffcc }
.highlight .c { color: #586E75 } /* Comment */
.highlight .err { color: #93A1A1 } /* Error */
.highlight .g { color: #93A1A1 } /* Generic */
.highlight .k { color: #859900 } /* Keyword */
.highlight .l { color: #93A1A1 } /* Literal */
.highlight .n { color: #93A1A1 } /* Name */
.highlight .o { color: #859900 } /* Operator */
.highlight .x { color: #CB4B16 } /* Other */
.highlight .p { color: #93A1A1 } /* Punctuation */
@girliemac
girliemac / weather-infographic-client-connect.js
Last active March 11, 2016 20:46 — forked from shyampurk/weather-infographic
Weather Infographic Gist
function pub() {
console.log("publishing")
pubnub.publish({
channel: "wnPutTime",
message: {
'uuid': uuid
},
callback: function(m) {
console.log(m)
}
@girliemac
girliemac / 1.html
Last active July 22, 2016 21:03
Snippets for D3 Word Cloud blog
<script src="https://cdn.pubnub.com/pubnub-3.15.2.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.4.11/d3.min.js"></script>
<script src="js/d3.layout.cloud.js"></script>
@girliemac
girliemac / 01.html
Last active July 22, 2016 21:05
Snippets for CoDoodler Blog
<canvas id="drawCanvas" width="800" height="600"></canvas>