Alex Rice ricealexander
ricealexander
/ array-concatenation.js
Last active
February 18, 2019 17:55
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
| const arr1 = ["a","b","c"]; | |
| const arr2 = ["d","e","f"]; | |
| const arr3 = ["g","h","i"]; | |
| // Array.prototype.concat() | |
| const arrayConcat = arr1.concat(arr2).concat(arr3); | |
| // Array.prototype.push() + spread operator | |
| const arrayPush = []; |
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
| .countdown-container { | |
| font-size: 1rem; | |
| text-align: center; | |
| } | |
| .countdown-group { | |
| display: inline-block; | |
| margin: 0 1em; | |
| } | |
| .countdown-tile { | |
| border-bottom: 2px solid; |
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
| :root { | |
| --system-sans-serif: | |
| system-ui, /* detect system font automatically */ | |
| -apple-system, /* Safari (Mac OS X and iOS) and Older Mac OS X */ | |
| BlinkMacSystemFont, /* Chrome<56 (Mac OS X) */ | |
| "Segoe UI", /* Windows and Windows Phone */ | |
| "Roboto", /* Android and Chrome OS */ | |
| "Oxygen", /* KDE - Linux environment */ | |
| "Ubuntu", /* Ubuntu - Linux distribution */ | |
| "Cantarell", /* GNOME - Linux environment */ |
ricealexander
/ playing_with_grids.js
Last active
November 26, 2018 18:05
These snippets build a grid with HTML and associate the cells in a 2-dimensional array
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
| // Inspired by @kokokonotsu | |
| /// https://github.com/kokokonotsu/Cells-and-Grids | |
| const | |
| gridContainer = 'body', // selector for our HTML grid | |
| columnCount = 26, // number of columns | |
| rowCount = 20; // number of rows | |
| // Generate the grid |
ricealexander
/ css_colors.js
Last active
April 10, 2023 10:20
— forked from bobspace/css_colors.js
an array that associates CSS color names with their hex values
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
| // CSS Color Names | |
| // Compiled by @bobspace | |
| // Updates by @ricealexander | |
| // added Rebecca Purple | |
| // associates color names with their hex values | |
| // random color and locating a color in the array by its name | |
| const colorValues = [ | |
| {hex: "#F0F8FF", name: "AliceBlue"}, |
NewerOlder