Как стать автором
Обновить
  • по релевантности
  • по времени
  • по рейтингу

Генератор прелоадеров (индикаторов загрузки)

Чулан
Проблема: создать анимированный прелоадер с оригинальным дизайном и неоходимым цветовым решением.
Решение: есть специальный ресурс для генерации прелоадеров http://www.ajaxload.info/. Выбираем из списка тип индикатора загрузки (доступно более 20 вариантов). Далее — цвет бекграунда (можно сделать прозрачный прелоадер) и цвет самого индикатора. Жмем GENERATE. Смотрим. Если результат подходит — жмем DOWNLOAD и сохраняем полученный прелоадер.

О других полезных утилитах и приемах Вы можете почитать на блоге www.bontonweb.com
Всего голосов 17: ↑9 и ↓8 +1
Просмотры 2.3K
Комментарии 9

Тонкости свойства disable у кнопок формы, отправляемой на сервер (Как делать кнопки неактивными)

Интерфейсы *
Уже неоднократно на хабре (вот в этой публикации и в этой) ставился вопрос о том, что было бы хорошо кнопкам формы, отправляемой на сервер, ставить свойство disabled = "disabled".

Однако, до сих пор так и не разобрались, зачем это нужно и как все-таки это делать. Казалось бы, что может быть проще и о чем здесь вообще можно разговаривать, ан нет — на поверку все оказалось не так тривиально. Сразу замечу, что нижеследующие рассуждения применимы к обеим типам форм: как отправляемым через обычный SUBMIT, так и с помощью AJAX.
Читать дальше →
Всего голосов 75: ↑65 и ↓10 +55
Просмотры 53K
Комментарии 38

Флеш-дизайнеру на заметку (прелоадеры)

Веб-дизайн *
Бывает у вас так, что дизайн разработан отличный, всю эту красоту технично собрали и заанимировали, а вот прелоадер как то остался на последнюю очередь и силы уже иссякли… А если учесть, что это первый элемент который встречает посетителя, то положение приобретает серо-тоскливые оттенки.

Специально для попавших в такую ситуацию, ресурс для вдохновения (подчеркиваю!) prettyloaded.com
Всего голосов 29: ↑28 и ↓1 +27
Просмотры 2K
Комментарии 18

Preloaders.net

Я пиарюсь
image
Preloaders.net — новый сервис для генерации прелоадеров, для загрузки данных при помощи ajax.

Существует много сервисов данного типа, но без хваствотства могу сказать — это лучший сервис для скачивания прелоадеров. Мы постоянно его улучшаем и добавляем новые прелоадеры.

Вы можете выбирать прелоадеры из различныз категорий, менять цвет, скорость анимации и размеры. Но самое главное все это делается очень просто.
Всего голосов 64: ↑39 и ↓25 +14
Просмотры 1.7K
Комментарии 86

Сервис генерации прелоадеров

Чулан
Привет, Хабрасообщество!

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

Написал бы в Я — склеротик :), только кармы не хватает.
Всего голосов 11: ↑6 и ↓5 +1
Просмотры 467
Комментарии 7

В попытках придумать себе что-то эксклюзивное на футболку

Дизайн
Сидел, думал-думал, и вот что придумал:
image
Не подскажете, можно ли вот такой блюр напечатать на ткани, как на самом ярком сегменте прелоадера?

UPD: по заявкам трудящихся — narod.ru/disk/7507722000/t-shirt_preloader.PSD.html (не смотрите, что маленькое, там вектор и шрифты, так что тянется).

UPD 2: https://www.yousendit.com/download/UmNMZm1YTWN0NitGa1E9PQ (для тех, у кого не качается с народа).
Всего голосов 183: ↑164 и ↓19 +145
Просмотры 1.1K
Комментарии 99

Несколько полезных сервисов

Разработка веб-сайтов *
Хочу поделиться ссылками на несколько полезных сервисов. Некоторые из них помогут сэкономить время, другие — сделают за Вас незнакомую/нелюбимую работу. Список разбит по категориям, чтобы было легче ориентироваться.

Сервисы опросов
userreport.com (добавил Romanych)
simpoll.ru
webanketa.com (добавил mihass)

Кнопки постинга в социальные сети
Кнопка от Яндекса
addthis.com (добавил UksusoFF)
share42.com
Читать дальше →
Всего голосов 381: ↑355 и ↓26 +329
Просмотры 124K
Комментарии 108

Самое интересное из мира веб-дизайна. Дайджест Genue №1, февраль 2014

Блог компании Студия дизайна Genue Веб-дизайн *Интерфейсы *
Рады представить первый выпуск «Самого интересного из мира веб-дизайна». Мы постараемся делать такие выпуски регулярно. В сегодняшнем выпуске мы поговорим про дизайн как таковой: 1) Что должен знать дизайнер об отступах в заголовках; 2) Как иконка прелоадера влияет на наше отношение к сервису; 3) Азы адаптивного дизайна; 4) Использование «Photoshop Generator» для создания прототипов; 5) Руководство по стилю от Yelp. Расскажем о новых интересных и красивых сервисах: 1) Генератор случайных пользователей; 2) Сервис Peek. Видео-отзыв о сайте от реального человека; 3) Recordit.co. Сервис для записи скринкастов; 4) Peekcalendar. Карманный календарь. Покажем, что нового, у всем известных ребят: 1) Iconfinder. Версия 5.0; 2) Новый Ted.com 2.0




Что должен знать дизайнер об отступах в заголовках


image

В своей статье Артём Гобунов раскрывает простое «правило внутреннего и внешнего», которое является частным случаем теории близости. На конкретном примере демонстрируется, как нужно рассчитывать вертикальные расстояния между заголовком и подзаголовком, а также между ними и контентом страницы, чтобы все элементы не «смешивались в кашу».

http://artgorbunov.ru/bb/soviet/20140224/


Читать дальше →
Всего голосов 38: ↑34 и ↓4 +30
Просмотры 26K
Комментарии 7

Проблема первого зрителя, или непростая конвертация WebRTC видеопотоков в HLS

Блог компании Flashphoner Разработка веб-сайтов *Работа с видео *Программирование *Видеоконференцсвязь


Егор закрыл крышку ноутбука и потер красные от недосыпа глаза. "Клиенты продолжают жаловаться на зависания стрима, новый пакет исправлений совсем не помог! Что же делать с этим (censored) HLS?" — произнес он в пустоту кабинета.

Читать дальше →
Всего голосов 6: ↑6 и ↓0 +6
Просмотры 3.3K
Комментарии 15

Эпическая сага про маленький custom hook для React (генераторы, sagas, rxjs) часть 2

JavaScript *ReactJS *

Генераторы - это новый вид функций, который появился в ES6. О них написано немало статей и приведено множество теоретических примеров.

Представим, что генератор (функция в объявлении, которой есть *) - это некое электрическое устройство с дистанционным пультом управления. После создания и монтирования генератора (объявления функции) нужно его "крутануть" (выполнить эту функцию), чтобы он вращался на холостых оборотах и "запитал" пульт управления собой (при выполнении функции-генератора возвращает итератор). На этом пульте управления две кнопки: Пуск (вызвать первый раз метод next итератора) и Next (последующие вызовы метода next итератора). Далее с этим пультом управления можно носиться по всей электростанции (по нашему приложению) и когда понадобиться электрическая энергия (некие значения из функции-генератора) нажимать на пульте кнопку next (выполнять метод next() генератора). Генератор производит нужное количество электроэнергии (возвращает некое значение через yield) и опять переходит в холостой режим (функция-генератор ждёт следующего вызова next от итератора). Цикл продолжается, пока генератор может производить электричество (имеются операторы yield) или он не остановится (в функции-генераторе встретится return).

Копнуть ещё глубже
Всего голосов 1: ↑0 и ↓1 -1
Просмотры 1K
Комментарии 9