Недавно вышла Node 12 с кодовым именем Erbium, долгосрочная поддержка которой (LTS) продлится с октября 2019 по апрель 2022.

В новой версии много вкусностей и улучшений рантайма. Помимо этого, учитывая, что под капотом V8, нода также получит все улучшения движка.

Что нового в Node 12

#js #node #backend

​​Tessaract.js — это мощная JavaScript библиотека для распознавания текста на картинке. Она автоматически определяет расположение текста, распознает более 60 языков включая китайский, арабский и русский.

Демо | GitHub

#js

Здесь будут рассмотрены некоторые особенно горячие темы, поднятые на мероприятиях NgConf и Google I/O 2019. Уверен, что вам любопытно будет узнать о том, чего можно ждать от Angular 8.

Angular 8

#angular #article #news

​​OverlayScrollbars — замечательная JavaScript библиотека, которая изменяет внешний вид скроллбаров на сайте. Отлично задокументированное API с возможностью кастомизации и поддержкой всех современных браузеров.

Демо | GitHub

#js #scroll

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

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

10 советов о том, как увеличить скорость загрузки страницы

#web #frontend #backend

​​mailgo — небольшая JavaScript библиотека, которая меняет все mailto: ссылки на красивые ссылки с попаутами, предлагающие выбор почтового клиента. Кнопкой копирования email адреса и защитой от спама.

Демо | GitHub

#js #mail

Газпром использует программу «Геонафт», чтобы управлять бурением скважин удаленно. Программа эта мощная, сложная и функциональная. Рассказываем, как дизайнеры «Собаки Павловой» улучшали и упрощали интерфейс профессионального инструмента инженеров-нефтяников.

http://bit.ly/2WQcaAY

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

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

Технологические тренды веб-разработки 2019

#web #article #trends

​​ngxCharts — это библиотека чартов для Angular 2+. Простая библиотека с отличной документацией и множеством примеров. Поддерживает большое количество разных типов чартов.

Демо | GitHub

#charts #angular

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

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

10 полезных советов по реализации Pixel Perfect дизайна в Frontend разработке

#frontend #design #article

​​Medium Zoom — классная JavaScript библиотека, которая добавляет на сайт возможность создания зума для картинок как на сайте Medium'a. Библиотека обладает рядом преимуществ: управление зумом мышкой или клавиатурой, SD качество в HD при зуме, анимация в 60fps и много еще.

Демо | GitHub

#js #zoom #img

Как создать разметку, в которой позиция элемента по вертикали зависит от высоты элемента, расположенного над ним, как на Pinterest? Ответ в статье.

Галерея картинок в стиле Pinterest

#css #tips #article

​​Cash — это абсурдно маленькая альтернатива jQuery для современных браузеров, которая цепочки управления элементами DOM в стиле jQuery. Библиотека не нацелена на полное покрытие всех методов jQuery, а наоборот фокусируется только на самых часто используемых методах.

GitHub

#js #jquery

​​Ola — это отличные JavaScript чарты, которые позволяют интерполировать цифры и наборы данных. Предлагает много типов чартов, которые могут динамически обновляться и имеют плавную анимацию.

Демо | GitHub

#js #charts

Чтобы создать кастомные буллиты для неупорядоченных списков, используйте псевдоэлемент :before и его свойство content. В статье описано, как можно изменить внешний вид стандартного списка без использования сторонних библиотек.

Буллиты для списков

#fontent #css #tips

​​React95 — это коллекция из более 30 React компонентов в стиле Windows 95. Включая календари, кнопки, иконки, инпуты и много другого ретро UI.

Демо | GitHub

#react #components

​​Reattempt — это JavaScript библиотека, которая дает второй шанс асинхронным функциям. Обворачивая их в блок Reattempt, вы можете быть уверены, что запрос, либо другая асинхронная функция будет выполнена несколько раз в случае неудачи.

GitHub

#js #server