<![CDATA[Статьи]]> https://habr.com/ru/users/tenphi/publications/articles/ ru editor@habr.com habr.com Wed, 06 May 2026 02:35:41 GMT https://habr.com/ru/ https://habrastorage.org/webt/ym/el/wk/ymelwk3zy1gawz4nkejl_-ammtc.png Хабр <![CDATA[Numl – Альтернативный язык разметки и стилизации для веб]]> https://habr.com/ru/articles/510026/ https://habr.com/ru/articles/510026/?utm_campaign=510026&utm_source=habrahabr&utm_medium=rss Всем привет! Меня зовут Андрей, я профессионально разрабатываю веб-интерфейсы уже больше 11 лет и последний год развиваю проект Numl, который можно назвать языком разметки и стилизации для веб. В этой статье я расскажу, как в попытке перебороть ряд особенностей CSS и упростить вёрстку веб-проектов получился целый язык, который не только удовлетворил все наши потребности в стилизации, но также позволил уменьшить кол-во JS-кода и улучшить доступность.


Читать дальше →]]> Wed, 08 Jul 2020 09:49:51 GMT <![CDATA[Мутационный анализ, или как тестировать тесты]]> https://habr.com/ru/companies/oleg-bunin/articles/421141/ https://habr.com/ru/companies/oleg-bunin/articles/421141/?utm_campaign=421141&utm_source=habrahabr&utm_medium=rss


О подходе к автоматизации этой задачи и был доклад Марка Лангового на Frontend Conf. Видео и статья короткие, а идеи очень рабочие — надо брать на заметку.
]]> Wed, 21 Nov 2018 06:24:28 GMT <![CDATA[Frontend Conf — с заботой о пользователе]]> https://habr.com/ru/companies/oleg-bunin/articles/421139/ https://habr.com/ru/companies/oleg-bunin/articles/421139/?utm_campaign=421139&utm_source=habrahabr&utm_medium=rss
С этим определились, осталось только разобраться, и как же теперь все сделать круто. Где тут в интернете про это пишут? — Да везде! И вот, чтобы разобраться со всем многообразием современных технологий, фреймворков и библиотек, мы проводим профессиональную конференцию Frontend Conf. Отбирая для неё темы мы сделали упор не на хайповость, а на полезность докладов. Любой профессиональный фронтендер придя на конференцию может быть уверен, что найдёт для себя много полезных докладов соответствующих его уровню знаний. Какие именно доклады в итоге вошли в программу, расскажу под катом.


Читать дальше →]]> Fri, 28 Sep 2018 10:31:34 GMT <![CDATA[Как работает Headless Chrome]]> https://habr.com/ru/companies/oleg-bunin/articles/421137/ https://habr.com/ru/companies/oleg-bunin/articles/421137/?utm_campaign=421137&utm_source=habrahabr&utm_medium=rss
Под катом компоненты и особенности работы Headless Chrome, интересные сценарии использования Headless Chrome. Вторая часть про Puppeteer — удобную Node.js-библиотеку для управления Headless-режимом в Google Chrome и Chromium.


О спикере: Виталий Слободин — бывший разработчик PhantomJS — тот, кто закрыл его и похоронил. Иногда помогает Константину Токареву ( annulen) в «воскрешенной» версии QtWebKit — том самом QtWebKit, где есть поддержка ES6, Flexbox и многие других современных стандартов.

Виталий любит исследовать браузеры, в свободное время копаться в WebKit, Chrome и прочее, прочее. Про браузеры сегодня и поговорим, а именно про безголовые браузеры и всю их семейку призраков. ]]> Wed, 05 Sep 2018 13:01:29 GMT <![CDATA[Шесть наиболее полезных докладов с Frontend Conf 2018]]> https://habr.com/ru/companies/oleg-bunin/articles/420965/ https://habr.com/ru/companies/oleg-bunin/articles/420965/?utm_campaign=420965&utm_source=habrahabr&utm_medium=rss Frontend Conf поместил под катом краткий обзор шести самых полезных докладов с РИТ++ 2018 по фронтенду.

В подборке нашлось место рассказу про то, как настраивать PWA-приложения и делать их более нативными. Отдельно затронуты вопросы транспиляции, где на примере API Яндекс.Карт показано, как можно писать на ES2015, получая на выходе ES3, и обеспечить поддержку IDE и линтеров. Еще одна история — про популярные форматы хранения изображений, их сжатие и варианты загрузки на мобильные устройства. Не менее хардкорный доклад про то, как перенести нагрузку, связанную с расчетом анимации, с CPU на видеокарту. Плюс два отдельных доклада про секреты и лайфхаки CSS.

Все доклады — сугубо практические, а некоторые — вполне холиварные. Одним словом, именно такие, как мы любим, и отбираем для Frontend Conf Moscow.


]]> Tue, 28 Aug 2018 10:56:49 GMT <![CDATA[Иван Тулуп: асинхронщина в JS под капотом]]> https://habr.com/ru/companies/oleg-bunin/articles/417461/ https://habr.com/ru/companies/oleg-bunin/articles/417461/?utm_campaign=417461&utm_source=habrahabr&utm_medium=rss
Об этом и о том, как работает асинхронщина в JS под капотом, как Event Loop работает в браузерах и в Node.js, есть ли какие-то различия и, может быть, похожие вещи рассказал Михаил Башуров (SaitoNakamura) в своем докладе на РИТ++. С удовольствием делимся с вами расшифровкой этого познавательного выступления.



О спикере: Михаил Башуров — fullstack веб-разработчик на JS и .NET из Luxoft. Любит красивый UI, зеленые тесты, транспиляцию, компиляцию, технику compiler allowing и улучшать dev experience.

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

]]> Thu, 16 Aug 2018 12:33:34 GMT <![CDATA[Знай свой JIT: ближе к машине]]> https://habr.com/ru/companies/oleg-bunin/articles/417459/ https://habr.com/ru/companies/oleg-bunin/articles/417459/?utm_campaign=417459&utm_source=habrahabr&utm_medium=rss Андрей Мелихов в своем докладе на РИТ++ 2018 разобрал каждый шаг на этом пути на примере движка V8. Заходите под кат, чтобы выяснить, что даёт нам глубокое понимание принципов работы компилятора и как сделать JavaScript код производительнее.



Узнаем, является ли WASM серебряной пулей для повышения производительности кода, и всегда ли оправданы оптимизации.

Спойлер: «Преждевременная оптимизация — корень всех бед», Дональд Кнут.



О спикере: Андрей Мелихов работает в компании Яндекс.Деньги, активно пишет на Node.js, а в браузере — меньше, поэтому ему ближе серверный JavaScript. Андрей поддерживает и развивает сообщество devShacht, заходите познакомиться на GitHub или Medium.
Читать дальше →]]> Thu, 02 Aug 2018 12:37:53 GMT <![CDATA[Frontend Conf Moscow — клиентсайд и вглубь и вширь]]> https://habr.com/ru/companies/oleg-bunin/articles/417457/ https://habr.com/ru/companies/oleg-bunin/articles/417457/?utm_campaign=417457&utm_source=habrahabr&utm_medium=rss Frontend Conf Moscow. О том, что будет из себя представлять эта конференция, что от неё ждать, как поучаствовать, читайте далее.



О главном


Frontend Conf Moscow пройдет 4 и 5 октября в Москве в хорошо знакомом и удобном Инфопространстве. Это будет два дня, которые мы с вами целиком посвятим технологиям разработки клиентской части веб-проектов. Доклады в несколько потоков, мастер-классы, митапы, обсуждения с экспертами за чашкой кофе или, в вечернее время, стаканом кое-чего еще, сильнейшие разработчики среди участников — все это позволит погрузиться в тему полностью, и обсудить аспекты, которые до этого оказывались слишком узкими или специфичными.
]]> Thu, 26 Jul 2018 08:18:37 GMT <![CDATA[Обзор Mobile Safari iOS 6 для веб-разработчиков]]> https://habr.com/ru/articles/145912/ https://habr.com/ru/articles/145912/?utm_campaign=145912&utm_source=habrahabr&utm_medium=rss
Уже было сказано довольно много слов про новую версию iOS и её бета-релиз. Однако, за кадром остались новые интересные возможности мобильной версии Safari о которых просто нельзя не рассказать. Но обо всём по порядку.

Данная статья изначально планировалась как перевод, но подготовленного материала хватило на самостоятельную статью. Для тестирования возможностей использовались iOS 6 beta 1 и Safari 6 developer preview for Mac. И то и другое доступно для скачивания для зарегистрированных разработчиков Apple.

Читать дальше →]]> Sat, 16 Jun 2012 07:48:20 GMT <![CDATA[Strain It! — Валидация и приведение данных на PHP]]> https://habr.com/ru/articles/115082/ https://habr.com/ru/articles/115082/?utm_campaign=115082&utm_source=habrahabr&utm_medium=rss Введение
Пожалуй любой программист рано или поздно сталкивается с проблемой валидации данных. Потратив уйму сил на написание однотипных алгоритмов валидации и я решил поискать более удобные способы. Было это довольно давно, и с тех пор мне довелось попользоваться большим количеством готовых решений и разработать несколько своих, которыми благополучно пользовался до недавнего времени.

Но после того как я перешел на PHP 5.3 меня потянуло написать новый валидатор на основе анонимных функций. А заодно еще раз потренироваться в их использовании. Мною ставились следующие требования к будущему классу:
  • Декларативность (информация о валидации должна задаваться объектами/массивами)
  • Гибкость (высокая эффективность кода, написанного с помощью этого класса)
  • Скорость (ничего лишнего)

Уже после начала работ, мне пришла в голову мысль о том, что анонимные функции в этом классе можно использовать не только для валидации, но и для приведения данных к нужному виду (например к определенному типу). Добавив к списку требований еще одно («Универсальность») я смело переименовал класс в Strain.

Что же в итоге получилось… читаем ниже. Здесь я не буду претендовать на оригинальность решения и прочую ерунду. Если вам понравится такой подход, используйте его в своих проектах, а если нет — то нет. Для отчаянных любителей извращений исходники я опубликую в конце статьи.
Читать дальше →]]> Mon, 07 Mar 2011 21:06:21 GMT