CSS

  • ХабрахабрФото Сокровища HTML: 7 тегов, которые упростят вам жизнь

    Сокровища HTML: 7 тегов, которые упростят вам жизнь

    В этой статье я расскажу про 7 HTML-тегов, которые, возможно, вы еще не открыли для себя. Мы посмотрим, как они работают и насколько поддерживаются современными браузерами. Поехали! <sub> / <sup> Это теги для  добавления текста с надстрочным и подстрочным индексами. Иногда нам нужно выделить символы или цифры, которые находятся выше или ниже базовой линии текста. Например, в химии для обозначения…

    Читать далее »
  • ХабрахабрФото Может ли быть уязвимость в дизайне, контенте и CSS и разбор такой уязвимости(?) на Госуслугах

    Может ли быть уязвимость в дизайне, контенте и CSS и разбор такой уязвимости(?) на Госуслугах

    Кажется, что уязвимость - штука техническая, но на Госуслугах есть интересная комбинация уязвимостей (ну или, скажем, черт, особенностей) в сфере CSS, дизайна, юзабилити, которые мошенники используют в социальной инженерии. Узнал я про это из вот этого ролика на ютубе - https://www.youtube.com/watch?v=53fsKnQimL4 . Смотрел фоном, не ожидая чего-то интересного, но в момент, когда я услышал, как жертва атаки видит телефон мошенника…

    Читать далее »
  • ХабрахабрФото Какого цвета интернет: история смены окраски веб-страницами

    Какого цвета интернет: история смены окраски веб-страницами

    Однажды в погоне за дешёвым дофамином наткнулся в ленте Твиттера на интересную инфографику, сразу начну с нее — вот она: Спектр цветов окружающих нас предметов, Science Museum Group Digital Lab Ниже стояла ссылка на статью-источник — делюсь и ей. В чем суть: исследователи взяли несколько тысяч фотографий бытовых предметов, представленных в онлайн-музеях, и провели в числе прочего анализ их цветов.…

    Читать далее »
  • ХабрахабрФото Как HTML и CSS влияют на доступность

    Как HTML и CSS влияют на доступность

    Многие разработчики думают, что доступность реализуется только с помощью aria-атрибутов. Если их не добавить, то всё, доступности нет. Конечно, aria-атрибуты нужны, но HTML и CSS такая же важная часть процесса создания доступных интерфейсов. Эти технологии непросто несут в себе кучу скрытых моментов, влияющих на доступность. Они напрямую позволяют её улучшить. В статье хочу показать это. Я затрону не все аспекты.…

    Читать далее »
  • ХабрахабрФото Ох уж эти CSS-переменные

    Ох уж эти CSS-переменные

    Я люблю создавать компоненты везде и всегда, поэтому пользовательские CSS-свойства, также известные как CSS-переменные, являются одной из моих любимых фишек, которая позволяет писать более модульный код. При работе с ними я набил достаточно шишек, выпил литры чая и убил кучу времени. Теперь я «мастер», и хочу поделиться своим опытом. ▍ Разрешённые символы при именовании Однажды я наткнулся примерно на следующий…

    Читать далее »
  • ХабрахабрФото 5 новинок CSS в адаптивной верстке, которые можно использовать уже сейчас

    5 новинок CSS в адаптивной верстке, которые можно использовать уже сейчас

    Hola, Amigos! На связи Игорь Мельников, Frontend-разработчик компании Amiga. Возможно, вы уже слышали про технологии, которые я описываю в статье, но не использовали их, потому что думали, что они не поддерживаются актуальными браузерами. Теперь можете смело брать их во всеоружие и применять в своих проектах!  Я решил в одном месте собрать информацию о нескольких новых фичах, которыми начал пользоваться сам…

    Читать далее »
  • ХабрахабрФото Работа с Sass в приложении ASP.NET Core

    Работа с Sass в приложении ASP.NET Core

    Sass (Syntactically Awesome Style Sheets) — это скриптовый язык, используемый для создания каскадных таблиц стилей (CSS-файлов). Его синтаксис очень похож на обычный CSS, но вдобавок он поддерживает использование переменных, вложенность, миксины и наследование для селекторов, чего очень не хватает в базовом CSS, ведь эти фичи незаменимы в организации и поддержке стилей вашего веб-приложения. В этой статье я продемонстрирую вам шаги,…

    Читать далее »
  • ХабрахабрФото [Перевод] Starting Electronics: руководство по веб-серверам на Arduino. Часть 15. HTML теги, CSS и JavaScript

    [Перевод] Starting Electronics: руководство по веб-серверам на Arduino. Часть 15. HTML теги, CSS и JavaScript

    От переводчика. Разбор работы непосредственно веб-серверов на Arduino закончен автором в предыдущих статьях, но остались нераскрытыми различные тонкости формирования дизайна и работы самих веб-страниц. В этом уроке автор «расставляет по полочкам» методы получения доступа к различным HTML элементам при помощи CSS и JavaScript и подробно объясняет механизмы управления внешним видом страниц.В этой статье подробно разбирается как можно получить доступ к…

    Читать далее »
  • ХабрахабрФото Интересные трюки JS, HTML и CSS, #2

    Интересные трюки JS, HTML и CSS, #2

    Небольшая подборка нестандартных вариантов использования HTML/JS/CSS, где каждый найдёт что-то интересное. Если информация окажется полезной, будем собирать эти хаки на постоянной основе и публиковать по мере накопления. Предыдущая часть здесь. В этом выпуске — DevTools для мобильных браузеров, CSS-антистресс для Booking.com (на КДПВ), единственная защита от фингерпринтинга (спойлер: это браузер Tor, он же Firefox) и др. ▍ Фингерпринтинг как сервис Услугу…

    Читать далее »
  • ХабрахабрФото Черт тебя возьми, CSS

    Черт тебя возьми, CSS

    У CSS много моментов, которые сбивают столку. Разработчики плюются от него. А мне нравится CSS, несмотря на мои потраченные нервы. Подумав, как помочь другим меньше мучаться, я собрал ряд неочевидных моментов. Они сбивали с толку меня и моих знакомых. Надеюсь, вам будет полезно. ▍ Свойство display Однажды на собеседовании мне задали вопрос: «Какое значение свойства display у элемента с классом…

    Читать далее »


Кнопка «Наверх»