Метка «color picker»

Цветовая пипетка на JS, 399 символовПикер умеет много гитик:
1) показывает код цвета по наведению мыши;
2) предоставляет код для копирования по клику;
3) переформатируется в другое количество цветов и ячеек без изменения объёма кода.

<body onload="var H=512,D=51,s='',h=function(a){return a.toString(16).substr(1)},r=256,g,b,v;for(;r<H;r+=D){for(g=256;g<H;g+=D)for(b=256;b<H;b+=D)s+='&lt;b style=&quot;background-color:'+(v=h(r)+h(g)+h(b))+';display:inline-block;width:8px;height:8px;border:1px solid;margin:-1px&quot;onmouseover=this.title=''+v+'' onclick=prompt('',''+v+'') >&lt;/b>';s+='&lt;br>'}document.body.innerHTML+=s">

Гитхаб-демо (фиддл поддерживать это не умеет)
Читать полностью »

Недавно мне понадобилось в своём проекте реализовать выбор цвета, встал выбор использовать уже готовое решение или писать самому. Быстрый гуглопоиск не дал ни одной подходящей реализации. Было принято решение написать свой.

Photoshop color picker на jQuery
Читать полностью »

Exactmouse — точная мышь + цвет с экрана

Exactmouse — это программа, которая поможет вам использовать возможности вашей мыши на 100%

Эта программка создавалась для собственных нужд. Очень давно, в далёком 2004 году. Написана на чистом ассемблере, используется синтаксис и сборщик TASM. Идею предложил Александр Куклев, а программировал Евгений Иванов. Большую часть текста писал Александр.

Будучи скомпилированной, она занимает 100 Кб кода. Работает быстро, памяти требует мало.

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

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

Читать полностью »

Я знаю что в сети много подобных скриптов на разный вкус и цвет. Но мне захотелось написать свой с нуля и первое что я сделал полез в Гугл искать алгоритм создания(сolor picker). В итоге я был разочарован так как не нашел нечего кроме готовых скриптов, наверно поэтому после того как я разобрался и написал свой color picker, я решил поделится своим опытом в его написание.

Так как я пишу на чистом js без библиотек (не считая той которую я пишу сам:)) в данном посте будет только хардкор чистый javascript.
Что нужно знать что бы написать cp (сокращенно color picker):

  • Основы Drag'n'Drop
  • Немного разбираться в Canvas (на нем будет рисоваться шкала оттенков Hue)

Читать полностью »

Я хочу подвести итог Firefox инструментов для html верстки, благодаря которым у нас есть время на что-то более важное, чем верстка. Я поделюсь своими инструментами, а вы предлагайте свои.

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

Парнишь! Ты почему исходный код сайта по ctrl+U все еще смотришь?

Говорят, если бы капитан мочевидность был веб-разработчиком, он бы всем советовал ставить Firebug. Это Джастин Бибер в мире попсы, это почти половина самого firefox.
В представлениях не нуждается, самая дописанная и навороченная панель разработчика FireBug есть только в Firefox. Гроза всех IDE систем разработки, не убил визуалстудию отсутсвием кнопки Save.

Возьми от Firefox все!
Читать полностью »

Я хочу подвести итог инструментов-расширений Firefox для html верстки, благодаря которым у нас есть время на что-то более важное, чем верстка. Я поделюсь своими инструментами, а вы предлагайте свои.

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

Парнишь! Ты почему исходный код сайта по ctrl+U все еще смотришь?

Говорят, если бы капитан мочевидность был веб-разработчиком, он бы всем советовал ставить Firebug. Это Джастин Бибер в мире попсы, это почти половина самого firefox.
В представлениях не нуждается, самая дописанная и навороченная панель разработчика FireBug есть только в Firefox. Гроза всех IDE систем разработки, не убил визуалстудию отсутсвием кнопки Save.

Возьми от Firefox все для веб разработки
Читать полностью »


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js