life is wonderful

Сафари не отходя от дома

2010-06-07T05:18:00.000-07:00

Вот и лето пришло! Самое настоящее, со всеми последствиями: в городе жара, в лесу комары. Надо было срочно спасаться.

Виталик дал клич "Купаться!"

Как-то так без особых возражений приняли решение ехать на озеро Небреж, это на Позняках. За день до этого я ходила туда со знакомым, получилось, на разведку.

Первый замечательный момент - приехали ребята, с которыми мы познакомились на велодне! И девочка! Лена!

Второй замечательный момент - обнаружился в процессе, над ним пришлось изрядно попотеть :)

Задача стояла обьехать половину озера и отдыхать на противоположном его берегу.

Мое предложение поехать "ровно, просто, и вправо" было проигнорировано. Поехали влево. Мальчики!

Было сложно и тяжело, надо было часто тащить вел по песку...

Но необычно: позади нас город.... фи.. Справа вода - обнадеживает :) а слева - Сафари!

Сколько хватило сил, шли и упали на первой же пригодной полянке. До желанного противоположного берега мы не добрались, да и смогли бы. Но утраты мы не почувствовали. А наоборот, на этой огроменной горе песка так замечательно поиграли в воллейбол! Главное, нападались и нахохотались!

Вода уже прятно теплая, можно плавать подолгу, но стоять подолгу еще холодно...

Про американцев

2010-04-16T05:04:00.000-07:00

Сидели, обедали, обсуждали американцев, палестинцев и всех остальных, какие все жадные, бесчеловечные и вообще... Посидели, пообсуждали, пообедали. Расплатились, ушли. Сели в машину ехать обратно в офис. И даже уже развернулись!

Тут я вспоминаю, в туалете я оставила свой телефон... Я даже успела мысленно попрощаться с телефоном, пока бежала обратно.

Забегаю - лежит! Вот и очередной повод верить людям.

Share

Велопрогулка

2010-04-20T11:26:00.000-07:00

И предложил Виталик поехать в ПДН!
И мы све согласились.

Но поехали в парк Партизанской Славы.

Как ни странно, но похоже, даже личность не влияет на старт покатушки, если это bikeways, то во время она стартовать не может :) Наверно, проще с этим смириться.
Начали катать под дождем, но даже в этом Миша видел свои плюсы: всю пыль прибило, воздух был намного чище, что не могло не радовать, пока еще были в городе. В лесу же ыло все еще замечательней. Уже на деревьях есть не то что почти, но даже и цветочки. А они так бешено пахнут!

К сожалению, было у нас, вернее, у меня одной, ограничение по времени. Поэтому забраться далеко не успели. Но зато мальчики были очень даже не против приехать сюда опять (даже не смотря на то, что до леса каждому из них уж точно 20+ км колесить по городу)

А с другой стороны, вот где еще в киеве есть лес.
1. Голосеевский - не считается, как по мне он мелковат...
2. Пушкинский - совсем не считается, там только заехал - уже выехал...
3. Пуща! - 200%! И Им даже ближе. А я уже знаю секрет ;)

Ну, в общем, общая фотка мальчиков, и наша общая, не получившаяся (я даже догадываюсь, кто виноват):

Открытие сезона 2010

2010-04-11T11:59:00.000-07:00

Говорят: "Все гениальное - просто". Верьте!

Мне гениальное досталось от друга - до Пущи Водицы добраться на трамвайчике :)

И не надо колесить через весь Киев, можно обойтись скромно, половиной!

Я доехала до Подола по Набережной, с ветерком, по хорошим (все в этой жизни сравнительно, тоже верьте) набережным, то и дело поглядывая на своего (наконец-то и надеюсь надолго) неизменного спутника - велокомп.

Встретились с другом, перекурили и сели в трамвайчик... Через две остановки выяснилось, не в тот. Благо вовремя выяснилось. Пересели.

Я обожаю Подол, и он мне приготовил здоровскую экскурсию: развалянный парк возле кинотеатра Жовтень, замысловатые многоэтажки (там так интересно балконы построены: сразу и не поймешь, где архитекторская задумка, а где жадность владельцев квартир), блошиный рынок (да! прям вдоль трамвайных путей! там всякие ложечки, чашечки.. ммм...) Доехали до площади Шевченко. Ну а там до конца киева - два раза упасть.

Сначала ехали вдоль путей.. Но это ж не наш метод? Надо свернуть... Свернули... сделали круг по лесу, и как-то я даже потеряться успела чуть-чуть... Потом моя трусость взяла вверх, решили вернуться обратно к путям и дальше уже ехали вдоль. Так хорошо в лесу, так свежо! Дышится! Глазеется! Разве можно представить лучшее начало велосезона?

На закуску были стандатрно бутеры, сникерсы и кола-пиво. Ну и конечно, общее фото :)

Вместо стены мне обещали нарисовать в фотошопе Лас-Вегас, так, чтоб даже никто и не заметил ;)

Итого: 100% удовольствия

90% энергии (последнее ушло, чтоб дождаться продавщицу в ларике и купить кефирчик)

34 км!

Ура!

Interesting English: swim

2010-04-08T02:11:00.000-07:00

swim

1. сущ.

2) скольжение, плавное движение

That easy swim of movement which distinguishes the ladies of this country. — Плавность движений, которая характерна для женщин этой страны.

3) (the swim) течение (событий, общественной жизни)

4) разг. дело, предприятие

5) разг. головокружение

Syn:

giddiness, dizziness

6) рыбное место

2. гл.;

а) плавать, плыть; переплывать

to swim with / down the tide / stream — плыть по течению

to swim against the tide / stream — плыть против течения

to swim a race — участвовать в состязании по плаванию

to swim like a stone шутл. — плавать как топор; идти ко дну

I swim anyone hundred yards — Я обгоню всякого в заплыве на сто ярдов

б) купаться (в водоёме)

2) заставлять плыть

3) плавно двигаться, скользить

4) (swim in)

а) быть залитым (чем-л.); плавать (в чём-л.)

potatoes swimming in gravy — картофель в подливе

The meat swims in gravy. — Мясо залито подливкой.

б) утопать в (чём-л.) ; быть заваленным (чем-л.)

to swim in luxury — утопать в роскоши

в) упиваться (чем-л.)

а) плыть перед глазами

б) кружиться (о голове)

My head began to swim. — У меня закружилась голова.

6) (swim into) приходить (в голову)

7) (swim with) наполняться (чем-л.)

••

to swim against the tide — идти против большинства

to swim with the tide — примкнуть к большинству

Promote your blog

2010-04-07T02:36:00.000-07:00

What if really start promoting your own blog?
I have found the exact article: Ten ways to promote a blog for free

One of the steps there was: Submit Your Blog To popular blog directories.
First items were not really free, but still i've submitted this site completely free in next directories:

OnTopList forced me to define only one category for my blog, while Blogged allowed to select two.

And from now on can watch, what will happen to my site after this.
I'm rather new to submitting sites, the only my win was CloudMade's product Mapzen in DMOZ

CSS {display:inline-block} /для всех браузеров/

2010-04-01T04:37:00.000-07:00

div{
  display:-moz-inline-stack;/*Нужно для Firefox*/
  display:inline-block; /*Не применяется в IE и Firefox*/
  _overflow:hidden;/*фикс для IE6*/
  zoom:1;/*включаем hasLayout*/
  *display:inline;/*при hasLayout true display:inline ведёт себя как display:inline-block*/
}

Interesting English: to call it a day

2010-03-24T02:46:00.000-07:00

to call it a day

1) считать дело законченным

Let us call it a day. — На сегодня хватит.

2) быть довольным достигнутыми результатами

Interesting English: come across

2010-03-31T08:47:00.000-07:00

come across

фраз. гл.

1) быть понятным, доходить (о словах, речи); быть воспринятым, понятым

Did his speech come across? — Его речь была понятна?

2) (come across as) быть воспринятым, понятым каким-л. образом, производить какое-л. впечатление, казаться

He comes across as someone who means what he says. — Кажется, он из тех, кто говорит то, что думает.

You came across as being angry, not just disappointed. — Ты выглядел рассерженным, а не просто расстроенным.

The first candidate came across really well. — Первый кандидат произвёл очень хорошее впечатление.

Syn:

appear, seem

3) передавать, выражать (какое-л. чувство, смысл); выражаться (каким-л. образом)

I don't always come across with consistency. — Я не всегда последовательно излагаю свои мысли.

4) разг. давать, отдавать (деньги); предоставлять (информацию)

Come across (with the money)! — Раскошеливайся!

He waited in silence until I came across with the truth. — Он молча ждал, пока я не расскажу правду.

5) разг. отдаться (о женщине)

Красивая табличка и JavaScript

2010-03-26T09:43:00.000-07:00

Задача с работы. Дана таблица типа технической спецификации. Состоит из пары колонок и туевой кучи строк. Смысловой столбец - перечень интересностей и полезностей продукта.

Все бы хорошо, таблица, таблицей, ну разукрасить долго и нудно, но процес с четким светом в конце тоннеля. Но в каждой ячейке с наименованием этой полезности есть ма-а-аленькая иконочка "Узнай больше". На нее кликаешь, и появляется маленькая подсказочка в виде "облачка из комиксов", с теньками, с уголочком, ну и текс уточнения может еще и ссылки содержать. Вот!

Во-первых, эти блочки забадаешься дублировать, во-вторых, эти блоки да еще и внутри таблицы никак не спозоционировать (имея в уме любимый-обожаемый IE, благо версии 7 и выше :) )

HTML и CSS особой ценности для меня не представляют, а вот в JavaScripte открыла для себя новое: фунцию each во всей ее красоте.

Итак, приступим.

Наша таблица:

<table>
 <tr>
  <th class="feature">Растение</th>
  <th>Цена</th>
  <th>Наличие</th>
 </tr>
 <tr>
  <td class="feature"><span class="hint"></span>Бонсай11/15</td>
  <td><span class="price">93.00 грн.</span></td>
  <td>Магазин</td>
 </tr>
...
</table>

Содержимое заменила на более интересное :)

Блок с подсказками, внешний вид зависит от предпочтений дизайнера, тут он простенький:


<div id="hint-content" style="display: none">
 <div class="top"></div>
 <p>
  <img src="images/9193.jpg" width="150" height="150" alt="#"/>
  <a href="http://www.shop.vashsad.ua/catalog/decorative-foliage/item/26/">Купить</a>
 </p>
 <div class="bottom"></div>
 <span id="close-hint">[Закрыть]</span>
</div>

Но пока еще рано ее показывать кому-то, прячем ее с помошью inline'овых стилей. Подставлять я дальше буду в абзац. Остальное декоративные элементы.

И последнее, собственно, что подставлять. Для своего удобства я также все это поместила в отдельные абзацы. Задумка была такой, чтоб иконке N соответствовал абpац N. Прячем и этот блок от посторонних:


<div id="hint-copies" style="display:none">
 <p>
  <img src="images/9193.jpg" width="150" height="150" alt="#"/>
  <a href="http://www.shop.vashsad.ua">Бонсай</a>
 </p>
  ...
</div>

Ну а теперь самое основное, JavaScript.

Сценарий следующий:

1. Чтобы безотказно спозиционировать подсказку с наименьшей математикой, переместим ее в body.

Тогда left и top ее напрямую будут зависеть от cumulativeOffset() иконки, по которой кликнули.

Для этого после прогрузки всего содержимого страницы выполняем простое действие:


$('hint-content').remove();
document.body.insert(hintBlock)

2. Инициализируем собитие на клик по иконке.


$$('.hint').each(function(el, index) {
 el.observe('click', showHint.bind(this, el, index))
});

Вот оно, открытие дня! each(function(el, index) {}

.bind для меня еще по-прежнему танцы с бубном, помагал сотрудник.

Но вот этот индекс как раз и скажет нам, который по счету абзац из <div id="hint-copies"> нужно будет поместить в блок подсказки:


var hint = $('hint-content')
var actualContent = $('#hint-copies p')[index].innerHTML // находим нужный нам абзац
var hintText = hint.down('p') // сюда нужно будет его подставить

hintText.innerHTML = actualContent; // собственно подмена
hint.setStyle({
 left: (e.cumulativeOffset().left - 177) + 'px',    // позиционироание подсказки
 top: (e.cumulativeOffset().top) + 'px'
})
hint.show() // Вуаля!

Результат: