Как стать автором
Обновить

Состоялся релиз Qt Creator 7

Интерфейсы *Софт

Trolltech опубликовала новую версию интегрированной среды разработки Qt Creator 7.0. Обновление включает в себя улучшенный интерфейс, определение C++17 как стандарта C++ и некоторые изменения для работы с macOS и Android.

Читать далее
Всего голосов 6: ↑5 и ↓1 +4
Просмотры 4.9K
Комментарии 2

Разработчик представил веб-редактор интерфейса утилит для Flipper Zero

Гаджеты Софт

Разработчик Mikhaíl Ilín представил веб-редактор интерфейса утилит для Flipper Zero. Иконки можно перетаскивать с помощью мыши, также доступны функции рисования.

Читать далее
Всего голосов 15: ↑12 и ↓3 +9
Просмотры 2.4K
Комментарии 0

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

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

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

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

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

1) введение в курс дела при прочтении самой инструкции
2) пояснение к названию, когда инструкции выводятся списком или таблицей
Читать дальше →
Всего голосов 5: ↑3 и ↓2 +1
Просмотры 434
Комментарии 4

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

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

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

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

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

Читать дальше →
Всего голосов 164: ↑155 и ↓9 +146
Просмотры 178K
Комментарии 64

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

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

Читать дальше →
Всего голосов 16: ↑9 и ↓7 +2
Просмотры 8.2K
Комментарии 4

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

Блог компании Microsoft Разработка веб-сайтов *Разработка под Windows Phone *
3 декабря в 10:00 (МСК) присоединяйтесь к виртуальному мероприятию «Проектирование и дизайн приложений для Windows 8.1 и Windows Phone». Продуманный пользовательский интерфейс — это одна из ключевых составляющих успешного приложения для Windows или Windows Phone. Хороший дизайн, продуманная структура приложения и навигация в нем, удобство использования — все это чрезвычайно важно, чтобы сделать счастливыми ваших пользователей.
image
В рамках мероприятия мы обсудим как общие вопросы проектирования мобильных приложений, так и отдельные тонкости и нюансы, связанные именно с платформами Windows 8.1 и Windows Phone.
Плеер с трансляцией под катом.
Читать дальше →
Всего голосов 22: ↑12 и ↓10 +2
Просмотры 3.7K
Комментарии 2

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

Angular *
Перевод

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


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

Наш пример

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

Читать дальше →
Всего голосов 39: ↑36 и ↓3 +33
Просмотры 33K
Комментарии 9

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

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

image

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

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

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

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



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

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

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


An Exploration in Material Design by Arthur Bodolec с комментариями
Всего голосов 9: ↑7 и ↓2 +5
Просмотры 15K
Комментарии 14

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

Разработка веб-сайтов *CSS *JavaScript *HTML *Профессиональная литература *
Список книг — «Книжная полка фронтендера

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

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

Предыстория


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

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

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

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

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

image

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

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

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

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

image

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

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

Разработка веб-сайтов *Анализ и проектирование систем *IT-стандарты *Разработка систем связи *
EDI стандарт (Electronic Data Interchange) — часть старых, устоявшихся систем. Но мы постоянно видим, как EDI представляют, как современный стандарт. Так ли это? Надо ли нам рассматривать EDI в качестве базовой технологии для новых проектов?
Давайте посмотрим на EDI с технической точки зрения, отбросив все остальное.
Читать дальше →
Всего голосов 6: ↑5 и ↓1 +4
Просмотры 31K
Комментарии 34

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

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

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


Читать дальше →
Всего голосов 8: ↑5 и ↓3 +2
Просмотры 2.6K
Комментарии 4

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

Блог компании Яндекс Разработка веб-сайтов *CSS *JavaScript *Node.JS *

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


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


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

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

Читать дальше →
Всего голосов 45: ↑39 и ↓6 +33
Просмотры 30K
Комментарии 17

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

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

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


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

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

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

Блог компании Яндекс Управление персоналом *

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


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


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

Читать дальше →
Всего голосов 34: ↑33 и ↓1 +32
Просмотры 6.8K
Комментарии 4

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

Блог компании Skillbox Разработка веб-сайтов *Интерфейсы *


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

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

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

Блог компании Яндекс Спортивное программирование *Алгоритмы *Интерфейсы *Промышленное программирование *
Вчера стартовал новый Яндекс.Блиц — на этот раз конкурс будет интересен разработчикам интерфейсов. Обладателям мест с первого по пятое мы предложим устроиться к нам по упрощённой схеме: одна секция собеседования вместо четырёх. Тем самым Блиц остаётся наиболее быстрым способом попасть в Яндекс.

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



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