​​Draggable.js — легковесная, отзывчивая, современная drag & drop библиотека с приятной анимацией.

Демо | GitHub

#js #dragndrop

Качественная и уместная анимация веб-страниц радует глаз и помогает в работе. Это – одна из основ веб-дизайна наших дней.

Когда анимация способна улучшить впечатления пользователя от работы со страницами? Что именно стоит «оживить» для того, чтобы взаимодействие с ресурсом стало бы более удобным, понятным, увлекательным?

Веб-анимация: где, зачем и почему

#article #animation

Разработка безопасных и надежных облачных веб-приложений — очень, очень сложное дело. Если вы думаете иначе, вы либо не от мира сего, либо жизнь вас еще не проучила.

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

Безопасность для веб-разработчиков

#article #security

Github отказывается от использования jQuery и переходит на чистый JavaScript

Mislav Marohnić объявил о том, что разработчики Github избавились от jQuery на фронтенде GitHub.com. Казалось бы, в самом этом факте нет ничего примечательного, если бы не один интересный момент.

Проблема выбора нового фреймворка для фронтенда была решена радикально — решено было обойтись без фреймворков в принципе.

Читать подробности

#news #js #github

Если вы занимаетесь веб-программированием, это значит, что вам не надо рассказывать о том, насколько в вашей работе важна отладка.

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

Команды для работы с JavaScript-консолью в браузерах

#js #console

​​Классная пасхалочка в консоли у Reddit'a, вы замечали?

​​Подписчик написал, что пасхалка в консоли на Pikabu поинтереснее будет. А вы как считаете?

​​Magic — это невероятные кросс-браузерные анимации, которые можно использовать в дизайн-проектах. Еще у них есть версия для React.

Демо | GitHub

#css #animation

Европейский общий регламент по защите данных вступил в силу два месяца назад. Пока IT-сектор размышляет о будущем крупных информационных гигантов, перемены уже происходят и на более низком уровне: многие компании закрылись, другие — пытаются адаптироваться.

Жертвы GDPR. Кто прекратил работу из-за новых правил

#article #security

​​Bootstrap Magic — инструмент, предлагающий создать собственную 4.0 тему прямо в браузере. Вы начинаете с дефолтных цветов Бутстрапа и постепенно кастомизируете её в редакторе.

Bootstrap Magic | GitHub

#bootstrap #theme

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

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

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

#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