Search
Write a publication
Pull to refresh
5
0
Send message

Несколько интересностей и полезностей для веб-разработчика #44

Reading time6 min
Views40K
Доброго времени суток, уважаемые хабравчане. За последнее время я увидел несколько интересных и полезных инструментов/библиотек/событий, которыми хочу поделиться с Хабром.

ExpandJS



Огромный проект, где спецификация веб-компонентов используется на полную катушку. ExpandJS это набор из более чем 80 компонентов и более 350 различных функций для работы с ними. И все это доступно как каркас, но так же и в трендовом Material Design стиле.

<!-- Import elements -->
<link rel="import" href="../mat-content.html">
<link rel="import" href="../mat-drawer.html">
<link rel="import" href="../mat-header-panel.html">
<link rel="import" href="../mat-shell.html">

<!-- Application scaffold -->
<mat-shell theme="...">

    <mat-drawer>...</mat-drawer>

    <mat-header-panel>
        <mat-header>...</mat-header>
        <mat-content>...</mat-content>
    </mat-header-panel>

    <mat-drawer right>...</mat-drawer>

</mat-shell>

Читать дальше →

Иконификация контента

Reading time8 min
Views15K
img

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

Оптимизация рендеринга веб-страницы

Reading time5 min
Views43K
image

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

Глубокое обучение на R, тренируем word2vec

Reading time10 min
Views24K
Word2vec является практически единственным алгоритмом deep learning, который сравнительно легко можно запустить на обычном ПК (а не на видеокартах) и который строит распределенное представление слов за приемлемое время, по крайней мере так считают на Kaggle. Прочитав здесь про то, какие фокусы можно делать с тренированной моделью, я понял, что такую штуку просто обязан попробовать. Проблема только одна, я преимущественно работаю на языке R, а вот официальную реализацию word2vec под R мне найти не удалось, думаю её просто нет.
Читать дальше →

Шишки об матрешку

Reading time5 min
Views13K
Недавно вышла новая версия Matreshka.js.

image

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

Так гласит документация, но на деле подводные камни присутствуют, особенно учитывая «для новичков» и примеры в документации, которые сбивают с толку.
Читать дальше →

Русификация и мультиязычность карт OpenStreetMap

Reading time15 min
Views24K
Занимаясь разработкой веб-карт, использующих данные OpenStreetMap, часто возникает вопрос о том, как показывать карты с корректными русскими названиями. Этой проблемы не возникает, если ваши карты показывают исключительно Россию. Однако, если вы посмотрите, например, карту Китая, то вам вряд ли понравится такое обилие иероглифов, а тщетные попытки найти Пекин на такой карте, скорее всего, не увенчаются успехом.



Известно, что свободолюбивый проект OpenStreetMap позволяет сохранять названия географических объектов на разных языках. Для этого используются специальные теги, типа name:ru, name:en или name:es, и что самое главное, они заполняются участниками OpenStreetMap. Конечно, наиболее подробные надписи создают пользователи на том языке, на котором они говорят: в России — на русском, в Китае — на китайском, в африканских странах — на местных языках. Шансов, что какая-то улочка в Нигерии будет иметь русский перевод, мало, но все же основные географические объекты (страны, города, реки и т.п.) имеют переводы. Этой небольшой картографической информации бывает вполне достаточно, чтобы русскоязычный пользователь открыл, например, карту Китая и нашел на ней основные названия. Таким образом, ваш ресурс станет чуть более дружелюбным для пользователя.
Читать дальше →

SonarQube. Проверяем код на качество

Reading time2 min
Views99K


SonarQube — платформа для проверки кода на качество по правилам, основанным на соглашениях и стандартах. Поддерживает более 20 различных языков программирования.

Вот здесь можно посмотреть все эти правила.

Хочу поделиться небольшим руководством, как подружить sonarQube, PhpStorm и ваш проект. Все действия описаны для Windows, но все так же настраивается и под другую ОС.
Читать дальше →

Маленькие хитрости сбора паспортных данных

Reading time5 min
Views59K
Хочу поделиться своим опытом, приобретённым при разработке и сопровождении информационной системы учёта физических лиц в одной организации. Масштаб — несколько десятков тысяч реальных людей. Разумеется, производился сбор в том числе и паспортных данных. Как это часто бывает, исчерпывающего ТЗ сформулировано не было и некоторые вещи пришлось доделывать в процессе. О тонкостях учёта физлиц для программистов, впервые сталкивающихся с такой задачей, я и хотел бы рассказать. В статье будут затронуты только вопросы ФИО, гражданства и документов, удостоверяющих личность. Материал получился несколько сумбурным в связи с тем, что содержит только личный опыт без пересказа общеизвестных фактов и цитирования официальных документов.
Итак, поехали

Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №161 (18 — 24 мая 2015)

Reading time7 min
Views32K
Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости


Читать дальше →

Анализ данных на Scala. Считаем корреляцию 21-го века

Reading time8 min
Views22K

Очень важно выбрать правильный инструмент для анализа данных. На форумах Kaggle.com, где проводятся международные соревнования по Data Science, часто спрашивают, какой инструмент лучше. Первые строчки популярноcти занимают R и Python. В статье мы расскажем про альтернативный стек технологий анализа данных, сделанный на основе языка программирования Scala и платформы распределенных вычислений Spark.

Как мы пришли к этому? В Retail Rocket мы много занимаемся машинным обучением на очень больших массивах данных. Раньше для разработки прототипов мы использовали связку IPython + Pyhs2 (hive драйвер для Python) + Pandas + Sklearn. В конце лета 2014 года приняли принципиальное решение перейти на Spark, так как эксперименты показали, что мы получим 3-4 кратное повышение производительности на том же парке серверов.
Подробности

Асинхронный PHP — миф? Реальность! Видео с DevConf 2014

Reading time1 min
Views13K


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

Действие вместо перехода: ссылка способна на большее

Reading time4 min
Views14K
Ссылки — не всегда то, чем кажутся, %username%. Пользователи привыкли, что при нажатии на ссылку будет переход на другую страницу. Все страницы сайтов обычно состоят из большого количества вызова других страниц.



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

Почему дизайнер и разработчик должны работать вместе

Reading time4 min
Views19K
Представляю вниманию читателей «Хабрахабра» перевод публикации «Why Designers and Web Developers Must Work Together».

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

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


Читать дальше →

UX-стратегия на практике: доклад Юрия Ветрова на UXPeople

Reading time14 min
Views9.6K
Доклад Юрия Ветрова с конференции UXPeople.

Всем привет, меня зовут Юрий Ветров (@jvetrov), из компании Mail.ru. Сегодня я расскажу о UX-стратегии. UX-стратегия – это некая необходимость, которая назрела давно в дизайне. Ранее дизайн был чем-то вроде средства для решения базовых задач, однако сегодня он становится более важным для продуктов, намного более критичным, проникая на уровень «продуктового управления». Я расскажу, что это такое в моем видении, как это происходит в Mail.ru, и постараюсь объяснить, куда мы вообще движемся, и в Mail.ru, и, как мне кажется, в профессии.


Читать дальше →

Прозрачный переход PgQ -> RabbitMQ

Reading time4 min
Views17K


Дорогой хабрачитатель, я хочу поделиться опытом по поводу прозрачного для приложения перехода с очереди PgQ на amqp. Возможно это покажется велосипедом, возможно какие-то мысли пригодятся. Статья предполагает знакомство с основами PgQ и rabbitmq.
Читать дальше →

Dadata.ru проверяет документы и знает все банки

Reading time1 min
Views16K
DaData.ru — сервис автоматической проверки и исправления контактных данных (ФИО, адресов, телефонов, email, паспортов). Плюс javascript-виджет и API подсказок при вводе адреса, ФИО, организации и банковских реквизитов.

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

Свежие подробности

50+ лучших дополнений к Bootstrap

Reading time5 min
Views202K


Благодаря популярности CSS фреймворка Bootstrap, для него разработали массу различных дополнений. Даже сейчас вы можете использовать Bootstrap практически для любой задачи при разработке и оформлении вебсайта.

Для статьи я подобрал наиболее полезные дополнения «на все случаи жизни».
Читать дальше →

HTML-страница на Canvas

Reading time12 min
Views30K
Canvas интересный и перспективный HTML5 элемент. Он хорошо подходит как вспомогательный элемент на HTML странице, например, для отрисовки какой-нибудь простой по сюжету динамической заставки. Однако реализация функционально законченных комплексных решений с ориентацией на Canvas задача уже не такая простая.

Image - html page on canvas

Цель статьи:
  • Рассмотреть механизм реализации на основе Canvas полноценной HTML страницы с поддержкой динамического контента, ссылок и элементов управления.
  • Понять, можно ли использовать этот механизм, и стоит ли овчинка выделки.
Читать дальше →

Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №160 (11 — 17 мая 2015)

Reading time7 min
Views34K
Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости


Читать дальше →

Information

Rating
Does not participate
Registered
Activity