Используем псевдокласс :not() на примере задачи «Выделение активной строки таблицы на чистом CSS»

Несколько дней назад мой друг попросил помочь с решением задачи, которая была на его собеседовании. Интервьюер дал ему следующий фрагмент кода: tbody:hover tr { opacity: 0.24;} Также добавил: “Сейчас, при наведении на таблицу, все строки становятся блеклыми. А требуется сделать так, чтобы строка,...

Дайджест свежих материалов из мира фронтенда за последнюю неделю №366 (20 — 26 мая 2019)

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

[Перевод] CSS Subgrid новости

Несколько недель назад, я выступала на Frontend NE в Ньюкасле и большую часть выступления объясняла, что за особенности будут в CSS Grid Subgrid из Grid Level 2. Не имея реализации данного свойства(в браузерах), я смоделировала кучу демок, используя DevTools, для того выступления. По пути в San...

[Перевод] Гибкие таблицы на CSS Grid

Просмотр списка лидов («холодных» контактов) Поскольку мы уже запустились, я, наконец, могу рассказать о секретном проекте, над которым работал последние два года. Одна из интересных функций Teamwork CRM — просмотр списка (list view). Это мощный компонент, который встречается в приложении семь раз....

10 верстальщиков на 30 команд. Вы рехнулись?

Всем привет! Меня зовут Костя, и я руковожу отделом верстки в компании Wrike. В нашем отделе сейчас работает 10 человек, и все эти ребята пришли в компанию в разное время, у них различный опыт и задачи в отдельных командах. При этом все сотрудники — прекрасные специалисты, которые вдесятером...

16 сервисов для работы с семантическим ядром

Хабр, привет! Сделал подборку из 16 сервисов для сбора и работы с семантическим ядром. 1. SemRush У сервиса большой инструментарий для работы с семантикой. SemRush покажет вам, на какие ключевые слова следует обратить внимание, чтобы обойти конкурентов. Поможет узнать общие и уникальные ключевые...

Дайджест свежих материалов из мира фронтенда за последнюю неделю №365 (13 — 19 мая 2019)

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

[Перевод] Главные SEO-тренды в Google

На конференциях мы зачастую слышим: «Google меняется каждый день…» «Алгоритм Google обновляется 500 раз в год…» «Вы должны оставаться в топе выдачи…» А изменения в Google означают изменения в ранжировании, верно? Но что, если самые большие изменения в Google не имеют ничего общего с ранжированием?...

Пишем безопасное браузерное расширение

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

Картинки в вебе 2019

Проблема с отображением картинок возникла с момента появления адаптивности в интернете. Мы хотим, чтобы сайт хорошо смотрелся на любом планшете, телефоне, в портретной или ландшафтной ориентации экрана, а также на супербольших дисплеях 5K. Также на рынке появились Retina-дисплеи с высокой...

Дайджест свежих материалов из мира фронтенда за последнюю неделю №364 (6 — 12 мая 2019)

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

[Из песочницы] Все об SVG анимации

В данной статье я хочу осветить тонкости работы с SVG-графикой, SVG анимация (в том числе и path), проблемы и способы их решения, а также разнообразные подводные камни, коих в SVG огромное множество. Эту статью я позиционирую как подробное руководство. Здесь не будет никаких плагинов, библиотек и...

Архив сайта

Реклама на сайте Бетон в пензе цена www.betonpnz.ru С доставкой