#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> |