Собственный VPN клиент на JavaScript. 9 часть — Electron компонент Callback

Callback — Electron компонент, элемент обратной связи. Структура папок: callback││ index.js│└───client // Все что относится к клиенту │ image.jpg │ index.html │ style.css │ └───fonts font1.woff2 font2.woff2 font3.woff2 font4.woff2 font5.woff2 font6.woff2 font7.woff2 Читать дальше →...

[Перевод] CraSSh: ломаем все современные браузеры вычислениями в CSS

Автор статьи: Константин Сафонов Не хочу читать эту техническую болтовню. Просто повали уже мой браузер. Что такое CraSSh CraSSh — это кроссбраузерная чисто декларативная DoS-атака, основанная на плохой обработке вложенных CSS-функций var() и calc() в современных браузерах. CraSSh действует во всех...

Собственный VPN клиент на JavaScript. 8 часть — Electron компонент Setting

Setting — Electron компонент, элемент настройки приложения. Структура папок. context││ index.js│└───client // все что относится к клиенту │ creater-option.js │ index.html │ style.css │ └───fonts font1.woff2 font2.woff2 font3.woff2 font4.woff2 font5.woff2 font6.woff2 font7.woff2 Читать дальше →...

Введение в пользовательские CSS-свойства

Автор курса «HTML-верстка» Стас Мельников рассказал, что такое пользовательские CSS-свойства и почему их стоит изучить. Стандарт CSS Custom Properties изменил CSS. Появились безумные возможности, о которых раньше мы могли только мечтать. Рассказываем, какие именно и почему новичкам стоит изучить их...

Собственный VPN клиент на JavaScript. 7 часть — Electron компонент Context

Context — Electron компонент, элемент навигации по приложению. Структура папок. context││ index.js│└───client // Все что относится к клиенту │ index.html │ style.css │ └───fonts font1.woff2 font2.woff2 font3.woff2 font4.woff2 font5.woff2 font6.woff2 font7.woff2 Читать дальше →...

Собственный VPN клиент на JavaScript. 6 часть — Electron компонент Notify

Notify — Electron компонент, элемент представления уведомлений. Структура папок. notify││ index.js│└───client // Все что относится к клиенту │ fly.html │ static.html │ style.css │ └───fonts font1.woff2 font2.woff2 font3.woff2 font4.woff2 font5.woff2 font6.woff2 font7.woff2 Читать дальше →...

Собственный VPN клиент на JavaScript. 5 часть — Electron компонент Vpn

Vpn — Electron компонент, основной элемент управления приложением. Electron компонент — под этим термином я подразумеваю как раз ту организацию Electron кода, о которой я говорил в 1 части. Структура папок. vpn││ index.js│├───client // все что относится к клиенту│ index.html│ paper-plane.svg│...

Собственный VPN клиент на JavaScript. 4 часть — Configs компонент

Configs — Компонент, отвечающий за хранение и загрузку OpenVPN конфигов. Структура папок. configs│ │ configs.json // Хранит метаданные о конфигах│ get.js│ index.js│ load.js│ parse-configs.js│└───base // В этой папке хранятся конфиги аки файлы типа ovpn empty.file // Пустой файл нужен для того чтобы...

Собственный VPN клиент на JavaScript. 2 часть — Разработка

Эта статья – скорее, рассказ, нежели руководство к действию. Но если вы все же захотите разработать подобное приложение, помните, что вам необходимо обладать хотя бы минимальными навыками веб разработки и разработки на Node.JS, а также хотя бы 15 минут вдумчиво провести на сайте с документацией по...

Как оценить уровень SEO-компании, не заключая с ней договор

В комментариях к предыдущей моей публикации возник вопрос: «По каким признакам можно оценить компанию, которая предлагает SEO-услуги?» Вопрос актуальный и интересный, поэтому решил посвятить этой теме отдельный пост. Читать дальше →...

Готовим идеальный CSS

Привет Хабр! Не так давно я понял, что работа с CSS во всех моих приложениях — это боль для разработчика и пользователя. Под катом лежат мои проблемы, куча странного кода и подводные камни на пути к правильной работе со стилями. Читать дальше →...

Дайджест свежих материалов из мира фронтенда за последнюю неделю №339 (12 — 18 ноября 2018)

Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него. Читать дальше →...

Архив сайта

Реклама на сайте