Pull to refresh
  • by relevance
  • by date
  • by rating

Кнопка быстрой рекомендации компаний

Habr
при просмотре списка людей, которые рекомендуют компанию, добавить кнопку — я тоже рекомендую эту компанию (http://www.habrahabr.ru/company/recommendations/im/50/)

мне кажется это дополнение будет уместно и удобно
Total votes 9: ↑9 and ↓0 +9
Views468
Comments 8

Кнопка Хабра

Lumber room
Устав ждать у моря погоды нарисовал стандартную кнопку Хабра.


Критика не принимается :) потому как мой потолок в работе с графикой это Krita. Но разместить кнопочку у себя хотелось, а подвижок народа в этом направление не было.

З.Ы. В персональном блоге а не в тематическом именно потому, что понимаю до какой степени это криво сделано. С другой стороны может кому и пригодится.
Total votes 30: ↑26 and ↓4 +22
Views430
Comments 8

«Остановить загрузку» в подкасте

Habr
Вот я слушаю подкасты, причем довольно много. И на странице много кастов. Так вот, например, я начинаю слушать один каст, прослушал начало, мне не понравилось, и что б остановить загрузку подкаста (ибо у меня трафик) и загрузить следующий мне надо перезагрузить страницу. А хотелось бы иметь кнопочку, которая б прекращала загрузку контента.
Total votes 30: ↑27 and ↓3 +24
Views487
Comments 56

Делаем универсальную кнопку для любого цвета фона

Lumber room
В теме нет никаких инновационных идей, такие вещи уже использовались, как минимум один раз :)

Задача: кнопка 88х31, показывающая, например, ТиЦ и ПР. Цвет фона страницы, на которой она будет размещена неизвестен, и, чтобы кнопка не выглядела инородным предметом, сделаем ее универсально подходящей к любому цвету фона.
Читать дальше →
Total votes 12: ↑2 and ↓10 -8
Views223
Comments 6

Кнопка «отправить». Просто и полезно.

Interfaces
Достаточно просто улучшить юзабельность формы простым, но крайне эффективным способом — деактивация кнопки «отправить» после её нажатия.

Дабы не быть голословным, приведу пример для jQuery:

$('#id_кнопки').click(function()
 {
  $('this').attr('disabled', 'disabled')
 }
);


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

Как подсказал Хабрапользователь nooze, стоит учитывать, что в случае AJAX реакции на отправку, следует учесть ошибки (например, не совпадающие логин и пароль, или таймаут запроса)

P.S> Возможно, тема уже поднималась, но упоминания на хабре не нашёл.
P.P.S> Спасибо за то что насрали в карму, вы хорошие люди :)
P.P.P.S> Я не принимаю модели хабра, в которой автор выкладывает всё и вся в топ, в таком случае просто нечего обсуждать.
Total votes 104: ↑71 and ↓33 +38
Views3.6K
Comments 48

Учимся дисейблить кнопки на примере «Мегафона»

Interfaces
Господа, занимающиеся веб-разработками, прошу вас обратить внимание на такую элементарную вещь в своей работе как дисейбл кнопок. Постоянно сталкиваюсь с подобной кривизной и сегодняшний день тому не исключение — «ляп» на официальном сайте компании Мегафон.

image

Неужели разработчикам сложно вставить простой дисейбл кнопки после того, как юзер осуществляет какое-либо действие, в особенности требующее ожидание и неактивности от него, вместо того, чтобы писать сообщения — «Пользователь, пожалуйста, ничего не делай».
Простой рецепт:
input type="submit" onclick="javascript:this.disabled=true;"
Total votes 65: ↑56 and ↓9 +47
Views1.2K
Comments 82

Как делать нельзя: проверка формы на сайте и блокирование кнопок

Website development
Есть вещи, которые нельзя делать, если вы не хотите потерять значительную часть посетителей. Даже если подобное вы видели на всяких крутых сайтах.

Например, нельзя блокировать кнопку (делать ее disabled), чтобы предотвратить отправку неправильно заполненной формы. Даже если вы совсем недавно научились отключать кнопочки. Даже если так делает ваш кумир. Это — порочная практика, подлежащая искоренению. И вот почему.
Читать дальше →
Total votes 161: ↑88 and ↓73 +15
Views4K
Comments 119

Кнопка на основе тега A без внутреннего SPAN

Lumber room
Весь интернет заполнен статьями как сделать расширяемую по длине кнопку
на основе CSS спрайтов.

Но все они используют дополнительный <span/> внутри тега <a>.
Это некрасиво и семантически неправильно.
Нужно сделать кнопку не используя JavaScript и доп. элементы.

Это возможно
Total votes 14: ↑6 and ↓8 -2
Views665
Comments 26

Как отправить форму по нажатию на ссылку?

Website development
Этот вопрос входит, наверное, в ТОП10 вопросов на форумах :) Скорей всего это требование дизайнера или заказчика.

Итак, решение, на первый взгляд, простое:

<a href="#" onclick="document.getElementById('myform').submit(); return false;">Отправить</a>


Но тут же возникает (как ни странно :) следующий вопрос это, а если JS будет у посетителя отключен?
Читать дальше →
Total votes 114: ↑65 and ↓49 +16
Views60.1K
Comments 141

Кнопка Site Memory

Evernote corporate blog
С самого начала перед нами стояла одна задача – помочь легко запоминать пользователям все, что нравится. Выяснилось, что больше всего пользователям нравится сохранять информацию с веб-страниц – это самый популярный тип заметок в Evernote. Так что сегодня мы хотим анонсировать одну новинку, которая должна сделать копирование веб-страниц в Evernote более удобным.

Мы впервые представляем функцию, разработанную специально для владельцев-сайтов. Она называется Evernote Site Memory, и надеемся, что она вам понравится.

Что такое кнопка Site Memory?



Читать дальше →
Total votes 41: ↑29 and ↓12 +17
Views7.7K
Comments 25

Кнопка, которая нравится в 10 раз больше

Mail.ru Group corporate blog

Вас приветствует команда проекта Платформа@Mail.Ru


Сегодня мы пошагово расскажем вам, как Открытки@Mail.Ru интегрировали социальные плагины Моего Мира и что произошло после того, как на проекте поставили новую версию плагина “шары” — кнопку «Нравится».



Также мы поделимся некоторыми результатами нашего недавнего эксперимента: цифрами по старой кнопке “В Мой Мир” и новой “Нравится”. Как нам кажется, таких экспериментов еще не было ни у одной из соцсетей. Мой Мир@Mail.Ru сделал это первым и собирается продолжать публикацию результатов подобных экспериментов.
Читать дальше →
Total votes 103: ↑54 and ↓49 +5
Views14.1K
Comments 50

Мало выводов? Используем RESET

Programming microcontrollers
Многие разработчики устройств на микроконтроллерах хотя бы однажды сталкивались с ситуацией, когда выбранный МК подходит по всем параметрам (быстродействие, объем памяти, наличие нужных функций), за исключением количества портов ввода-вывода. Особенно обидно, когда не хватает всего одной «ножки» и из-за этого приходится выбирать следующую модель чипа. Она будет занимать больше места на плате, потреблять больше энергии, наконец будет просто дороже стоить.

Чтобы сэкономить порт, разработчики прибегают к невероятным ухищрениям. Например, на одном форуме мне встретился способ управления сдвиговым регистром по одному порту (данные и тактовый импульс) через RC-цепочку. Некоторые такие способы приводят к снижению надежности работы устройства и ухудшению его повторяемости (зависят от параметров конкретного экземпляра микросхемы), поэтому прибегать к ним следует с осторожностью, проанализировав все «за» и «против».

Однако есть способ найти «лишний» порт, который прост, работает стабильно и может быть применен во многих случаях. Это — использование вывода RESET.

Два варианта такого использования, применительно к семейству 8-битных МК AVR фирмы Atmel.
Total votes 67: ↑65 and ↓2 +63
Views20.5K
Comments 26

Почему кнопка «ОК» теперь считается дурным тоном в дизайне

Interfaces
Translation
Когда графический интерфейс пользователя только появился, дизайнеры проектировали диалоговые окна используя двоичный подход: «OK» и «Отмена». Нажатие кнопки «OK» в диалоговом окне означало, что пользователь хотел, чтобы система начала действовать. Нажатие кнопки «Отмена» означало то, что пользователь хотел вернуться обратно к приложению без принятия каких-либо действий. В то время как данный подход, в прошлом, был стандартом для ОС и приложений, сегодня принят более удобный для пользователя подход к проектированию диалоговых окон.
Читать дальше →
Total votes 141: ↑115 and ↓26 +89
Views6.5K
Comments 110

Супер кнопка для Манчкина

DIY
image
Многие знают или, по крайней мере, слышали про настольную игру Манчкин
В этой игре есть такое правило:
«Когда вы убиваете или иначе одолеваете монстра, дайте соперникам приемлемое время (около 2,6 секунды), чтобы они могли высказаться.»

Иногда очень хочется эти самые 2,6 секунды замерить, особенно когда кто-нибудь долго думает, читает карты, не может решить что делать. В таких случаях мы просто считали вслух до трех, на цифре «три» бой заканчивался.
Хотелось сделать какую-нибудь кнопку и таймер, чтобы не считать вслух.
Делаем красную кнопку
Total votes 71: ↑65 and ↓6 +59
Views6.7K
Comments 51

Кнопка слияния на GitHub (Merge)

Git
Translation
C «Запросами на пулл 2.0» стало легче, чем когда-либо, делать проверку кода и принимать патчи. Мы широко используем этот механизм на GitHub, и я люблю его применять в моих открытых проектах.

Взять, к примеру, запрос на пулл по исправлению документации в God:

image

Традиционно, это слияние запроса на пулл требует множество шагов с помощью командной строки Git. Но больше это не так!
Читать дальше →
Total votes 51: ↑49 and ↓2 +47
Views8.9K
Comments 10

Twitter добавил кнопку «Follow» для сайтов

Social networks and communities


Мелочь, а приятно — разработчики сервиса микроблогов Twitter добавили интересную функцию: кнопку «Follow» для сайтов. Теперь, нажав на кнопку, пользователь может автоматически подписаться на Twitter-сообщения аккаунта компании или сайта. Ранее же на сайтах обычно ставилась простая ссылка на аккаунт в сервисе, переходя по которой, пользователю нужно было совершить еще одно действие. Теперь же зафолловить twitter какой-либо компании или частного лица можно в один клик.

Читать дальше →
Total votes 58: ↑51 and ↓7 +44
Views5K
Comments 20

Рисуем свою кнопку в QGraphicsScene в PyQt4

PythonQt
Sandbox
Казалось бы, что может быть проще обычной кнопки с её стандартным поведением и привычным всему миру видом? Однако, сам процесс создания своей кнопки не менее интересен, чем создание целого приложения с помощью PyQt4.

Здесь приводится пример создания в QGraphicsScene своей рисованной кнопки с помощью QGraphicsWidget.

Рекомендуется к прочтению людям, имеющим опыт работы с PyQt4.
Читать дальше →
Total votes 20: ↑15 and ↓5 +10
Views10.3K
Comments 22

Кому доверить свой бизнес? Часть 1 — бухгалтерия

Кнопка corporate blog
Московский рынок бизнес-услуг крайне пышен и богат. Приходится внимательно изучать его флору и фауну, ведь наша сервисная компания — не единственный способ получить хорошее обслуживание. Недавно мы провели небольшое исследование, нагуглили популярные варианты бухгалтерского и юридического сопровождения, изучили предложения секретарей и бизнес-ассистентов. Обычно маркетологи хранят результаты изысканий в секрете, но мы решили о них рассказать. Хочется верить, что это сэкономит предпринимателям пару часов времени на поисках варианта обслуживания, подходящего для их компании. Начнем с бухгалтерии.



Мы исследовали варианты бухгалтерского обслуживания, которые подойдут бизнесам от малого до среднего. Получилось всего 7 категорий, каждой из которых мы постарались дать объективную характеристику, определить ценовую вилку и выделить наиболее заметные (читай, разрекламированные) предложения.
Читать дальше →
Total votes 35: ↑31 and ↓4 +27
Views70.1K
Comments 36

Кому доверить свой бизнес? Часть 2 — юридическое сопровождение

Кнопка corporate blog
Рано или поздно предпринимателю понадобится помощь толкового юриста, который даст совет и подготовит красивые документы для заключения сделки. Решений юридической проблемы — пруд пруди. Чтобы лучше понимать рынок, на котором работает наша компания, мы провели небольшое исследование: с многообразием бухгалтерских услуг мы познакомились в предыдущей статье, предложения секретарей и бизнес-ассистентов отложим до следующей, а сегодня расскажем, что делать, когда бизнес спотыкается о вопросы юридического характера.



Рынок юридических услуг Москвы похож на то, что предлагает бухгалтерский. Можно без труда найти пару веб-сервисов, кучу справочно-правовых систем, получить разовую консультацию, сотни аутсорсинговых компаний возьмут на себя все заботы, да и дефицита в резюме штатных и удаленных сотрудников не наблюдается. Наша цель — выбрать вариант, подходящий по цене и уровню обслуживания в диапазоне от микро до среднего бизнеса.
Читать дальше →
Total votes 14: ↑10 and ↓4 +6
Views14.5K
Comments 4