![[Перевод] Расширяемые расширения в JavaScript](https://habrastorage.org/webt/xc/he/sh/xcheshyyruqmp90p5qwuga1k9cu.jpeg)
Привет, Хабр! Обращаем ваше внимание на долгожданную допечатку книги "Выразительный JavaScript", которая только-только пришла из типографии. Тем, кто еще не знаком с творчеством автора книги (при всей энциклопедичности она понравится и начинающим разработчиком) — предлагаем познакомиться со статьей из его блога; в статье изложены мысли об организации расширений в языке JavaScript Читать дальше →
Подробнее
Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него. Читать дальше →
Подробнее![[Из песочницы] Разбор решенных задач с чемпионата по программированию от Яндекса (фронт-энд разработка) 2019](/uploads/habrahabr_logo.png){kind=logo}
Завершилось мое участие в чемпионате по программированию. Я неплохо прошел квалификацию, решив 4 из 6 задач и шел на 20 месте, поэтому были надежды и в финале попасть топ 20. Но к сожалению не удалось попасть даже в топ-100. После драки кулаками не машут, но я смог решить еще несколько задач по завершению. Предлагаю вашему вниманию все решенные мной задания. Читать дальше →
Подробнее
Сегодня столкнулся с интересной задачкой, которая заставила меня узнать больше об отладке в хроме. Хочу поделиться с вами (вдруг кто не знал). Возникшая проблемка не сложная, но оказалась не особо тривиальная. В общем, сижу натягиваю стороннюю верстку готовую на сайт (этот момент важен, так как проблема залетела оттуда и я не был к этому готов). И на странице собирался ввести текст в спан редактируемый, который с атрибутом contenteditable=true. И вот сто раз так делал и все ОК было, а
Подробнее
В инструментах разработчика браузера хром есть вкладка «Audit». На ней расположился инструмент который называется Lighthouse, служит он для анализа насколько хорошо сделано веб приложение. Недавно я решил протестировать одно приложение и ужаснулся результатам. Сразу по нескольким разделам оценка находилась в красной зоне. Я принялся изучать что же с моим приложением не то. И нашел в результатах анализа большой список очень полезных рекомендаций, выполнил их и получил 500 баллов. В…
Подробнее
Всем привет Меня зовут Дмитрий Голев. Я основатель и технический директор Veliov Group. Сегодня я расскажу о сервисе, который был награжден "Dev Project" award от DeveloperWeek. По данному случаю нам предложили рассказать о проекте со сцены DevExec World, ниже текстовая версия моей речи. Читать дальше →
Подробнее
P.S. Каждая часть — это часть, сама по себе смысла не имеет, чтобы обзавестись необходимым контекстом и не испытывать когнитивный диссонанс от отсутствия так необходимых блоков текста начните читать с 1 части В этот раз собирать приложение я буду npm модулем electron-builder, отдельное спасибо разработчикам за удобную документацию к модулю и множество примеров настройки конфига (нет). В прошлый раз я собирал приложение npm модулем electron-packager, насколько мне известно, он не может…
Подробнее
После того, как все части приложения были разработаны, их можно объединить в одно большое приложение.Читать дальше →
Подробнее
Эта статья – скорее, рассказ, нежели руководство к действию. Но если вы все же захотите разработать подобное приложение, помните, что вам необходимо обладать хотя бы минимальными навыками веб разработки и разработки на Node.JS, а также хотя бы 15 минут вдумчиво провести на сайте с документацией по Electron. 3 часть — OpenVPN компонент Для начала нужно скачать и установить: Node.js, Git и читать: Electron docs. открываем Git bash. Читать дальше →
Подробнее
По работе делал листалку фотографий. Сопровождающий текст было решено положить на усреднённый цвет фото. Тема среднего цвета заинтересовала, и я решил посмотреть какие ещё варианты можно использовать в верстке. Читать дальше →
Подробнее![[Из песочницы] Аналоговые часы, CSS и ничего больше](https://habrastorage.org/webt/-b/3b/dd/-b3bddbzdas_g5qshd6t7rmapq8.png)
Что здесь не так? Здравствуйте, недавно послушал новый выпуск Веб-стандартов и там был момент с обсуждением статьи «Время переменных» где автор решил поэкспериментировать с CSS переменными и создать на основе них аналоговые часы. Все выглядит шикарно и главное работает, но у меня появилось много вопросов и я решил немного поэкспериментировать и заодно вам рассказать о своих умозаключениях. Не подумайте ничего плохого, я люблю CSS переменные и все новое в CSS, но как всегда есть…
Подробнее![[Перевод] Погружение в CSS: метрики шрифтов, line-height и vertical-align](https://habrastorage.org/getpro/habr/post_images/cc5/6c7/186/cc56c718642f701c3f8739ee7a4453cf.png)
line-height и vertical-align — это простые свойства CSS. Настолько простые, что большинство из нас уверены, что понимают, как они работают и как их использовать. К сожалению, это не так — на самом деле они, пожалуй, являются самыми сложными свойствами, поскольку играют важную роль в создании малоизвестной особенности CSS под названием «строчный контекст форматирования» (inline formatting context). Например, line-height можно задать в виде длины или безразмерного значения, но его значение
Подробнее