NodeGui - создавайте производительные, нативные, кроссплатформенные настольные приложения для Windows, macOS и Linux с помощью JavaScript и CSS.

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

#javasript #css

Gradien Stroke - реализация обводки с градиентом. Кажется ничего особенного, но уверен, мало кто знает как это делать. Забираем в коллекцию!

#codepen #css

Size Limit - это инструмент определения производительности для JavaScript. Он проверяет каждую фиксацию на CI, вычисляет реальный размер вашего JS для конечных пользователей и выдает ошибку, если размер превышает лимит.

#javascript #инструменты

Автор статьи рассказывает о том, как организовать поиск по веб-странице на JavaScript без каких-либо зависимостей. А мы - берем и пользуемся готовым решением!

#javascript #статьи

Auto Close Tag - расширение для VS Code, которое упрощает разработку автоматически добавляя закрывающий тег HTML / XML.

#расширения #vscode

В CSS существует множество единиц измерения. Обычно мы используем единицы размеров, но также есть единицы для углов — например, deg и turn, единицы времени — s и ms, единицы плотности экрана — например, dpi и dppx и другие.

Здесь будут рассматриваться только единицы размеров, которыми мы пользуемся чаще всего.

#статьи #css

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

#javascript

cdnjs - бесплатная CDN с открытым исходным кодом, созданная для облегчения жизни разработчиков, обслуживающих более 12,5% всех веб-сайтов, работающих на Cloudflare.

#полезное

Eleventy (11ty) - более простой генератор статических сайтов. Написано на JavaScript. Преобразует каталог шаблонов (разных типов) в HTML.

Работает с HTML, Markdown, Liquid, Nunjucks, Handlebars, Mustache, EJS, Haml, Pug и шаблонными литералами JavaScript.

#cms

Автор: Эрик Хэнчетт, Бенджамин Листоун
О книге: 2019 год, 304 страницы, Русский язык, 42.92Mb

Vue.js – это популярная библиотека для создания пользовательских интерфейсов. В ней значительно переосмыслены реактивные идеи, впервые появившиеся в React.js.

Книга «Vue.js в действии» рассказывает о создании быстрых и эластичных пользовательских интерфейсов для Интернета. Освоив ее, вы напишете полноценное приложение для интернет-магазина, где будут присутствовать списки товаров, админка, а также организован полноценный процесс онлайнового заказа.

#книги

Ionic Framework - набор инструментов мобильного пользовательского интерфейса с открытым исходным кодом для создания высококачественных кроссплатформенных нативных веб-приложений.

#javascript

Почему стоит использовать тег <picture> вместо <img>

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

Выбор между тегами picture и img может показаться мелким решением, но сделав правильный выбор, вы сможете повысить и удобство для пользователя, и производительность.

#статьи

CSS Wand - онлайн-инструмент CSS с открытым исходным кодом, который ускоряет разработку и предоставляет небольшой интерфейс кнопок и прелоадеров.

#css #html

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

#статьи

Line Icons - созданные вручную бесплатные линейные иконки для современных пользовательских интерфейсов. Коллекция насчитывает более 5000 иконок.

#иконки

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

Одной из основных причин появления спецификации CSS Scroll Snap является обеспечение разработчиков удобными средствами для организации хорошо контролируемой прокрутки содержимого страниц.

#статьи

Neumorphism.io - генератор кода CSS для популярного направления дизайна под названием Neumorphism / Soft UI. Это поможет дизайнерам и разработчикам поэкспериментировать с ним. Создан на React.js. Открытый исходный код, так что можете развернуть проект.

#инстурменты

TOAST UI Editor - редактор позволяет редактировать документы Markdown, используя текст или WYSIWYG, и имеет функции выделения синтаксиса, синхронизации прокрутки, просмотра в реальном времени и диаграмм.

#typescript

DisplayJS - простая структура для создания амбициозного пользовательского интерфейса, не задумываясь о том, как все будет отображаться.

Проще говоря, это фреймворк, который помогает эффективно отображать DOM.

#javascript

Seolik - данный сервис будет полезен любому, у кого есть свой веб сайт. Благодаря этому инструменту анализа сайтов, вы сможете проверить все основные показатели, как своих сайтов, так и сайты ваших конкурентов. Анализ выполняется за 10-30 секунд. Для удобства навигации отчет разбит на категории, а так же есть возможность фильтровать данные прямо в отчете.

#инструменты

Живые и неживые коллекции в JavaScript.

Найти несколько DOM-элементов и получить к ним доступ из JavaScript можно разными способами: querySelectorAll, getElementsByTagName, children и так далее. В итоге в каждом случае будет возвращена коллекция — сущность, которая похожа на массив объектов, но при этом им не является, на самом деле это набор DOM-элементов. Стоит учесть, что фактически разные методы возвращают разные коллекции.

#статьи