Well, just the navigation part.
A Pen by Justin Perry on CodePen.
Justin Perry ourmaninamsterdam
ourmaninamsterdam
/ gist:5388493
Last active
December 16, 2015 05:59
Lookup table-like mixin for retrieving data from a linked list. Ideal for including predefined font stacks and media queries, by name. Great way to avoid lengthy conditional statements when you require multiple outcomes from a mixin.
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 get-item-by-name( $name, $names-list, $items ){ | |
| @return #{ nth( $items, index( $names-list, $name ) ) }; | |
| } | |
| $font-stack-ids: proxima-light, proxima-regular, proxima-semibold | |
| $font-stacks: "'Proxima Nova Light', Tahoma, Arial, Helvetica, sans-serif", | |
| "'Proxima Nova Regular', Tahoma, Arial, Helvetica, sans-serif", | |
| "'Proxima Nova Semibold', Tahoma, Arial, Helvetica, sans-serif"; | |
| @function font-stack( $name ){ |
ourmaninamsterdam
/ gist:5823736
Created
June 20, 2013 15:26
Gets the href from anchor tag regardless of positon of href attr. Sort of. Needs some work to exclude last part of string
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
| <a[^>]*? (href=\")(.*)(") |
ourmaninamsterdam
/ gist:5964521
Created
July 10, 2013 08:39
Converts a HEX to RGB and vice versa. Takes a 6 character HEX or a single R/G/B value.
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
| /** | |
| * convert_color() | |
| * Converts a HEX to RGB and vice versa | |
| * @param {String or Integer} color Takes a full 6 character HEX "ff5500" / RGB colour value 167 (< 255) | |
| * @return {str} returns a HEX or RGB (space delimited), depending on input | |
| * | |
| */ | |
| function convert_color(color) { | |
| var tmp = ""; | |
ourmaninamsterdam
/ gist:6074635
Created
July 24, 2013 21:17
RegEx to get the value from an MS CSS filter
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
| ^filter:.[a-z]+=\([^)]+\); |
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
| (^<[^a-z]+|)+(href=\".+?") | |
| Returns href attr from... | |
| <a href="http://www.google.com">Google</a> | |
| <a class="myclass" href="http://www.bbc.co.uk">BBC</a> | |
| <a id="myid" href="http://www.yahoo.com" class="myclass">Yahoo</a> | |
| <div><a href="http://www.google.com">Google</a></div> |
ourmaninamsterdam
/ gist:6074841
Created
July 24, 2013 21:43
In progress. Gets innerText from any tag
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
| (^<[a-z]+.)[a-z\"=\s:/.\<]+[>]+([^\<]+) | |
| <a href="http://www.google.com">Google</a> | |
| <a class="myclass" href="http://www.bbc.co.uk">BBC</a> | |
| <a id="myid" href="http://www.yahoo.com" class="myclass">Yahoo</a> | |
| <div><a href="http://www.google.com">Google</a></div> |
ourmaninamsterdam
/ gist:6074905
Created
July 24, 2013 21:50
RegEx - Gets any Link that contains the word Yahoo. Needs some work
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
| (^<[a-z]+.[a-z\"=\s:/.\<]+[>])+(?=[^\<])(?=Yahoo).+?$ |
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
| Setup waypoints for each block | |
| $('.js-block').each(function(){ | |
| addWaypoint( $(this), 'down' ); | |
| addWaypoint( $(this), 'up' ); | |
| }); | |
| function addWaypoint( $elem, direction ){ | |
| var thisID = that.formatID( $elem.attr('id') ), | |
| nextID = $elem.next('.js-block').attr('id') || null; |
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
| <div class="flex"> | |
| <!--div*6>table>tr*8>tr*8>td*7>{Eius facere reprehenderit esse praesentium eligendi.}--> | |
| <div> | |
| <table> | |
| <col style="width: auto" /> | |
| <col style="width: 20%" /> | |
| <col style="width: 30%" /> | |
| <col style="width: 20%" /> | |
| <col style="width: 10%" /> | |
| <col style="width: 10%" /> |
ourmaninamsterdam
/ Autocomplete-Navigation.markdown
Created
August 21, 2013 07:59
A CodePen by Justin Perry.