Added image support for this Isometric Builder by Nicolas Gryman.
This pen is using the obelisk.js library.
Kostas Minaidis kostasx
kostasx
/ Obelisk-Buildr-with-Image-Support.markdown
Created
December 31, 2014 15:04
Obelisk Buildr with Image Support
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
| // Check for SVG support | |
| function supportSVG(){ | |
| return ( !! document.createElementNS && !! document.createElementNS('http://www.w3.org/2000/svg','svg').createSVGRect ) | |
| } | |
| // Does it support SVG as image source? | |
| function supportSVGimages(){ | |
| return document.implementation.hasFeature("http://www.w3.org/TR/SVG11/feature#Image", "1.1"); | |
| } |
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
| /* | |
| * CENTERING ELEMENTS USING CSS | |
| * <div class="container"><div class="box"></div></div> | |
| */ | |
| /* HORIZONTAL CENTERING USING TEXT ALIGN */ | |
| .container{ | |
| text-align: center; | |
| } |
kostasx
/ uglifyme.bat
Last active
August 29, 2015 14:13
Uglify.JS - Drag and Drop Multiple Files / Windows Batch File
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
| @echo off | |
| for %%F in (%*) do uglifyjs %%~dpnF%%~xF -o %%~dpnF.min%%~xF | |
| exit |
kostasx
/ jshintify.tmTheme
Created
January 20, 2015 19:00
Change JSHintify Outline Color. Change the color (#555555 )and put this snippet in your theme file: e.g. themename.tmTheme.
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
| <dict> | |
| <key>name</key> | |
| <string>JSHintify</string> | |
| <key>scope</key> | |
| <string>jshintify.error</string> | |
| <key>settings</key> | |
| <dict> | |
| <key>foreground</key> | |
| <string>#555555</string> | |
| </dict> |
kostasx
/ FB-API.sublime-snippet
Created
February 4, 2015 00:49
Facebook Graph API - Sublime Text Snippet
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
| <snippet> | |
| <content><![CDATA[ | |
| FB.api( "${1:/me}", function(response){ | |
| if (response && !response.error) { | |
| ${2://do something with response here...} | |
| } | |
| }); | |
| ]]></content> | |
| <tabTrigger>FB.api</tabTrigger> | |
| </snippet> |
kostasx
/ TransitionEndEventHandler.js
Created
February 9, 2015 16:44
Cross Browser CSS3 TransitionEnd Event Handler
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
| /** | |
| * Cross Browser CSS3 Transition Event Handler | |
| * Source: http://stackoverflow.com/questions/5023514/how-do-i-normalize-css3-transition-functions-across-browsers | |
| * @return String : TransitionEnd Event Name | |
| */ | |
| function transitionEndEventName () { | |
| var i; | |
| var el = document.createElement('div'); | |
| var transitions = { | |
| 'transition':'transitionend', |
kostasx
/ Animation-Keyframes-Mixins.less
Last active
August 29, 2015 14:15
CSS3 Animation & Keyframes LESS Mixins
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
| /* #1 A SIMPLE WAY */ | |
| /* SOURCE: http://radiatingstar.com/css-keyframes-animations-with-less */ | |
| @-webkit-keyframes some-animation {.mixi-frames;} | |
| @-moz-keyframes some-animation {.mixi-frames;} | |
| @-ms-keyframes some-animation {.mixi-frames;} | |
| @-o-keyframes some-animation {.mixi-frames;} | |
| @keyframes some-animation {.mixi-frames;} | |
| .mixi-frames () { |
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
| date "+DATE: %d/%m/%y TIME: %H:%M"; |
kostasx
/ BASH-Minify-JavaScript.sh
Last active
August 29, 2015 14:15
BASH - Minify Javascript file and create source map using UglifyJS
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
| ### NOTICE: Node.JS and UglifyJS must be installed (https://www.npmjs.com/package/uglify-js) | |
| function jsmin { | |
| if [ ! $1 ]; then | |
| echo "Usage: $0 somefile.js"; | |
| return; | |
| fi | |
| filename=$(basename $1) |