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

Краткое описание vs. Цель

Lumber room
Я разрабатываю систему публикации инструкций для своей компании. И в процессе заметил очень интересную особенность, касающуюся не только заполнения инструкций, но и постановки задач в корпоративных информационных системах (КИС), построения иерархических структур с описанием и т.п. Особенность эта семантическая и связана с выбором названия полей.

Предположим, у нас есть инструкция. Инструкция, помимо прочих полей, содержит следующие:

— название (обязательное, уникальное в пределах контейнера)
— краткое описание (необязательное)
— подробное описание (обязательное, форматируемый текст)

Краткое описание необходимо в двух контекстах:

1) введение в курс дела при прочтении самой инструкции
2) пояснение к названию, когда инструкции выводятся списком или таблицей
Читать дальше →
Total votes 5: ↑3 and ↓2 +1
Views 183
Comments 4

Видео лекций всего курса первой Школы разработки интерфейсов Яндекса

Яндекс corporate blog Website development *
Tutorial
Разработка интерфейсов — одно из важнейших направлений в Яндексе, сервисами которого пользуются миллионы людей. А ни один российский вуз, к сожалению, не готовит разработчиков интерфейсов. Все знания, которые необходимы современному верстальщику или фронтенд-программисту, приходится черпать из статей в интернете, книг, докладов на конференциях. Но зачастую этого бывает недостаточно. Почти каждого нового разработчика интерфейсов, которого мы принимали на работу, приходилось многому обучать.

За долгое время работы в Яндексе нам удалось систематизировать все наши знания и огромный опыт в создании фронтенда веб-сервисов. Результатом этого осмысления и длительной работы стала первая Школа разработки интерфейсов, занятие которой шли в московском офисе Яндекса. Вся практическая часть обучения проходила в реальных проектах Яндекса. Теоретическая же состояла из лекций, которые читали ведущие разработчики интерфейсов Яндекса: Сергей veged Бережной, Михаил mishanga Трошев, Алексей doochik Андросов, Михаил azproduction Давыдов и другие.

Выпускники первой Школы разработки интерфейсов Яндекса

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

Читать дальше →
Total votes 164: ↑155 and ↓9 +146
Views 177K
Comments 64

Подводная часть айсберга: примирение целей бизнеса и желаний потребителя

UIDG corporate blog Interfaces *Usability *
Рассмотрим бизнес-продукт на примере глыбы льда, дрейфующей в океане. Его подводную часть составляют идея продукта, его цели и задачи, собственно то, что хотим мы, и что получат пользователи, а также средства, благодаря которым данный хэппи-энд станет возможным.

Читать дальше →
Total votes 16: ↑9 and ↓7 +2
Views 7.9K
Comments 4

Проектирование и дизайн приложений для Windows: смотрите онлайн сегодня в 10:00 (MSK)

Microsoft corporate blog Website development *Development for Windows Phone *
3 декабря в 10:00 (МСК) присоединяйтесь к виртуальному мероприятию «Проектирование и дизайн приложений для Windows 8.1 и Windows Phone». Продуманный пользовательский интерфейс — это одна из ключевых составляющих успешного приложения для Windows или Windows Phone. Хороший дизайн, продуманная структура приложения и навигация в нем, удобство использования — все это чрезвычайно важно, чтобы сделать счастливыми ваших пользователей.
image
В рамках мероприятия мы обсудим как общие вопросы проектирования мобильных приложений, так и отдельные тонкости и нюансы, связанные именно с платформами Windows 8.1 и Windows Phone.
Плеер с трансляцией под катом.
Читать дальше →
Total votes 22: ↑12 and ↓10 +2
Views 3.6K
Comments 2

Магия AngularJS: никогда не вешайте binding на примитивы

Angular *
Translation

Магия AngularJS: никогда не вешайте binding на примитивы


Если вы используете AngularJS, скорее всего вы неоднократно сталкивались с правилом «Не вешайте binding на примитивы». В этом посте я подробно разберу пример, в котором использование примитивов создает проблемы: создание списка элементов , в котором каждый из элементов привязан к строке.

Наш пример

Скажем, вы работаете над приложением с книгами, и у каждой книги есть список тегов. Наивным способом предоставления пользователю возможности редактировать теги будет:
<div ng-controller="bookCtrl">
    <div ng-repeat="tag in book.tags">
        <input type="text" ng-model="tag">
    </div>
</div>

Читать дальше →
Total votes 39: ↑36 and ↓3 +33
Views 33K
Comments 9

«Проблема дверного звонка» или когда вы думаете, что все знаете

Website development *
Sandbox
Представьте себе, что вы находитесь в большой квартире. Настолько большой, что не слышите звонка в дверь, ударов по двери и вообще ничего. Звукоизоляция просто супер.

image

Однако к вам часто приходят люди и вы специально установили в своей комнате лампочку, которая загорается, когда кто-то звонит в дверь. Люди приходят разные: кто-то нажимает на звонок один раз, кто-то много раз; в общем, все по-разному. Беда только в том, что лампочка не всегда срабатывает, да и вообще работает крайне избирательно и супер-рандомно. То есть, есть люди, которые нажимают на звонок, ждут, пока им откроют дверь. Но дверь не открывают, потому что вы не видите сигнал лампочки. Люди логично предполагают, что раз им не открыли дверь, значит, никого нет дома. И уходят. С другой стороны, люди, которых вы встретили, в один голос говорят, что звонок работает, не уточняя, сколько раз им понадобилось нажать на звонок. Все логично, вы же их встретили, значит все работает. А поскольку вам говорят, что все работает, то у вас нет повода считать, что что-то не работает и обременять себя дополнительными изысканиями.
Читать дальше →
Total votes 39: ↑17 and ↓22 -5
Views 12K
Comments 44

36 на Fronttalks. Доклад о том, о чём нигде не рассказывают

Яндекс corporate blog Website development *
Привет, я фронтенд-разработчик из Яндекс.Карт. Год назад я сделал странное — на фронтенд-конференции Fronttalks в Екатеринбурге рассказал доклад на совершенно не техническую тему. Программный комитет конференции сильно рисковал, когда ставил меня в программу — разве кому-то интересно слушать о глубоко личных переживаниях рядового верстальщика из Яндекса? К счастью, тема моего рассказа оказалась близка многим слушателям и доклад оказался одним из самых популярных за историю конференции.

Я благодарен организаторам за то, что мне посчастливилось выступить с таким докладом.



В этом году состоится третья по счёту конференция для фронтенд-разработчиков FrontTalks. На этот раз я не докладчик, а один из организаторов, и теперь у меня самого есть возможность «рисковать» и составлять программу конференции так, чтобы вам было интересно. Ниже расскажу немного о том, что у нас получилось.
Читать дальше →
Total votes 56: ↑51 and ↓5 +46
Views 30K
Comments 11

Адаптация приложения Feedly под Material Design

Google Developers corporate blog Development of mobile applications *Development for Android *
Translation
Привет, Хабрахабр! Недавно мы анонсировали конкурс для разработчиков приложений, и в посте на Хабре давали ссылки на самые интересные материалы по Material Design’у. Часть из них имела пометку «RU — скоро», и сегодня мы рады представить вам первую адаптированную статью о том, как создатели приложения Feedly адаптировали его к новому визуальному языку Android-приложений.


An Exploration in Material Design by Arthur Bodolec с комментариями
Total votes 9: ↑7 and ↓2 +5
Views 14K
Comments 14

«Книжная полка фронтендера» — как гугл, только лучше

Website development *CSS *JavaScript *HTML *Professional literature
Список книг — «Книжная полка фронтендера

Привет, читатель!

В этой публикации я расскажу тебе о «Книжной полке фронтендера».

Предыстория


К сожалению, в рунете очень мало по-настоящему качественных ресурсов для изучения фронтенда. Эти ресурсы можно буквально пересчитать по пальцам одной руки — это Frontender Magazine, HTML Academy, «Современный учебник JavaScript». Я благодарю авторов этих ресурсов за их неоценимый вклад в развитие и популяризацию фронтенда в рунете.

Как бы то ни было, тематические сайты — не единственный доступный источник знаний. Существует достаточно большое количество книг, написанных зарубежными авторами. Многие из этих книг переведены на русский язык.
Читать дальше →
Total votes 51: ↑30 and ↓21 +9
Views 38K
Comments 21

19 принципов разработки по БЭМ, или что должен знать каждый разработчик библиотек

Яндекс corporate blog Website development *Open source *JavaScript *Yandex API *
БЭМ набирает популярность и становится актуальнее — например, недавно Google выпустил новую библиотеку блоков под названием Material Design Lite, реализованную по БЭМ-методологии. Команда БЭМ тоже не сидела без дела — мы выпустили новую версию библиотеки bem-components, на базе которой построены сайты и проекты не только Яндекса, но и других разработчиков.

Эти события натолкнули нас на мысль ещё раз вспомнить и рассказать вам, как сформировались принципы разработки библиотек в БЭМ-методологии. Надеемся, что многим это будет интересно и полезно. Итак, поехали.

image

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

Если вы хотите узнать на примерах, как мы пришли к нашим принципам разработки, добро пожаловать под кат.
Читать дальше →
Total votes 68: ↑52 and ↓16 +36
Views 42K
Comments 32

БЭМ-методология: с чего всё начиналось и зачем это всё нужно

Яндекс corporate blog Website development *Open source *JavaScript *Yandex API *
На Хабре уже много писали о методологии БЭМ, выросшей в Яндексе. И мы решили, что пора системно рассказать о том, откуда она появилась и что сделало БЭМ таким, каким мы его знаем. Думаем, это будет интересно не только тем, кто уже использует БЭМ, но и тем, кто считает, что эта методология не подходит для их проектов. Возможно, они увидят, что мы решали проблемы, похожие на их собственные, и найдут что-то полезное для себя.

image

Конечно, все началось с собственных потребностей Яндекса. Вместе с тем, как он рос, росло и количество сотрудников, которые занимаются фронтендом. Постепенно команда увеличилась настолько, что стало очевидно — без единых стандартов работать будет сложно. К тому же, мы находимся в офисах Яндекса в разных городах. Возникла идея создать общую методологию, которая поможет организовать процессы в большой команде, работающей над разными проектами. А главное то, что мы хотели не только упорядочить и ускорить разработку, но и снизить порог входа в проект для нового разработчика.
Читать дальше →
Total votes 73: ↑58 and ↓15 +43
Views 149K
Comments 100

EDI стандарт. Технический обзор

Website development *System Analysis and Design *IT Standards *Development of communication systems *
EDI стандарт (Electronic Data Interchange) — часть старых, устоявшихся систем. Но мы постоянно видим, как EDI представляют, как современный стандарт. Так ли это? Надо ли нам рассматривать EDI в качестве базовой технологии для новых проектов?
Давайте посмотрим на EDI с технической точки зрения, отбросив все остальное.
Читать дальше →
Total votes 6: ↑5 and ↓1 +4
Views 25K
Comments 34

Секреты удачного апдейта: интерфейс, backend, структура приложения

Productivity Inside corporate blog Development for iOS *Swift *
Recovery mode
Приближаются долгожданные новогодние праздники – время путешествий. В связи с этим сегодня мы хотели бы рассказать о работе над нашим совместным проектом с компанией Travel And Play — Webcam World View. Приложение дает возможность подключаться к стримам с видеокамер, установленных в разных уголках планеты, и наблюдать за кипящей там жизнью в реальном времени.

Здорово, правда? Нам тоже так казалось, пока нынешней осенью не была поставлена задача на новую, улучшенную версию продукта. Что именно улучшать — оставалось на наше усмотрение, поэтому функционал мы сразу решили оставить в покое: он был вполне достаточным и при этом не перегруженным. А вот UX составляющая и техническое исполнение подверглись существенному пересмотру. О том, как мы делали из изначально неплохого приложения конфетку, читайте ниже.


Читать дальше →
Total votes 8: ↑5 and ↓3 +2
Views 2.5K
Comments 4

Как обучают в Школе разработки интерфейсов Яндекса, и чему там научился я

Яндекс corporate blog Website development *CSS *JavaScript *Node.JS *

Меня зовут Павел Гринченко. Я был одним из участников Школы разработки интерфейсов Яндекса в Симферополе. Когда-то давно я посмотрел видеозаписи самой первой Школы 2012 года и почерпнул из них очень много полезной информации. Затем я узнал, что в моём городе пройдёт новая Школа, и решил обязательно поучаствовать.


Чтобы попасть в Школу, требовалось заполнить анкету и сделать два тестовых задания. Одно из них — по вёрстке, довольно простое. Звучало оно так: сверстать список ачивок, но максимально гибко и реюзабельно (например, используя СSS counters). Второе задание оказалось посложнее: написать обфускатор CSS-классов без использования сторонних библиотек. На входе — массив классов, на выходе — их обфусцированная версия. Но вот пара нюансов:


  • Длина результирующих классов должна была получиться минимальной.
  • Наиболее часто встречающиеся классы должны были занимать наименьший объём.

3 июля, сделав задания, я отправил заявку и забыл про Школу, а 26 июля мне пришло письмо о том, что я принят. Сегодня хочу рассказать вам о том, как проходил процесс обучения, какие инструменты разработки я открыл для себя и какие задачи нам приходилось с интересом решать.

Читать дальше →
Total votes 45: ↑39 and ↓6 +33
Views 30K
Comments 17

Как мы делали «нарратив» – новый формат публикаций в Яндекс.Дзене

Яндекс corporate blog JavaScript *Interfaces *
Два года Яндекс.Дзен учился решать задачу персональных рекомендаций контента. Теперь Дзен — не только агрегатор статей и видео со сторонних ресурсов интернета, но и контент-площадка. Летом 2017 года была запущена платформа издателей, на которой каждый может создавать публикации, а при достижении 7000 досмотров — зарабатывать на этом деньги. Про систему монетизации и другие особенности платформы вы можете прочитать в журнале Дзена.

Статьи и видео — традиционные виды контента. Чтобы привлечь авторов на платформу и дать им новые инструменты увеличения аудитории, Дзен решил выйти за рамки привычных форматов. Одним из новых форматов стал нарратив. Это набор карточек, объединенных общей тематикой. Пользователи интернета все меньше читают, но все так же хотят получать интересные истории (поэтому они, например, смотрят сериалы, короткие видео и живые трансляции). Мы создали формат, который помогает авторам рассказывать последовательные короткие истории и развлекать читателей.


Нарративы издателей и авторов

Карточка может содержать текст, ссылки, картинки, видео и GIF-анимацию. Нарративом можно рассказать историю, дать пошаговую инструкцию или рецепт, опубликовать список полезных книг, описать преимущества и недостатки подходов к ведению бюджета. Это формат для авторов, которые создают интересный контент, но не пишут длинные тексты.
Читать дальше →
Total votes 40: ↑38 and ↓2 +36
Views 18K
Comments 25

Как мы нанимаем с помощью буткемпа. Опыт отдела поисковых интерфейсов

Яндекс corporate blog Personnel Management *

Нанимать сложно. Нанимать на потоке много человек в месяц ещё сложнее.


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


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

Читать дальше →
Total votes 34: ↑33 and ↓1 +32
Views 6.6K
Comments 4

16 инструментов React, которые пригодятся разработчикам интерфейсов

Skillbox corporate blog Website development *Interfaces *


Для создания пользовательских интерфейсов существует большое количество инструментов (ваш К.О., не благодарите). Один из наиболее эффективных — React. Наверное, на Хабре нет нужды рассказывать о том, что это такое и зачем.

Сегодня мы решили опубликовать подборку классных вспомогательных элементов для разработчиков, которые используют React. Вероятно, подборка не исчерпывающая, но зато позволит дополнить инструментарий. Если вы используете еще что-то, чего нет в подборке, делитесь в комментариях, а мы скажем дружно спасибо и добавим классные предложения в подборку. Предупреждение — под катом довольно много гифок, у кого платный трафик — осторожнее, ребята.
Читать дальше →
Total votes 31: ↑31 and ↓0 +31
Views 23K
Comments 10

Алгоритмические задачи во фронтенде. Примеры и конкурс Яндекса

Яндекс corporate blog Sport programming *Algorithms *Interfaces *Industrial Programming *
Вчера стартовал новый Яндекс.Блиц — на этот раз конкурс будет интересен разработчикам интерфейсов. Обладателям мест с первого по пятое мы предложим устроиться к нам по упрощённой схеме: одна секция собеседования вместо четырёх. Тем самым Блиц остаётся наиболее быстрым способом попасть в Яндекс.

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



Блиц — хороший повод поговорить об истории алгоритмических задач, возникающих в промышленном фронтенде, и о том, как они отличаются от конкурсных.
Читать дальше →
Total votes 21: ↑20 and ↓1 +19
Views 11K
Comments 5

ok.tech: frontend meetup

Одноклассники corporate blog Website development *JavaScript *Interfaces *HTML *


UPD: по форс-мажорным обстоятельствам, митап перенесен на 2 июля.

2 июля в петербургском офисе Одноклассников пройдет ok.tech: frontend meetup. Вместе с коллегами из OK.ru, Яндекса и Mail.Ru Cloud Solutions поговорим про тестирование на основе свойств, эволюцию подходов работы с текстами, познакомимся с новой библиотекой от создателя Emmet Сергея Чикуёнка — EndorphinJS, и обсудим переход фронтенда поисковых сервисов Яндекса на React.

Презентации

Под катом тезисы выступлений и расписание.
Читать дальше →
Total votes 18: ↑17 and ↓1 +16
Views 2.4K
Comments 1

Дизайн игровых интерфейсов. Брент Фокс. О чём книга?

Game development *Interfaces *Reading room Game design *Games and game consoles
Данная статья — это краткий обзор книги Game interface design от автора Брента Фокса. Для меня эта книга была интересна с точки зрения программиста, занимающегося разработкой игр в качестве хобби в одиночку. Здесь я опишу, насколько полезной она оказалась для меня и моего хобби.


Вам этот обзор поможет решить, стоит ли тратить на неё свои ресурсы. В комментариях, возможно, вы найдёте отсылки на другие полезные книги по теме игровых интерфейсов от более грамотных и добрых коллег.
Читать дальше →
Total votes 7: ↑6 and ↓1 +5
Views 4.1K
Comments 4
1