Alex Khomenko

Vika Zhurbas: потому что жизнь без движения не имеет смысла потому что стоять на...

Fri, 11 May 2012 10:06:25 +0300

Vika Zhurbas: потому что жизнь без движения не имеет смысла потому что стоять на...:

потому что жизнь без движения не имеет смысла
потому что стоять на месте нудно-скучно
потому что бурление и кипение
в организме эмоций это нужно

потому что ломаются стихи
когда теряешь мысль и рифму
также ломается жизнь
когда теряешь смысл

двадцать восьмое апреля одиннадцатого

Closures in CoffeeScript

Sun, 13 Nov 2011 00:08:00 +0200

Closures in CoffeeScript are implementing very simple:

window.MusicBox =
    module: (->
        modules = {}
        (name) ->
            if modules[name]
                modules[name]
            else
                modules[name] =
                    Views: {}
    )()

https://github.com/jashkenas/coffee-script/issues/43

"Тот, кто уходит, становится тяжелее, с каждым шагом делаясь все моложе, с точки зрения того, кто..."

Tue, 11 Oct 2011 17:51:02 +0300

“Тот, кто уходит, становится тяжелее,
с каждым шагом делаясь все моложе,
с точки зрения того, кто стоит на месте.
Потому что, когда ты стоишь на месте,
время твое идет быстрее,
чем у того, кто уходит прочь.
И чем быстрее он удаляется от тебя,
тем меньше он изменяется для тебя,
хотя визуально ты его уже и не разглядишь,
потому что он становится все меньше и меньше.
Впрочем, скоро уже и вглядываться не имеет смысла,
поскольку сила притяжения ослабевает
обратно пропорционально расстоянию в квадрате
и, хотя и ощущается даже на краю вселенной,
там этим ощущением можно пренебречь
ввиду его бесконечной малости…”

- (via iv-0lga)

Save images in local storage as data URI

Mon, 10 Oct 2011 18:43:00 +0300

Last time I created markup I saved decorative images in css as data URI. So all images arrived to client with css and client saw all design at once without need waiting for downloading decorative images.

Now I’m doing the backbone app and I save models in localStorage. So only images are not saved locally. And I’ve got thought about saving non-decorative images in localStorage as data URI. I think it may have reason if you have not much pictures.

Of course limitation is 5MB for all stuff. What do you think?

Remote debug php-application with xdebug

Tue, 04 Oct 2011 11:26:00 +0300

I debug applications for a while with xdebug on local machine. I just set xdebug.remote_enable = 1 in php.ini and that’s all.

Tomorrow I have need to debug application on remote host and I couldn’t do this. So after some investigation I’ve found some solutions for remote debug:

Set xdebug.values in .htaccess:
php_value xdebug.remote_enable on php_value xdebug.remote_host 209.85.148.99

If you need setup debug env for multiple users:

Set xdebug.remote_connect_back=1 in php.ini
xdebug.remote_connect_back=1
Set up dbg proxy. Read more:
- http://xdebug.org/docs/remote, chapter - Multiple Users Debugging
- http://derickrethans.nl/debugging-with-multiple-users.html
Set up ssh tunnel.
- Enable remote_enable through php.ini or .htaccess
  xdebug.remote_enable=1
- Open ssh tunnel
  ssh -N -R 9000:localhost:9000 sshusername@remote-server-name.com

Zend Framework, Db Profiler

Mon, 03 Oct 2011 22:58:00 +0300

The simplest and the just awesome way to enable Db Profiler (as we say dump queries) in Zend Framework is just add some params to you configuration file. In my case it is application.ini:

resources.db.adapter = 'pdo_mysql' resources.db.params.host = 'localhost' resources.db.params.username = 'username' resources.db.params.password = 'password' resources.db.params.dbname = 'database'

resources.db.params.profiler.enabled = true resources.db.params.profiler.class = "Zend_Db_Profiler_Firebug"

Install FirePHP and after reload you will see something like this:

Kindle Cloud Reader

Mon, 29 Aug 2011 14:48:39 +0300

Couple of weeks ago Amazon release great application for reading books. You will say - “So what? We’ve already had applications for Mac, Win and mobile platforms”.

Yes you are right, it’s just application for reading on the web. It works as offline application, so you can install it as Chrome Application and use even without Internet.

It remembers where you finished reading previous time, shows highlights and can do other things. It has menu like Kindle Reader, so you can choose fonts, size.

It’s great thing also from web-developer point of view.

CSS rules weight

Tue, 19 Jul 2011 00:47:32 +0300

As it usually appeared for me, unexpectedly - weight of attribute in CSS rules is equal to weight of class and values in attribute doesn’t increase weight of rule.

So these rules are equal by their weight:

a.link {
  color: blue;
}

a[rel] {
  color: red;
}

a[rel^=https] {
  color: green;
}

IE, CSS3 selectors, strange behaviour

Thu, 23 Jun 2011 14:30:16 +0300

If css rule has CSS3 selectors, which IE doesn’t understand, it passes them.

Doesn’t work:
tr:nth-child(even),
tr.even {
    background-color: #eee;
}

Work:
tr:nth-child(even) {
    background-color: #eee;
}

tr.even {
    background-color: #eee;
}

WebKit color-stop procent in -webkit-gradient

Sun, 22 May 2011 21:38:00 +0300

As I’ve found out I can’t use more than 100% in WebKit implementtation of linear-gradient. So I need 150% in second color-stop -webkit-gradient(linear, left top, left bottom, color-stop(0, red), color-stop(1.5, blue));

WebKit implementation allow to use no more than 100%, but we can avoid this “feature” and use background-size: 1px 150%

In first case I have http://jsfiddle.net/okhomenko/GZP4x/:

#gradient {
    background-image: 
        -webkit-gradient(linear, left top, left bottom, 
                         color-stop(0, red), color-stop(1.5, blue);
}

And get:

And in case http://jsfiddle.net/okhomenko/GZP4x/1/

#gradient {
    height: 50px;
    
    background-image:
        -webkit-gradient(linear, left top, left bottom, 
                         color-stop(0, red), color-stop(1, blue));
    background-size: 1px 150%;
}

So if you want to customize your gradient in WebKit you can use this method. In FF4 everything works fine just like this - background-image: -moz-linear-gradient(top, red, blue 150%), so in some time I think it will work in WebKit

Gradient border

Sun, 22 May 2011 18:36:21 +0300

Here I’ve done some kind of border with gradient, maybe it would be useful for someone http://jsfiddle.net/okhomenko/HdaRE/6/

Code is pretty simple - we create box, put background-images on it and crop its with background-size. Also we should set bakground-repeat: no-repeat.

#bordergradient {
    background-image:
        -moz-linear-gradient(left   top, red,     #7BCBEF),
        -moz-linear-gradient(center top, blue,    #7BCBEF),
        -moz-linear-gradient(right  top, green,   #7BCBEF),
        -moz-linear-gradient(center top, #7BCBEF, rgba(123, 203, 239, 0));

    background-size:
        100% 1px,
        3px 100%,
        100% 2px,
        5px 100%;
        
    background-position:
        left top,
        right top,
        left bottom,
        left top;

    background-repeat:
        no-repeat;
}

I used this technique like this

Inset shadow from one side

Sun, 22 May 2011 17:48:00 +0300

Update: It’s appeared as it should be much simpler than my solution, we can just use: box-shadow: inset 0 10px 20px -10px #444;

Thanks to @LeaVerou for help

Some time ago I needed shadow inside block, but inset shadow by box-shadow: inset I didn’t like because it render from all sides and I wanted only top-side shadow, so I’ve tried to do it with gradient. And here is what I get - http://jsfiddle.net/okhomenko/fUWPu/5/.

It’s not so g0od in Opera (right image). I would be appreciated if someone know how to modify my code for work good in Opera and make it render in IE