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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Подробнее
Картинки в вебе 2019

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

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

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

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

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

Подробнее