Иногда я считаю себя первопроходцем, открывающим новые страницы использования Blend4Web. Это молодой движок, с энергичной командой разработчиков, богатыми возможностями и множеством не очень хорошо документированных функций. Что-то я черпаю из исходников большого количества демо, дергаю разработчиков по всяким вопросам, а чаще всего действую методом “научного тыка”. В этой статье я хочу поделиться своими наработками по созданию пользовательского интерфейса для приложения. И что важно, с помощью Blend4Web и HTML5 можно сделать вполне приличный игровой GUI.
Рубрика «Веб-разработка» - 28
Создание пользовательского интерфейса для Blend4Web (ч.1)
2016-02-19 в 6:02, admin, рубрики: Blend4Web, blender, game development, javascript, WebGL, веб-дизайн, Веб-разработка, разработка игр
6 впечатляющих веб-технологий 2015 года
2016-02-18 в 12:25, admin, рубрики: electron, javascript, web, webassembly, анализ, Блог компании Plarium, веб-приложения, Веб-разработка, итоги, Мобильный веб, Тестирование веб-сервисов, технологии2015 год выдался богатым на нововведения, связанные с улучшениями веб-платформы. Аксель Рошмайер рассматривает 6 технологий, которые ему кажутся наиболее интересными:
1. Electron;
2. React Native;
3. Прогрессивные веб-приложения;
4. Visual Studio Code;
5. Rollup;
6. WebAssembly.
Тестируем вёрстку правильно
2016-02-18 в 6:57, admin, рубрики: css, html, open source, web-разработка, Блог компании 2ГИС, Веб-разработка, верстка, инструменты разработчика, интерфейсы, тестирование верстки 
Что не так с тестированием вёрстки
Мы часто им пренебрегаем. Написание функциональных, интеграционных и юнит-тестов давно стало повсеместной практикой. Вёрстке мы обычно уделяем гораздо меньше времени.
Проблема тестирования вёрстки в том, что только живой человек может сказать, хорошо свёрстан блок на странице или нет. Поэтому чаще всего мы тестируем HTML и CSS вручную: проверяем, как будет вести себя блок, если в нем будет слишком много (или слишком мало) текста или дочерних элементов; смотрим, чтобы все возможные варианты отображения блока смотрелись корректно; помним о том, как блоки должны адаптироваться к разным устройствам и разрешениям экрана.
Читать полностью »
Мои правила хорошего интерфейса
2016-02-17 в 11:07, admin, рубрики: interface, tutorial, UI, usability, UX, баланс, веб-дизайн, Веб-разработка, документация, иконка, интерфейс, интерфейсы, кнопка, обучение, отступы, плоскость, принципы, пропорции, разработка, расположение, сетка, цвет, цветовая схема, элементы интерфейса 
В этой статье я привожу примеры основных принципов или концепций, которыми руководствуюсь при проектировании десктопных интерфейсов. Не планирую выступать новатором или поучителем, но с радостью поделюсь набором установок, который помогает мне в работе.Читать полностью »
Axure 7 для начинающих за 100 минут
2016-02-17 в 10:48, admin, рубрики: Axure 7, usability, веб-дизайн, Веб-разработка, видео, дизайн мобильных приложений, проектирование, прототипирование, урокиAxure — инструмент для создания интерактивных прототипов сайтов и мобильных приложений. Навыков работы с ним часто требуют работодатели, ищущие проектировщика интерфейсов или UX&UI-дизайнера. В России это почти что отраслевой стандарт. Axure 7 — последняя версия программы. Восьмая версия сейчас в бете.
В одной школе интернет-технологий (не упоминаю, чтобы не сочли за рекламу) с мая 2015 года я рассказываю начинающим дизайнерам об Axure 7. В течение 3 часов (минус небольшой перерыв) объясняю, как работают те возможности программы, которые нужны мне для большинства проектов. И закрепляю знания практикой.
Примерная структура занятия:
- Примеры прототипов;
- Виджеты, их настройка и расстановка по холсту с помощью сетки, направляющих и выравнивания;
- Мастера;
- Динамические панели;
- Создание интерактива (ивенты, экшены, кейсы, условия);
- Под конец: способы передачи прототипа заказчику, свойства страниц, стили.
Начинающим тяжело усвоить столько информации, но это базовые вещи для тех, кто с акшурой уже работает. Для улучшения учебного процесса (и чтобы не скучать, рассказывая одно и то же) я перевёл теоретическую часть в формат видео.
Читать полностью »
Затмение на острове Java или внимательней читайте стэктрейсы
2016-02-16 в 17:04, admin, рубрики: jetty, lift framework, liftweb, oracle, scala, Sun Microsystems, Веб-разработка, метки: lift framework, liftwebЯ занимаюсь веб-разработкой, на работе мы используем стэк технологий на scala для наших проектов, основу этого стэка составляет Lift framework, также известный как liftweb. Lift использует sbt для управления сборкой и jetty или другой контейнер сервлетов как веб-сервер.
Однажды мне пришлось поработать из дома, работалось прекрасно, разработческая версия сервера запускалась, все было как обычно. Но на следующий день, когда я вернулся к работе в офисе, при первом же запуске сервера случился полный облом. На экране консоли прямо во время запуска широко раскинулось исключение java.net.ConnectException с текстом Connection timed out: connect и трейсом на 86 строк. К сожалению, не было написано куда именно оно не смогло установить подключение. Поскольку сервер только запускается, единственное соединение, которое он должен пытаться установить — это LISTEN на определенном порту. Но исключение явно не об этом. Мало того, на порту уже отвечали с какой-то ошибкой больше 500.Читать полностью »
Сервис «Kimono» закрывается
2016-02-16 в 13:53, admin, рубрики: api, big data, data mining, javascript, Kimono, Kimonolabs, Веб-разработка, метки: Kimono, Kimonolabs 
После двух лет активной разработки и бурного роста пользовательской базы (свыше 125 тыс. клиентов) команда облачного сервиса Kimono радостно сообщает о своём присоединении к Palantir — частной американской компании-разработчику программного обеспечения анализа данных для организаций. Событие это радостное, но не во всём.Читать полностью »
Чем плох JavaScript в большом проекте? С какими проблемами мы столкнулись и как их решали
2016-02-16 в 9:04, admin, рубрики: dart, front-end разработка, javascript, jscript, SaaS, web-разработка, Блог компании Wrike, Веб-разработка, Программирование 
Почему определенные недостатки языка JavaScript в реалиях разработки такого большого проекта, как наш, оказываются критическими? Как решить проблемы JS, когда количество кода превышает 2 млн строк, а команда насчитывает более 20 человек и постоянно растет? Об этом — в докладе фронтенд тимлида Wrike в рамках митапа, проведенного в нашем офисе совместно с сообществом Piter JS.
Продвинутые методики внутреннего SEO для электронной коммерции
2016-02-16 в 8:50, admin, рубрики: seo, seo оптимизация, Блог компании 1С-Битрикс, веб-дизайн, Веб-разработка, продвижение, электронная коммерция 
В среде IT-специалистов существуют различные мнения относительно SEO. Кто-то относится к этому отрицательно, а кто-то считает хорошим инструментом. Но негативное отношение к SEO обычно складывается из-за неумелого его применения. При грамотном и уместном использовании это средство продвижения может принести немало выгод, не вызывая недовольства пользователей. Одному из аспектов SEO — его внутреннему применению — было посвящено выступление Артёма Гидина, руководителя SEO-подразделения компании Web-Promo, на прошедшей осенью киевской партнёрской конференции «1С-Битрикс».
Давайте поговорим, почему стоит обращаться к SEO-продвижению. SEO — это направление интернет-маркетинга, направленное на продвижение продуктов, у которых уже есть спрос. То есть SEO — это не тот инструмент, который работает на формирование спроса. Если у вас уже есть продающиеся товары или услуги, которые интересны людям и о которых уже знают, то SEO — это именно то направление, которым стоит заниматься. Для многих компаний SEO дает львиную долю всего трафика, который приходит на сайт. И это одна из важнейших причин, почему нужно уделять внимание продвижению сайтов в поисковых системах.
Читать полностью »
Декораторы и рефлексия в TypeScript: от новичка до эксперта (ч.2)
2016-02-16 в 8:28, admin, рубрики: decorators, es2016, es7, javascript, TypeScript, Блог компании онлайн-кинотеатр ivi.ru, Веб-разработка 
Эта статья — вторая часть серии:
- Часть 1: Декораторы методов
- Часть 2: Декораторы свойств и классов
- Часть 3: Декораторы параметров и фабрика декораторов
- Часть 4: Сериализация типов и metadata reflection API
В предыдущей статье мы выяснили, какие типы декораторов мы можем использовать в TypeScript.
Мы также узнали, как реализовать декоратор метода и ответили на основные вопросы про то, как декораторы работают в TypeScript:
- Как они вызываются?
- Кто передает в них аргументы?
- Где объявлена функция
__decorate?
В этой статье мы познакомимся с двумя новыми типами декораторов: декоратором свойства (PropertyDecorator) и декоратором класса (ClassDecorator).
Читать полностью »