Playing with CSS-only loading animations. No images used anywhere.
A Pen by Steve Melcher on CodePen.
| { | |
| // Please see the README for more information on settings. | |
| // Array of objects containing a regular expression | |
| // and an optional coloring scheme | |
| // see https://github.com/skuroda/PersistentRegexHighlight | |
| "regex": [ | |
| { | |
| // b = {"ho" : 42} | |
| // this id ok: {} OK |
| // Simulating infinite-length leading lookbehind in JavaScript. Uses XRegExp. | |
| // Captures within lookbehind are not included in match results. Lazy | |
| // repetition in lookbehind may lead to unexpected results. | |
| (function (XRegExp) { | |
| function prepareLb(lb) { | |
| // Allow mode modifier before lookbehind | |
| var parts = /^((?:\(\?[\w$]+\))?)\(\?<([=!])([\s\S]*)\)$/.exec(lb); | |
| return { |
Playing with CSS-only loading animations. No images used anywhere.
A Pen by Steve Melcher on CodePen.
| // ---- | |
| // Sass (v3.3.0.rc.2) | |
| // Compass (v1.0.0.alpha.17) | |
| // ---- | |
| /** | |
| * In order to have common ways to deal with webmailer-specific overrides, those | |
| * "failsafe" mixins shall provide shorthands therfor. | |
| */ |
| // ---- | |
| // Sass (v3.3.0.rc.2) | |
| // Compass (v1.0.0.alpha.17) | |
| // ---- | |
| $usePercentage: true; | |
| $snapTo: 640, 600, 560, 510, 460, | |
| 320, 300, 240, 220, 210, | |
| 200, 190, 180, 175, 170, |
| // ---- | |
| // Sass (v3.3.0.rc.2) | |
| // Compass (v1.0.0.alpha.17) | |
| // ---- | |
| @function remove($list, $value, $recursive: false) { | |
| $result: (); | |
| @for $i from 1 through length($list) { | |
| @if type-of(nth($list, $i)) == list and $recursive { |
| // ---- | |
| // Sass (v3.3.0.rc.2) | |
| // Compass (v1.0.0.alpha.17) | |
| // ---- | |
| /** | |
| * some helpers fetched from | |
| * http://hugogiraudel.com/2013/08/08/advanced-sass-list-functions/ | |
| */ |
| /** | |
| * GRID Settings | |
| */ | |
| $GRID_WIDTH: 580; // original: 580 - can be changed within this single line | |
| $HUMAN_NUMBERS: one, two, three, four, five, six, seven, eight, nine, ten, eleven, twelve; | |
| $UNIT_COUNT: length($HUMAN_NUMBERS); | |
| $GRID_GUTTER: 20; | |
| $GRID_WIDTH_TOTAL: $GRID_WIDTH + $GRID_GUTTER; |
| #!/bin/bash | |
| # best used with an alias. | |
| # then simply run `ios example.com` (assuming `ios` is an alias for this script) to open http://example.com | |
| # ios simulator. As I am using it mainly for running jasmine I pointed it to http://localhost:8888 by default. | |
| # Change it as you will. | |
| #first option: url - with or without http:// - can be omitted completely. | |
| if [ -n "$1" ] | |
| then |
| /** | |
| Concatenating a Mystery String | |
| Concatenate the digits of 8 5 6 2 3 7 into a new String where: | |
| All even digits (the actual number) are spelled in lowercase English | |
| All odd digits (the actual number) stay as regular numbers | |
| All values in the final string are separated by a space |