теги
-
Хабрахабр
Сокровища HTML: 7 тегов, которые упростят вам жизнь
В этой статье я расскажу про 7 HTML-тегов, которые, возможно, вы еще не открыли для себя. Мы посмотрим, как они работают и насколько поддерживаются современными браузерами. Поехали! <sub> / <sup> Это теги для добавления текста с надстрочным и подстрочным индексами. Иногда нам нужно выделить символы или цифры, которые находятся выше или ниже базовой линии текста. Например, в химии для обозначения…
Читать далее » -
Хабрахабр
Как правильно верстать в 2022 году. Часть 2. Как правильно вкладывать теги друг в друга
Вступление Привет хабр! Меня зовут Николай и я Frontend-разработчик в логистическом стартапе Relog. Хочу рассказать о самых распространённых ошибках в вёрстке современных проектов. В этой статье мы говорим о вложении тегов друг в друга, так как это один из неочевидных моментов, в котором многие новички часто делают ошибки. Также я расскажу о работе со спецификацией HTML — какие разделы важны…
Читать далее » -
Хабрахабр
![Фото [Перевод] Атрибуты HTML, которыми вы никогда не пользовались](http://orion-int.ru/wp-content/uploads/2022/04/perevod-atributy-html-kotorymi-vy-nikogda-ne-polzovalis-780x470.png)
[Перевод] Атрибуты HTML, которыми вы никогда не пользовались
В январе этого года Мэдисон Канна спросила у своих подписчиков в Twitter: Какие языки/технологии вам бы хотелось изучить или узнать глубже в этом году? Мой выбор: typescript, next.js, react, graphql, solidity, node — Мэдисон Канна (@Madisonkanna) January 3, 2022 Мой ответ был очень простым: HTML. И я ни в коей мере не был саркастичным или насмешливым. Разумеется, я неплохо знаю,…
Читать далее » -
Хабрахабр
Как правильно верстать в 2022 году. Часть 1
Вступление Меня зовут Николай и я Frontend-разработчик. Хочу рассказать о самых распространённых ошибках в вёрстке современных проектов. Дело в том, что лишь малая часть современных фронтендеров обращает внимание на работу с HTML и CSS, предпочитая готовые решения, вроде UI-библиотек и систем сеток. Но эти решения неидеальные и приходится дописывать обёртки вокруг них, видоизменять код, переписывать стили и совершать прочие действия…
Читать далее » -
Софт
![Фото [Из песочницы] Категории вместо директорий, или Семантическая файловая система для Linux](http://orion-int.ru/wp-content/uploads/2019/06/iz-pesochnicy-kategorii-vmesto-direktorij-ili-semanticheskaya-fajlovaya-sistema-dlya-linux-780x369.png)
[Из песочницы] Категории вместо директорий, или Семантическая файловая система для Linux
Я люблю коллекционировать информацию, кажущуюся нужной, и всегда пытался делать логичные иерархии директорий для своих файлов, и однажды во сне я увидел красивую и удобную программу для назначения тэгов файлам, и решил что дальше так жить нельзя. Классификация данных сама по себе интересная тема для исследований. Пользователи часто сталкиваются с проблемой всего выбора места сохранения очередного нового файла и проблемой…
Читать далее » -
Хабрахабр
![Фото [Перевод] Imba: JavaScript-совместимый язык для быстрой работы с DOM](http://orion-int.ru/wp-content/uploads/2018/12/perevod-imba-javascript-sovmestimyj-yazyk-dlya-bystroj-raboty-s-dom.png)
[Перевод] Imba: JavaScript-совместимый язык для быстрой работы с DOM
Imba — это опенсорсный язык программирования, созданный компанией Scrimba специально для разработки веб-приложений. Он компилируется в JavaScript и способен работать внутри существующей JS-экосистемы. Речь идёт, например, о Node.js, об npm, о Webpack. Рост производительности приложений достигается за счёт того, как Imba работает с обновлениями DOM. Основная сильная сторона Imba заключается в том, что этот язык позволят создавать гораздо более быстрые…
Читать далее » -
Хабрахабр
Краткое руководство по Dash — Python веб-фреймворк для создания дэшбордов. Installation + Dash Layout
Всем привет! Появился он не так давно, пару лет назад благодаря разработчикам фреймворка plotly. Сегодня предлагаю погрузиться в один из удобнейших веб-фреймворков в связке c Python под названием Dash. Js, HTML и CSS. Сам Dash является связкой Flask, React. Выступление Криса Пармера на PLOTCON 2016 Давайте сразу установим фреймворк. Обновленные версии уточняйте тут. pip install dash==0.31.1 # The core dash…
Читать далее » -
Хабрахабр
![Фото [Перевод] Объясняем бэкдор в event-stream](http://orion-int.ru/wp-content/uploads/2018/11/perevod-obyasnyaem-bekdor-v-event-stream.png)
[Перевод] Объясняем бэкдор в event-stream
(На Хабре тоже опубликовали пост об этом — пер.) К сожалению, детальный анализ ситуации похоронен под более чем 600 комментариями в issue на Github, большая часть которых – флейм о состоянии npm, open-source в целом и т.д. Если вы работаете с Javascript, то скорее всего вы заметили много шума об уязвимости в npm-пакете event-stream. Так что я решил написать пост…
Читать далее » -
Хабрахабр
Разрабатываем свой браузер с нуля. Часть первая: HTML
Всем привет! Продолжаем цикл статей по разработке браузерного движка. Мы рассмотрим HTML спецификацию и чем она плоха относительно производительности и потребления ресурсов при разборе HTML. В данной статье я расскажу как создать самый быстрый HTML-парсер c DOM. Конференцию не каждый может посетить, плюс в статье больше деталей. С данной темой я докладывался на прошедшем HighLoad++. Я предполагаю, что читатель обладает…
Читать далее » -
Хабрахабр
Рассылай и властвуй: инструменты для создания и тестирования рассылки
Верстать и тестировать адаптивные письма с интерактивом (например, с формами и слайдерами) — боль в квадрате. Верстать электронные письма — это боль. В статье расскажу об email-фреймворках — MJML и Foundation for Emails — и моих любимых ресурсах для тестирования рассылки — Litmus и Email On Acid. Однако, не всё не так плохо, если выбрать правильные инструменты. В этой статье…
Читать далее »