Сложные, требующие долгого изучения и настройки интерфейсы — не для ленивых и, значит, не для людей.

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

Нужно себя заставить: драйверы и барьеры в интерфейсах

#design #ux

25 июля вышел Angular 6.1. Данный минорный релиз фреймворка можно рассматривать как замену Angular 6.0, включающую в себя некоторые новшества и исправления ошибок.

Подробности: Новые возможности Angular 6.1

#angular #news

Какой твой любимый frontend фреймворк?
anonymous poll

React – 315
👍👍👍👍👍👍👍 29%

Не использую – 276
👍👍👍👍👍👍 26%

Vue – 267
👍👍👍👍👍👍 25%

Angular – 165
👍👍👍👍 15%

Другой – 50
👍 5%

👥 1073 people voted so far. Poll closed.

Конструкция async/await появилась в стандарте ES7. Её можно считать замечательным улучшением в сфере асинхронного программирования на JavaScript. Она позволяет писать код, который выглядит как синхронный, но используется для решения асинхронных задач и не блокирует главный поток.

Несмотря на то, что async/await — это отличная новая возможность языка, пользоваться ей правильно не так уж и просто.

Конструкция async/await в JavaScript

#js #article

Фриланс vs. Офис

Эта знаменитая фраза — «Лучшие разработчики живут не в Сан-Франциско, а по всему миру». Развалившись в гамаке, на берегу острова Бора Бора, ты неспешно рисуешь скетч или отрабатываешь навыки js-ниндзя.
Может так и бывает, но уж точно не у автора статьи.

Недостатки фриланса. Личный опыт

#article #freelance

Специалисты Google очень информативно и компетентно пишут о PWA, но их рекомендации полезны больше тем, кто уже знаком с предметом.

Данная статья призвана показать, что Progressive Web Apps — это не сложно, и использовать эти технологии можно и нужно уже сейчас разработчикам любых сайтов.

PWA — это просто

#pwa #article

​​Push.js — кросс-браузерный плагин для отображения уведомлений на рабочем столе.

Демо | GitHub

#js #notifications

Во многих фронтенд-фреймворках, написанных на JavaScript (например, в Angular, React и Vue) имеются собственные системы реактивности. Понимание особенностей работы этих систем пригодится любому разработчику, поможет ему более эффективно использовать современные JS-фреймворки.

Реактивность в JavaScript

#js #article

Несколько лет назад мне посчастливилось стать инженером в команде Google Photos и поучаствовать в их первом запуске в 2015-м. Множество людей вложило силы в этот продукт — дизайнеры, продукт-менеджеры, исследователи и бесчисленные инженеры. Я отвечал за пользовательский веб-интерфейс, а точнее, за сетку с фотографиями.

Ниже я подробно расскажу о том, как мы справились с этими сложностями, и загляну под капот веб-версии Google Photos, как она работает.

Как мы делали веб-интерфейс для Google Photos

#article #ui #js

​​VSCodeThemes — удобный каталог тем для VS Code. Модные, тёмные и светлые темы.

vscodethemes.com

#theme #vscode

Код надо писать так, чтобы, во-первых, с ним, в будущем, удобно было бы работать другим программистам, включая его автора, а во-вторых  —  с учётом возможности расширения этого кода. То есть, нужно стремиться к тому, чтобы в приложение сравнительно просто было бы добавлять новые возможности, и чтобы его кодовую базу было бы удобно сопровождать.

В этой статье приводится ряд рекомендаций по написанию качественного кода, проиллюстрированных примерами на JavaScript.

7 рекомендаций по оформлению кода на JavaScript

#js #style

Как и все вы, я достаточно часто использую YouTube. Музыка, научно-популярные передачи, просмотр роликов для релакса — все это можно найти на сервисе. Ну а поскольку он хорошо знаком всем нам, я попытался наглядно показать способ улучшить взаимодействие человека и платформы.

Как улучшить интерфейс на примере YouTube

#ux #ui #design

Разработчик из Канады опубликовал пост, в котором поделился соображениями о необоснованном нагромождении современных сайтов.

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

Bullshit Web

#news

​​План, показывающий пути, которые нужно пройти, а также библиотеки, которые вам нужно изучить, чтобы стать разработчиком React.

Цель этого плана — дать вам общее представление о том, как стать React-разработчиком. Автор сделал эту схему в качестве подсказки для всех, кто спрашивает: «Что мне стоит изучить ещё в качестве React-разработчика?»

План становления React-разработчиком

#react #roadmap

Автору статьи хотелось по-настоящему понять, в чём заключается разница между React и Vue.

Для проведения эксперимента создано два довольно стандартных To-Do-приложения, которые позволяют пользователю добавлять элементы в список дел и удалять их из него. Оба приложения разработаны с использованием стандартных CLI.

Сравнение Vue и React

#vue #react

​​Tooltipster — библиотека для создания всплывающих подсказок на сайте. Огромное множество конфигураций для кастомизации.

Вот так просто создается всплывающая подсказка:
<p class="tooltip" title="Hello world!">Some text</p>

Демо | GitHub

#tooltip #jquery

Что будет выведено в консоль?

Правильный ответ: 4.
Знак ' - ' делает преобразование в число и true становится 1.

​​Google проводит конкурс на лучшие кейсы использования material design. Если Ваш продукт оформлен по сим гайдлайнам, так почему бы не оставить заявку? Кто знает, может быть Вы будете в списке победителей, который будет оглашен осенью этого года. Время еще есть!

Open call for 2018 Material Design Award nominations

Ключевое слово this. Тем, кто хочет изучить JavaScript, в любом случае придётся разобраться с this. Этот материал направлен на то, чтобы всем желающим в этом помочь.

Ключевое слово this в JavaScript

#article #js