Бен Кэменс обнаружил, что в выпадающем списке Shop by Department на сайте «Амазон» ховер-эффект происходит очень быстро, абсолютно без какой-либо задержки. Тем самым происходит нарушение старого, выработанного ещё в 90-х годах прошлого века правила: перед отображением пункта подменю необходим так называемый гистерезис, запаздывание.



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

Проблема размещения непрерывного контента произвольного объёма в экран, или окно, фиксированных размеров, существует несколько десятков лет. Примерно столько же существует и лучшее решение этой проблемы: элемент графического интерфейса — скроллбар.

Под катом можно узнать, как в ближайшее время будет работать скролл в 2ГИС Онлайн.

В век Твиттера и Инстаграмма мы привыкли делиться впечатлениями здесь и сейчас, и Фламп не мог остаться в стороне — буквально на днях зарелизили приложение для iPhone и смартфонов на Android.

2ГИС Онлайн пополняется новыми функциями: начиная с сегодняшнего дня, стало возможным покупать билеты в кино и записываться в различные организации прямо из нашего справочника. Появлением этих функций мы обязаны сервисам «Рамблер-Касса» и «Таймлайнер». Прямо сейчас мы ищем новых партнеров. Мы предлагаем нашу аудиторию, которая составляет более 12 миллионов человек, интересным сервисам.

Прим. переводчика — В оригинале использовался всем знакомый термин «software engineer». Так как русский его аналог «инженер-программист» используется в повседневной речи редко, пришлось использовать слово «разработчик» как наиболее близкое. Также профессия «short-order cook», с которой автор сравнивает положение многих разработчиков в индустрии, была переведена как «мальчик на побегушках» — мне кажется, что она отлично отражает суть проблемы отношения к разработчикам. Наконец, я старался везде вместо слов «to code» и «programming» использовать «разрабатывать» и «разработка» из-за сложившемся в русском языке негативном смысле слов «кодировать» и «программирование» как примитивных процессов перевода требований в машинные инструкции низкого или высокого уровня.

Автор оригинальной статьи — Nickolas C. Zakas, известный фронтенд разработчик и JavaScript-евангелист в свое время проработавший более пяти лет в Yahoo. Это запись из его блога, в которой он говорит о том, почему с разработчиками так сложно договориться и что с этим делать.

Не так давно Дженна Байлотта написала замечательную статью «Как дизайнерам ужиться с разработчиками», в которой она описывает методы работы в команде, позволяющие дизайнерам и разработчикам добиться лучшей производительности. Я в свое время работал с дизайнерами (а, работая в UI, и с разработчиками) и столкнулся с похожими проблемами, так что мне понятен ее практичный подход. Во время командной работы никогда не помешает уважать труд своих коллег и понимать их способ мышления.

Одна из главных мыслей той статьи заключалась в том, что разработчики говорят «нет» слишком быстро. Эта мысль тут же въелась мне в мозг и долго отказывалась вылезать оттуда. Мне хотелось воскликнуть: «Но подожди, ты же не понимаешь, почему мы говорим „нет“!». Тут же появился миллион других защитных аргументов. На самом деле она, конечно, права — мы правда слишком быстро говорим «нет», причем не только дизайнерам, а вообще всем. Это побудило меня поразмыслить над психологией разработчиков и тем, что составляет нашу истинную суть.

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



Добавить новую карту в свой продукт можно используя API и виджеты, а посмотреть прямо сейчас — в онлайн-версии 2ГИС.

В этом выпуске недельного дайджеста простых опытов от канала GTV вы увидите:

• фараонова змея из глюконата кальция;
• горение сахара с пеплом от сигареты;
• свет в струе воды;
• дымовушка из гидроперита и анальгина;
• водородная перчатка.

и красивый опыт для детей:

• горячая и холодная вода.

Под катом 6 видео.

Наверное, каждому из нас хотя бы раз в жизни приходилось стоять на остановке, гадая, когда же, наконец, приедет транспорт (и приедет ли вообще). Мы решили эту проблему в обновлении 2ГИС Онлайн, благодаря новой функции, отображающей, сколько времени осталось до прибытия транспорта на каждую из остановок. Все, что вам нужно – лишь устройство с выходом в интернет. Правда, пока что эта функция работает только в Казани и Нижнем Новгороде.

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

Давным-давно, почти два месяца назад, в Новосибирске прошла крутейшая ИТ-конференция за Уралом — CodeFest. Конференция проходит третий год подряд и в очередной раз собрала рекордное количество участников: на этот раз больше 1300 специалистов.

В общем, хватит сухих вступлений! Мы тут подумали и решили, что даже фото-отчет делать не будем. Вместо этого у нас будет видео-отчет.

Чем всё начиналось?

На сегодняшний день уже существуют box-reflect и mask-image, которые позволяют создавать отражение элементов, но данные свойства доступны только в Safari и Chrome, да и работают не так как хотелось бы. Поэтому я хочу рассказать Вам как реализовать кроссбраузерное отражение на CSS.

Мы с гордостью объявляем, что этот день настал — 2ГИС выходит за пределы СНГ и начинает свой путь далее на запад! А если точнее, то Италия становится первой страной дальнего зарубежья, которая удостоилась чести получить удобное сочетание карты городов и справочника организаций в одном. Первыми городами DuoGIS (как нас называют в тех краях) стали Падуя и Венеция.

Для нас это очень важная историческая веха, ведь это наш первый нерусскоязычный проект: продукт выходит с интерфейсом и рубрикатором на итальянском языке. Но, правда, перевод на русский и английский языки все же запланирован. Пришлось доработать и поисковые алгоритмы – если раньше поиск осуществлялся только на русском языке, то теперь 2ГИС готов к мультиязычности.

Как и остальные города 2ГИС, Падуя и Венеция доступны в онлайн-версии, офлайновой программе для ПК, плюс на подходе приложения для популярных мобильных платформ.

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

Вместо вступления

Всем доброго времени суток!

Кастомизация элементов форм наверное одно из самых увлекательных занятий в Веб-дизайне. Оправданное ли это занятие решает каждый для себя сам, хотя очевидно, что в наше время дизайнеры и верстальщики все же уделяют этому свои силы и время.

К сожалению, одного только CSS частенько не достаточно, чтобы с легкостью оформить тот или иной элемент формы. Наверное поэтому многие используют штуки вроде Uniform для своих форм. Лично я всегда стараюсь сократить количество Javascript, используемого в подобных целях, поэтому хочу рассказать о совершенно нативном HTML+CSS методе кастомизации радио-кнопок и чекбоксов.

Уверен, что на большая часть специалистов на Хабре, применяют схожие методы, для тех же, кто использует js-библиотеки, вроде Uniform, надеюсь будет полезной эта статья.

Поехали!

Итак, сразу поставим цель: оформить чекбоксы и радио-кнопки, чтобы внешне они были похожи на js-магию Uniform, но сделать это максимально простым, нативным по отношению в HTML и CSS способом, а также избежать применения лишних тегов, сохраняя семантику. Как-то так.

Сайтов с адаптивной разметкой с каждым месяцем становится все больше, заказчики кроме кроссбраузерности все чаще требуют адаптивность, но многие разработчики не спешат обучаться новым техникам. Но адаптивный дизайн — это просто! В этой статье представлено 5 примеров адаптивной разметки различных элементов веб-страниц.

Мы рады сообщить, что не сидим на месте и продолжаем улучшать наш API: с момента предыдущей публикации в нем появилось аж 8 новых возможностей!
Давайте рассмотрим их подробнее:

API справочника

Исходный код демо-клиента опубликован на Github

Исходный код демо-клиента позволяет разработчику, использующему API 2ГИС, увидеть, как он работает, смоделировать какой угодно use case и вообще, получше узнать возможности API карт и справочника 2ГИС. Собственно, демо-клиент — это небольшое веб-приложение, написанное на Yii PHP Framework. Подробности о функциональных возможностях и инструкция по использованию размещены в документации.

Форма обратной связи

Мы рекомендуем использовать форму обратной связи при каждом использовании API справочника. Она пригодится для того, чтобы информация о каких-либо неточностях справочника или карты попадала сразу в 2ГИС, а не к партнеру, использующему API. Таким образом, «фидбек» будет попадать сразу в нужные руки и не создавать лишней путаницы. А нам это поможет оперативно обновлять контент, чтобы делать его ещё точнее.

Ознакомиться с документацией и посмотреть форму в действии можно, нажав сюда.

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

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

Кнопки постинга в социальные сети
Кнопка от Яндекса
addthis.com (добавил UksusoFF)
share42.com

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

Экспорт контента

• rss-script.ru – сервис для вставки содержимого RSS-ленты на сайт. Для его работы необходимо лишь сгенерировать скрипт на сайте и вставить его себе. Есть несколько настроек, позволяющих изменить вид содержимого
• twitterfeed.com позволяет постить содержимое RSS-ленты в Twitter, Facebook и LinkedIn. Достаточно простой сервис, нет дополнительных настроек, но есть счётчик кликов
• ifttt.com – многофункциональный сервис, позволяющий связывать различные аккаунты (описание)

Песочницы
К уже названным ранее cssdesk.com и jsfiddle.net можно добавить dabblet.com, jsbin.com (добавил Jekyll). Также есть песочница для SQL – www.sqlfiddle.com (добавил volinrok).

Шаринг фрагментами текста/кода
Для того, чтобы поделиться фрагментом текста или кода, можно использовать всем известный pastebin.com, а можно воспользоваться его альтернативами:

• gist.github.com
• pastecode.com
• tinypaste.com
• paste.ubuntu.com

Мне больше всех нравится Gist на GitHub. Во-первых, все текстовые фрагменты привязываются к вашему аккаунту; во-вторых, можно создавать несколько связанных Gist'ов; и в третьих, есть возможность комментирования.

Конференция проходила 26-27 апреля в Варшаве, это была вторая конференция (Lea Verou о первой конференции) из серии, и судя по слухам и успешности — не последняя.

Все доклады были на английском языке, строго по 30 минут, в одном зале, с частыми, но короткими кофи-брейками. В основном были технологические доклады, но не обошлось без евангелистов и спонсорских докладов. Организация мероприятия очень понравилась, за исключением отсутствия розеток в зале и большой очереди за бейджами в первый день.

Сайт конференции, оф. хэштег #FrontTrends, так же организаторы обещали вскоре выложить видео записи презентаций (как появится информация, обязательно обновлю пост).

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

Продолжение предыдущих двух статей — Звезды мирового фронтенда и Звезды мирового фронтенда 2. JS Lovers.
Я понимаю, что как во многих компаниях и веб-студиях, так и среди фрилансеров, есть отличные технологи, фронтендеры и js-кодеры, которые потенциально могут называться звездами фронтенда. Но опять же, нельзя точечно выбрать одних, а о других умолчать. Поэтому я принял решение рассказать о тех, чьи имена на слуху.
Некоторых из них периодически можно встретить на Хабре, многие с ними знакомы. Если вдруг я упустил что-нибудь важное, или кто-то хочет что-то исправить или дополнить, отписывайте в коментариях и я буду оперативно обновлять статью.