#Kottans.Fin
##Сообщества
List of various russian-speaking IT-related chats
##Tests
‘Testing’ your knowledge
Front-end Job Interview Questions
##Stay in the loop Front-end TechnologiES
| // -------------------------------------------------- | |
| // Flexbox LESS mixins | |
| // The spec: http://www.w3.org/TR/css3-flexbox | |
| // -------------------------------------------------- | |
| // Flexbox display | |
| // flex or inline-flex | |
| .flex-display(@display: flex) { | |
| display: ~"-webkit-@{display}"; | |
| display: ~"-moz-@{display}"; |
#Kottans.Fin
##Сообщества
List of various russian-speaking IT-related chats
##Tests
‘Testing’ your knowledge
Front-end Job Interview Questions
##Stay in the loop Front-end TechnologiES
| (function addXhrProgressEvent($) { | |
| // Patch for progress event support | |
| var originalXhr = $.ajaxSettings.xhr; | |
| $.ajaxSetup({ | |
| progress: $.noop, | |
| xhr: function() { | |
| var xhr = originalXhr(), that = this; | |
| if (xhr) { | |
| if (typeof xhr.addEventListener == "function") { |
| /** | |
| * Outputs a new function with interpolated object property values. | |
| * Use like so: | |
| * var fn = makeInterpolator('some/url/{param1}/{param2}'); | |
| * fn({ param1: 123, param2: 456 }); // => 'some/url/123/456' | |
| */ | |
| var makeInterpolator = (function() { | |
| var rc = { | |
| '\n': '\\n', '\"': '\\\"', | |
| '\u2028': '\\u2028', '\u2029': '\\u2029' |
| /* if portrait mode is detected, rotate the entire site -90 degrees to hint rotating to landscape */ | |
| @media (orientation: landscape) { | |
| body { | |
| -webkit-transform: rotate(-90deg); | |
| -moz-transform: rotate(-90deg); | |
| -o-transform: rotate(-90deg); | |
| -ms-transform: rotate(-90deg); | |
| transform: rotate(-90deg); | |
| } | |
| } |
| <snippet> | |
| <content><![CDATA[ | |
| <div class="$1"> | |
| $2 | |
| </div><!-- .$1 --> | |
| ]]></content> | |
| <!-- Optional: Set a tabTrigger to define how to trigger the snippet --> | |
| <tabTrigger>di</tabTrigger> | |
| <!-- Optional: Set a scope to limit where the snippet will trigger --> | |
| <scope>text.html</scope> |