Jack Rugile jackrugile
jackrugile
/ letters.js
Created
November 27, 2013 19:26
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| $.definitions.letters = { | |
| '1': [ | |
| [ , , 1, , 0 ], | |
| [ , 1, 1, , 0 ], | |
| [ , , 1, , 0 ], | |
| [ , , 1, , 0 ], | |
| [ 1, 1, 1, 1, 1 ] | |
| ], | |
| '2': [ | |
| [ 1, 1, 1, 1, 0 ], |
jackrugile
/ main.js
Last active
December 22, 2015 06:09
Favicon generated from array using canvas and toDataURL()
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| function generateFavicon() { | |
| var favicon = document.getElementById( 'favicon' ), // referencing shortcut icon in <head> | |
| favc = document.createElement( 'canvas' ), | |
| favctx = favc.getContext( '2d' ), | |
| faviconGrid = [ | |
| [ 1, 1, 1, 1, 1, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 1 ], | |
| [ 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1 ], | |
| [ 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1 ], | |
| [ 1, 0, 0, 0, 0, 1, 1, 0, 0, 1, 1, 1, 1, 1, 0, 0 ], | |
| [ 1, 0, 0, 0, 0, 1, 1, 0, 0, 1, 1, 1, 1, 1, 0, 0 ], |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <title>Canvas Particles v2</title> | |
| <meta charset="utf-8" /> | |
| <style> | |
| html, body { | |
| margin: 0; | |
| padding: 0; | |
| } |
jackrugile
/ bem-nesting.html
Created
July 29, 2015 16:59
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <nav class="nav"> | |
| <ul class="nav__list"> | |
| <li class="nav-list__item"> | |
| <a class="nav-list-item__link"></a> | |
| </li> | |
| <li class="nav-list__item"> | |
| <a class="nav-list-item__link"></a> | |
| </li> | |
| <li class="nav-list__item"> | |
| <a class="nav-list-item__link"></a> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // ---- | |
| // Sass (v3.3.14) | |
| // Compass (v1.0.1) | |
| // ---- | |
| @mixin specify($selector) { | |
| @at-root { | |
| #{selector-append($selector, &)} { | |
| @content; | |
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // ---- | |
| // Sass (v3.3.14) | |
| // Compass (v1.0.1) | |
| // ---- | |
| /* | |
| The item class is sometimes a <div>, and sometimes an <a>. | |
| I'd like to only set a hover effect when it's an <a>. | |
| Id there a way to utilize the ampersand and | |
| nested syntax to achieve this? |
NewerOlder