Jack Rugile jackrugile
jackrugile
/ bem-nesting.html
Created
July 29, 2015 16:59
This file contains hidden or 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 hidden or 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 hidden or 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? |
jackrugile
/ letters.js
Created
November 27, 2013 19:26
This file contains hidden or 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 hidden or 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 hidden or 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; | |
| } |
NewerOlder