Pull to refresh
55
Karma
0
Rating

Full stack web developer

Неудачный опыт миграции Electron приложения на ECMAScript модули

JavaScript *

Работая над своим стартовым шаблоном для Electron приложений я решил полностью отказаться от CommonJS модулей и использовать исключительно ECMAScript модули.

Спойлер: ничего хорошего из этого не вышло.

Читать далее
Total votes 20: ↑20 and ↓0 +20
Views 5.8K
Comments 8

Анонс Vite 2.0

JavaScript *Build automation *
Translation

Подумайте о предварительно сконфигурированном dev-сервере + сборщик, но более компактном и быстром. Он использует встроенную в браузер поддержку ES модулей и инструменты, такие как esbuild, для быстрого и современного опыта разработки.

Чтобы понять, насколько быстро работает Vite, вот видео сравнение загрузки приложения React на Repl.it с использованием Vite и create-react-app (CRA):

Читать далее
Total votes 9: ↑9 and ↓0 +9
Views 10K
Comments 4

Вы не знаете как должны работать модальные окна

JavaScript *HTML *Usability *Accessibility *

Уверен, многие хоть раз создавали всплывающее модальное окно. Но задумывались ли вы об определении этого компонента? Как он должен работать?


В этом материале я постарался собрать максимально полный свод правил, рекомендаций и примеров реализации по которым модальные окна должны работать.


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


Этот список сформирован на основе спецификаций WAI-ARIA, HTML Living Standard и моего личного опыта. И хотя я буду говорить про веб, большинство правил и рекомендаций применимы для модальных окон где угодно.

Читать дальше →
Total votes 26: ↑26 and ↓0 +26
Views 19K
Comments 19

Как я закрыл трехлетний issue в TypeScript

TypeScript *
🔥 Technotext 2020


Всё началось с моего желания описать структуру сообщений между web worker'ами. К сожалению, на тот момент встроенные возможности TypeScript этого не позволяли.

Я засучил рукава и решил это исправить.
Читать дальше →
Total votes 72: ↑71 and ↓1 +70
Views 14K
Comments 9

5 претензий к Deno

Website development *Node.JS *
image

Предисловие


Я не часть команды deno. Я не его фанат. Я не слежу за ним. Я даже не очень-то в него верю. Но видя негативную реакцию сообщества просто не могу не вступится. В этой статье я бы хотел рассмотреть самые частые претензии в адрес Deno и предложить альтернативную точку зрения.
Читать дальше →
Total votes 42: ↑34 and ↓8 +26
Views 14K
Comments 52

GitHub представил встроенную среду разработки и другие инструменты

GitHub *
В рамках конференции Satellite 2020 команда GitHub представила четыре новых инструмента, в частности новую среду разработки и систему обсуждений.

Вероятно, самым важным из них является встроенная в платформу среда разработки Codespaces, которая позволяет работать с кодом напрямую через GitHub. Она базируется на открытом редакторе Visual Studio Code, работает через браузер и облако Azure. На Codespaces можно загружать код и зависимости, инструменты разработчика, расширения и тому подобное.

image
Читать дальше →
Total votes 18: ↑17 and ↓1 +16
Views 5.4K
Comments 18

Забудьте про RGB и HEX

CSS *
Tutorial
В CSS существует несколько способов представления цветов. Один из них — система HSL. В этой статье я покажу вам, какие возможности она открывает для верстальщика.
Total votes 78: ↑75 and ↓3 +72
Views 36K
Comments 97

Насколько важен порядок свойств в объектах JavaScript?

High performance *JavaScript *Node.JS *Browsers
В случае JavaScript-движка V8 — очень даже. В этой статье я привожу результаты своего маленького исследования эффективности одной из внутренних оптимизаций V8.
Читать дальше →
Total votes 35: ↑34 and ↓1 +33
Views 16K
Comments 17

9 советов по повышению производительности Vue

VueJS *
Tutorial
В этой статье собрано девять советов о том как повысить производительность вашего приложения на Vue, увеличить скорость отображения и уменьшить размер бандла.
Читать дальше →
Total votes 26: ↑26 and ↓0 +26
Views 26K
Comments 19

Знакомьтесь, <details>

HTML *
Tutorial

Я хочу рассказать о замечательном элементе <details> и показать несколько примеров его использования, от простых до безумных.

Total votes 66: ↑63 and ↓3 +60
Views 46K
Comments 37

Делаем интерфейс более отзывчивым благодаря отложенному Promise

JavaScript *
Tutorial
Статья предназначена для ньюфагов. И показывает как с помощью отложенных промисов можно сделать интерфейс более отзывчивым и уменьшить время выполнения.
Total votes 23: ↑18 and ↓5 +13
Views 5.5K
Comments 18

Приостанавливаем выполнение приложения, если пропало соединение с сетью

JavaScript *
Под катом, небольшая заметка о том, как приостановить выполнение вашего приложения при обрыве связи с интернетом и продолжить — когда она будет восстановлена.
Читать дальше →
Total votes 12: ↑12 and ↓0 +12
Views 5.8K
Comments 14

Бот для поиска аниме

Instant Messaging *
Tutorial
Здравствуйте. Пишу эту статью как инструкцию по использованию своего чат-бота — Анимешница Фокси и для портфолио.

Какие задачи выполняет


Бот создан как альтернатива поисковой системе. Он способен проанализировать ваш текст, определить критерии для подбора и выдать результат.
Читать дальше →
Total votes 2: ↑2 and ↓0 +2
Views 6.9K
Comments 0

Вычисляем контент, который в будущем станет вирусным

System Analysis and Design *Node.JS *Facebook API *
Tutorial
В данной статье будет описан только общий алгоритм на примере Facebook. Однако такой же подход можно использовать повсюду.

Задача


На основе существующего контента (за последние 30 дней) на данной странице Facebook определить какие записи потенциально будут более популярными.
Читать дальше →
Total votes 26: ↑18 and ↓8 +10
Views 13K
Comments 8

Смайлики для API Вконтакте

JavaScript *VK API *Browser extensions
Ранее я уже писал об Информере Вконтакте — браузерном расширении для быстрого прочтения и ответа на сообщение. В процессе создания столкнулся с проблемой — смайлы в сообщениях, а именно: как их отобразить?
Читать дальше →
Total votes 20: ↑17 and ↓3 +14
Views 16K
Comments 2

Расширение Информер Вконтакте для браузеров Opera, Chrome и прочих

Website development *Opera Google Chrome VK API *Browser extensions


Когда-то захотел установить в свой браузер максимально простое расширение, чтобы видеть счетчик о новых сообщениях, заявках в друзья и т.д. Поиск ничего не дал. Максимально приближенным вариантом был VKfox, но тогда он мне показался крайне тяжелым и навороченным. Также нашел один интересный вариант для Opera 11. Но у меня был другой браузер. И тогда я решил написать такое расширение самостоятельно.
Подробности
Total votes 11: ↑7 and ↓4 +3
Views 16K
Comments 8

Интерфейс для Яндекс.Диска в Ubuntu 14.04

Yandex API *
Tutorial
image

Как известно, Яндекс.Диск на Ubuntu существует только как консольный клиент. Сегодня я решил «хватит это терпеть» и написал для себя простенький скрипт, который значительно упрощает работу с ним (исходники внизу статьи).
Читать дальше →
Total votes 44: ↑38 and ↓6 +32
Views 44K
Comments 16
1

Information

Rating
Does not participate
Registered
Activity