Работа с библиотекой OrnaJS

[greabock]

<div class="bgc_black c_yellow h_100px br_20px shadow_0_0_20px_0_red">...</div>

хм… где-то я это видел… а, ну точно же!

<div style="background-color:black;color:yellow;height:100px;border-radius:20px;box-shadow:0 0 20px 0 red;">...</div>

[Revertis]

Ну что вы хотите от человека, который пишет в заголовке вместо рАбота рОбота? :)

[shoomyst]

Я когда открывал статью, думал это игра слов, и речь будет идти об управлении роботами :)

[dimapopov]

=) Сорри

[dimapopov]

Привет, про inline стили все знают, только в них нет наследования, выборки, сортировки и событий.

[Zenitchik]

 <div class="h_100px_click">Orna</div>

Что-то в этом есть. Но как-то больно неуклюже.

[dimapopov]

Можно так

<div class="h_100px_click">Orna</div> 
<div class="height_100px_click">Orna</div>

Если не устраивает underscore как разделитель, его очень просто заменить в коде библиотеки на другой символ, тем самым сделав custom версию под себя, буквально стереть один символ и написать новый.

[Zenitchik]

А как обрабатывается клик? Повторный клик как будет обрабатываться?

[dimapopov]

Events in OrnaJS

mouseover or just over
(color_red_mouseover)
(color_red_over)

mouseout or just out
(color_red_mouseout)
(color_red_out)

mousedown or just down
(color_red_mousedown)
(color_red_down)

mouseup or just up
(color_red_mouseup)
(color_red_up)

blur
(color_red_blur)

focus
(color_red_focus)

click
(color_red_click)

Это все события в OrnaJS

Они не предполагают решения всех задач, а только определенных, так сказать к месту. В CSS клика нету вообще, он эмулируется через метод «придумывания велосипедов» или :target, про инлайн стили вообще писать не буду. Если надо специфичную логику нужно JS пилить.

[Zenitchik]

<div class="h_100px_click">Orna</div>

Нет, я имел в виду, что произойдёт в этом случае? При клике будет установлена высота? А повторный клик, соотвественно, обработан не будет?

[dimapopov]

Класс становится холостым, до сброса высоты или до перезагрузки страницы

[xGromMx]

А где часы? Там были еще раньше часы в либе. Не без часов не интересно.

[dimapopov]

Класс inTime — put time into element

[xGromMx]

Не, это не то. Там были часы аналоговые, со стрелками.

[ZloDeeV]

Цепочка из else в коде скрипта выглядит потрясающе. Особенно если представлять, что человек это написал ссылаясь на удобство, но тем самым добавив звено между html — link to css — обработка браузером. Теперь это html — jQuery — ornajs — inline css — обработка браузером.

Хотя если бы это было как часть препроцессора для html. Если бы в jade в классы писались свойства, а css генерировался исходя из этих классов, то может быть что-то более-менее адекватное получилось бы, но верится, все равно, с трудом.

[dimapopov]

Atomic CSS, как по мне прекрасен, не везде конечно же

[dolphin4ik]

боюсь представить как бы это работало по БЭМу…

[dimapopov]

БЭМ, как и все на любителя