spmbt20 ноя 2013 в 07:08

Цветовая пипетка на JS, 399 символов (не строк)

2 мин

7.2K

JavaScript * Графические оболочки *

-6

Комментарии 13

andymitrich 20 ноя 2013 в 07:25

Хотите начать новое соревнование «напиши что-то, чаще всего бесполезное, и уложись в 400 строк кода»? :)

frux 20 ноя 2013 в 07:30

тогда уж символов

andymitrich 20 ноя 2013 в 07:32

упс, 400 символов, конечно же, прошу прощения.

НЛО прилетело и опубликовало эту надпись здесь

spmbt 20 ноя 2013 в 08:37

Тут в чём разница? Первый автор показал полезный скрипт на 30 строк. Из последующего потока полезного можно выделить разве что графические редакторы на C#, да и те требуют компиляции. Здесь представлен полезный (коды цветов из «безопасной» веб-палитры для копирования в буфер обмена) скрипт со всеми стилями, укладывающийся в строчек 10-15 нормального кода. Уже ничего не требующий, только браузера. Не в этом ли изначальный смысл демонстрации компактных кодов?

imater 20 ноя 2013 в 07:33

Автор первой подобной статьи изобрёл DDOS Хабрахабра из 30 строк кода.

VoVanJinn 20 ноя 2013 в 08:21

Прекращайте (12 симв.)

subzey 20 ноя 2013 в 11:34

Молодой человек, Вы же даже не старались. Всё это прекрасно укладывается в 311 байт:

source

<script>for(var s='',h=function(a){return(a=(15-a*3).toString(16))+a},g,b,v,r=6;r--;s+='<br>')for(g=6;g--;)for(b=6;b--;s+='<b style="background:#'+v+';display:inline-block;width:8px;height:8px;border:1px solid;margin:-1px" title='+v+' onclick=prompt("","'+v+'")></b>')v=h(r)+h(g)+h(b);document.write(s)</script>

spmbt 20 ноя 2013 в 14:22

Хорошо продвинулись (я специально, чтобы не все лавры себе забрать ) ). Нашёл только 1 лишний пробел, перед title.

Кстати, я подобное исследование компактного пикера собирался сделать ещё год назад, но бросил затею из-за мелкости задачи. А тут такой случай

Agent_J 20 ноя 2013 в 13:51

У вас ошибка в коде, не хватает «решётки» у бэкграунд аттрибута. background-color:#'+(v=h®+h(g)+h(b))

Кстати, кроме фиддла есть и другие замечательные ресурсы
http://jsbin.com/oKIjolO/1/watch?html,output

spmbt 20 ноя 2013 в 14:17

Для background-color во всех браузерах не нужна решётка (от IE6 и раньше). Решётка нужна, если писать групповой спецификатор background. Ресурсы знаю, но тоже требуют проверки на то, будет ли корректно работать тег body. Ваш пример сервиса разделил строчки промеутками из-за доктайпа. Это исправляется, но лишним кодом (стилями).

Agent_J 20 ноя 2013 в 14:27

Вы, наверное, удивитесь, но есть такие штуки как спецификации.
Если браузер достаточно умён, чтобы исправить вашу ошибку — это не повод писать говнокод.
Рекомендую ознакомиться www.w3.org/TR/CSS2/syndata.html#value-def-color

Agent_J 20 ноя 2013 в 14:37

оно же для css3 www.w3.org/TR/css3-color/#numerical

Зарегистрируйтесь на Хабре, чтобы оставить комментарий