dima-f1

function resolveAfter2Seconds(x, isFail) {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      isFail ? reject() : resolve(x);
    }, 2000);
  });
}

function getRandomArbitrary(min, max) {
    return Math.floor(Math.random() * (max - min + 1)) + min;

dima-f1

Q: What is your favorite Css 'trick'?

Responsive images in CSS are pretty easy: just set the width: 100% and height: auto and you're good to go. Things get a little unpredictable, though, when dealing with background images. Since putting a height on the element causes lots of responsive headaches, one workaround is to have the container scale by its aspect ratio. This can be achieved by setting a few attributes to the element's :after tag:

.my-element {
  overflow: hidden;
  position: relative;
}
.my-element:after {
 content: "";

dima-f1

<stylish-select options="countries_list" ev="profileEditRender.country" ng-model="tabsWizard.filled.profile.country_code">
    <option value="default">Country</option>
</stylish-select>

<stylish-select name="account-gender" class="" ng-disabled="!user_owns_this" ng-model="accountInfo.gender" ev="profileEditRender.gender">
    <option value="U">Gender</option>
    <option value="M">Male</option>
    <option value="F">Female</option>
</stylish-select>

dima-f1

function() {
    return {
        restrict: 'A',
        scope: {
            outsideClickException: '@',
            outsideClickCallback: '&'
        },
        link : function (scope, element, attr) {
            $(document).on('click', function (event) {
                var isClickedElementChildOfPopup = element[0].contains(event.target) || $(event.target).hasClass(scope.outsideClickException);

dima-f1

var item = document.querySelector( '.item' );
item.classList.add( 'disappear' );
item.onCSSAnimationEnd( function()
{
    item.parentNode.removeChild( item );
});

dima-f1

div.bacground-container

dima-f1

function once(fn, context) { 
	var result;

	return function() { 
		if(fn) {
			result = fn.apply(context || this, arguments);
			fn = null;
		}

		return result;

dima-f1

function poll(fn, callback, errback, timeout, interval) {
    var endTime = Number(new Date()) + (timeout || 2000);
    interval = interval || 100;

    (function p() {
            // If the condition is met, we're done! 
            if(fn()) {
                callback();
            }
            // If the condition isn't met but the timeout hasn't elapsed, go again

dima-f1

directives.directive('twitter', [
    function() {
        return {
            link: function(scope, element, attr) {
                setTimeout(function() {
                        twttr.widgets.createShareButton(
                            attr.url,
                            element[0],
                            function(el) {}, {
                                count: 'none',

dima-f1

<style>
 @import url(http://fonts.googleapis.com/css?family=НАЗВАНИЕ_ШРИФТА&subset=cyrillic,latin);
 
 /* шрифт по умолчанию, до тех пор пока не подгружен новый шрифт */
 body {font-family: sans-serif;}
 /* новый шрифт */
 .fontOneLoad body {
    font-family: 'НАЗВАНИЕ_ШРИФТА', cursive;
 }
</style>